Merge pull request #812 from Merit-Systems/staging

Staging

Author: fmhall

apps/scan/package.json

@@ -22,6 +22,7 @@
   },
   "dependencies": {
     "@agentcash/discovery": "1.6.3",
+    "@neondatabase/serverless": "catalog:prisma",
     "@agentcash/router": "1.3.3",
     "@ai-sdk/openai": "^2.0.52",
     "@ai-sdk/react": "^2.0.68",

apps/scan/src/app/(app)/(home)/(discover)/_components/discover-origins.tsx

@@ -0,0 +1,47 @@
+'use client';
+
+import { DataTable } from '@/components/ui/data-table';
+
+import { useSellersSorting } from '@/app/(app)/_contexts/sorting/sellers/hook';
+import { useTimeRangeContext } from '@/app/(app)/_contexts/time-range/hook';
+import { useChain } from '@/app/(app)/_contexts/chain/hook';
+
+import {
+  featuredServiceColumns as columns,
+  type FeaturedServiceItem,
+} from '@/app/(app)/(home)/(overview)/_components/sellers/featured-columns';
+import { api } from '@/trpc/client';
+
+interface Props {
+  originUrls: string[];
+}
+
+export const DiscoverSellersTable: React.FC<Props> = ({ originUrls }) => {
+  const { sorting } = useSellersSorting();
+  const { timeframe } = useTimeRangeContext();
+  const { chain } = useChain();
+
+  const [topSellers] = api.public.sellers.bazaar.list.useSuspenseQuery({
+    chain,
+    pagination: {
+      page_size: 100,
+    },
+    timeframe,
+    sorting,
+    originUrls,
+  });
+
+  return (
+    <DataTable
+      columns={columns}
+      data={topSellers.items as FeaturedServiceItem[]}
+      pageSize={15}
+    />
+  );
+};
+
+export const LoadingDiscoverSellersTable = () => {
+  return (
+    <DataTable columns={columns} data={[]} loadingRowCount={15} isLoading />
+  );
+};

apps/scan/src/app/(app)/(home)/(discover)/_components/discover-page-content.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import { useDiscoverSearch } from './discover-search-context';
+import { DiscoverSearchResults } from './discover-search';
+
+interface Props {
+  children: React.ReactNode;
+}
+
+/**
+ * Switches between default home content and search results.
+ */
+export const DiscoverPageContent = ({ children }: Props) => {
+  const { isSearching } = useDiscoverSearch();
+
+  if (isSearching) {
+    return <DiscoverSearchResults />;
+  }
+
+  return <>{children}</>;
+};

apps/scan/src/app/(app)/(home)/(discover)/_components/discover-search-context.tsx

@@ -0,0 +1,92 @@
+'use client';
+
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from 'react';
+import { useRouter, useSearchParams } from 'next/navigation';
+
+interface DiscoverSearchContextValue {
+  input: string;
+  setInput: (value: string) => void;
+  query: string;
+  isSearching: boolean;
+  isDirty: boolean;
+  submit: () => void;
+  clear: () => void;
+}
+
+const DiscoverSearchContext = createContext<DiscoverSearchContextValue | null>(
+  null
+);
+
+export const useDiscoverSearch = () => {
+  const ctx = useContext(DiscoverSearchContext);
+  if (!ctx)
+    throw new Error(
+      'useDiscoverSearch must be used within DiscoverSearchProvider'
+    );
+  return ctx;
+};
+
+export const DiscoverSearchProvider = ({
+  children,
+}: {
+  children: React.ReactNode;
+}) => {
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const initialQuery = searchParams.get('q') ?? '';
+
+  const [input, setInputRaw] = useState(initialQuery);
+  const [query, setQuery] = useState(initialQuery);
+
+  // Sync local state when URL search params change externally (e.g. home button click)
+  useEffect(() => {
+    const urlQuery = searchParams.get('q') ?? '';
+    if (urlQuery !== query) {
+      setQuery(urlQuery);
+      setInputRaw(urlQuery);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [searchParams]);
+
+  const setInput = useCallback(
+    (value: string) => {
+      setInputRaw(value);
+      if (value.trim().length === 0 && query.length > 0) {
+        setQuery('');
+        router.replace('/', { scroll: false });
+      }
+    },
+    [query, router]
+  );
+
+  const submit = useCallback(() => {
+    const trimmed = input.trim();
+    if (trimmed.length > 0) {
+      setQuery(trimmed);
+      router.replace(`/?q=${encodeURIComponent(trimmed)}`, { scroll: false });
+    }
+  }, [input, router]);
+
+  const clear = useCallback(() => {
+    setInputRaw('');
+    setQuery('');
+    router.replace('/', { scroll: false });
+  }, [router]);
+
+  const isSearching = query.length > 0;
+  const isDirty = input.trim() !== query;
+
+  return (
+    <DiscoverSearchContext.Provider
+      value={{ input, setInput, query, isSearching, isDirty, submit, clear }}
+    >
+      {children}
+    </DiscoverSearchContext.Provider>
+  );
+};