@open-mercato/search 0.4.2-canary-c02407ff85

package/dist/modules/search/frontend/components/HybridSearchTable.js

@@ -0,0 +1,343 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import * as LucideIcons from "lucide-react";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { fetchHybridSearchResults } from "../utils.js";
+const MIN_QUERY_LENGTH = 2;
+const ALL_STRATEGIES = ["fulltext", "vector", "tokens"];
+function createColumns(t) {
+  return [
+    {
+      id: "title",
+      header: () => t("search.table.columns.result", "Result"),
+      cell: ({ row }) => {
+        const item = row.original;
+        const title = resolveRowTitle(item);
+        const iconName = item.presenter?.icon;
+        const Icon = iconName ? resolveIcon(iconName) : null;
+        const typeLabel = formatEntityId(item.entityId);
+        const snapshot = item.presenter?.subtitle ?? extractSnapshot(item.metadata);
+        const links = normalizeLinks(item.links);
+        return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+          Icon ? /* @__PURE__ */ jsx(Icon, { className: "mt-0.5 h-5 w-5 text-muted-foreground" }) : null,
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium whitespace-normal break-all", children: title }),
+              /* @__PURE__ */ jsx("span", { className: "rounded border border-muted-foreground/40 px-2 py-0.5 text-xs text-muted-foreground", children: typeLabel })
+            ] }),
+            snapshot ? /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground whitespace-normal break-words", children: snapshot }) : null,
+            links.length ? /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap items-center gap-2", children: links.map((link) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "rounded-full border px-2 py-0.5 text-xs",
+                  link.kind === "primary" ? "border-primary text-primary" : "border-muted-foreground/40 text-muted-foreground"
+                ),
+                children: link.label ?? link.href
+              },
+              `${item.entityId}:${item.recordId}:${link.href}`
+            )) }) : null
+          ] })
+        ] }) });
+      },
+      meta: { priority: 1 }
+    },
+    {
+      id: "source",
+      header: () => t("search.table.columns.source", "Source"),
+      cell: ({ row }) => {
+        const source = row.original.source;
+        const colorClass = getStrategyColorClass(source);
+        return /* @__PURE__ */ jsx("span", { className: cn("rounded px-2 py-0.5 text-xs font-medium", colorClass), children: source });
+      },
+      meta: { priority: 2 }
+    },
+    {
+      id: "score",
+      header: () => t("search.table.columns.score", "Score"),
+      cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.score != null ? row.original.score.toFixed(2) : "\u2014" }),
+      meta: { priority: 2 }
+    }
+  ];
+}
+function getStrategyColorClass(strategy) {
+  switch (strategy) {
+    case "fulltext":
+      return "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200";
+    case "vector":
+      return "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200";
+    case "tokens":
+      return "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200";
+    default:
+      return "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200";
+  }
+}
+function normalizeLinks(links) {
+  if (!Array.isArray(links)) return [];
+  return links.filter((link) => typeof link?.href === "string");
+}
+function toPascalCase(input) {
+  return input.split(/[-_ ]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+function resolveIcon(name) {
+  if (!name) return null;
+  const key = toPascalCase(name);
+  const candidate = LucideIcons[key];
+  if (typeof candidate === "function") {
+    return candidate;
+  }
+  return null;
+}
+function humanizeSegment(segment) {
+  return segment.split(/[_-]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function formatEntityId(entityId) {
+  if (!entityId.includes(":")) return humanizeSegment(entityId);
+  const [module, entity] = entityId.split(":");
+  const moduleLabel = humanizeSegment(module);
+  const entityLabel = humanizeSegment(entity);
+  return `${moduleLabel} \xB7 ${entityLabel}`;
+}
+function resolveRowTitle(row) {
+  const presenterTitle = row.presenter?.title;
+  if (typeof presenterTitle === "string") {
+    const trimmed = presenterTitle.trim();
+    if (trimmed.length) return trimmed;
+  }
+  return row.recordId;
+}
+function extractSnapshot(metadata) {
+  if (!metadata) return null;
+  const candidateKeys = ["snapshot", "summary", "description", "body", "content", "note"];
+  for (const key of candidateKeys) {
+    const value = metadata[key];
+    if (typeof value === "string") {
+      const trimmed = value.trim();
+      if (trimmed.length) return trimmed;
+    }
+  }
+  return null;
+}
+function pickPrimaryLink(row) {
+  if (row.url) return row.url;
+  const links = normalizeLinks(row.links);
+  if (!links.length) return null;
+  const primary = links.find((link) => link.kind === "primary");
+  return (primary ?? links[0]).href;
+}
+function normalizeErrorMessage(input, fallback) {
+  const fallbackMessage = typeof fallback === "string" && fallback.trim().length ? fallback.trim() : null;
+  let message = null;
+  if (typeof input === "string") {
+    message = input;
+  } else if (input instanceof Error && typeof input.message === "string") {
+    message = input.message;
+  }
+  if (message) {
+    const trimmed = message.trim();
+    if (trimmed.length) {
+      const sanitized = trimmed.replace(/^\[[^\]]+\]\s*/, "").trim();
+      if (sanitized.length) return sanitized;
+    }
+  }
+  return fallbackMessage;
+}
+function HybridSearchTable({
+  showStrategySelector = false,
+  showSourceColumn = false
+} = {}) {
+  const router = useRouter();
+  const t = useT();
+  const [searchValue, setSearchValue] = React.useState("");
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [timing, setTiming] = React.useState(null);
+  const [strategiesUsed, setStrategiesUsed] = React.useState([]);
+  const [enabledStrategies, setEnabledStrategies] = React.useState(
+    new Set(ALL_STRATEGIES)
+  );
+  const debounceRef = React.useRef(null);
+  const abortRef = React.useRef(null);
+  const columns = React.useMemo(() => {
+    const allColumns = createColumns(t);
+    if (!showSourceColumn) {
+      return allColumns.filter((col) => col.id !== "source");
+    }
+    return allColumns;
+  }, [t, showSourceColumn]);
+  const toggleStrategy = React.useCallback((strategy) => {
+    setEnabledStrategies((prev) => {
+      const next = new Set(prev);
+      if (next.has(strategy)) {
+        next.delete(strategy);
+      } else {
+        next.add(strategy);
+      }
+      return next;
+    });
+  }, []);
+  const openRow = React.useCallback(
+    (row) => {
+      const href = pickPrimaryLink(row);
+      if (!href) return;
+      router.push(href);
+    },
+    [router]
+  );
+  React.useEffect(() => {
+    const trimmed = searchValue.trim();
+    abortRef.current?.abort();
+    if (debounceRef.current) {
+      window.clearTimeout(debounceRef.current);
+      debounceRef.current = null;
+    }
+    if (trimmed.length < MIN_QUERY_LENGTH) {
+      setRows([]);
+      setTiming(null);
+      setStrategiesUsed([]);
+      setError(null);
+      setLoading(false);
+      return;
+    }
+    if (enabledStrategies.size === 0) {
+      setRows([]);
+      setTiming(null);
+      setStrategiesUsed([]);
+      setError(t("search.table.errors.noSources", "Select at least one search source"));
+      setLoading(false);
+      return;
+    }
+    const controller = new AbortController();
+    abortRef.current = controller;
+    setLoading(true);
+    debounceRef.current = window.setTimeout(async () => {
+      try {
+        const data = await fetchHybridSearchResults(trimmed, {
+          limit: 50,
+          strategies: Array.from(enabledStrategies),
+          signal: controller.signal
+        });
+        const mapped = data.results.map((item) => ({
+          entityId: item.entityId,
+          recordId: item.recordId,
+          source: item.source,
+          score: typeof item.score === "number" ? item.score : null,
+          url: item.url ?? null,
+          presenter: item.presenter ?? null,
+          links: item.links ?? null,
+          metadata: item.metadata ?? null
+        }));
+        setRows(mapped);
+        setTiming(data.timing);
+        setStrategiesUsed(data.strategiesUsed);
+        const message = data.error ? normalizeErrorMessage(data.error, t("search.table.errors.searchFailed", "Search failed")) : null;
+        setError(message ?? null);
+        setPage(1);
+      } catch (err) {
+        if (controller.signal.aborted) return;
+        if (err?.name === "AbortError") return;
+        setError(normalizeErrorMessage(err, t("search.table.errors.searchFailed", "Search failed")));
+        setRows([]);
+        setTiming(null);
+        setStrategiesUsed([]);
+      } finally {
+        if (!controller.signal.aborted) setLoading(false);
+      }
+    }, 250);
+    return () => {
+      controller.abort();
+      if (debounceRef.current) window.clearTimeout(debounceRef.current);
+    };
+  }, [searchValue, enabledStrategies, t]);
+  React.useEffect(() => {
+    if (!error) return;
+    flash(error, "error");
+  }, [error]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-4", children: [
+    showStrategySelector && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 rounded-lg border bg-muted/50 p-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: t("search.table.sources", "Sources:") }),
+      ALL_STRATEGIES.map((strategy) => /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "size-4 rounded border-gray-300",
+            checked: enabledStrategies.has(strategy),
+            onChange: () => toggleStrategy(strategy)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "rounded px-2 py-0.5 text-xs font-medium",
+              getStrategyColorClass(strategy)
+            ),
+            children: strategy
+          }
+        )
+      ] }, strategy))
+    ] }),
+    timing !== null && rows.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        rows.length,
+        " ",
+        t("search.table.stats.results", "results")
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        timing,
+        "ms"
+      ] }),
+      showStrategySelector && strategiesUsed.length > 0 && /* @__PURE__ */ jsxs("span", { children: [
+        t("search.table.stats.sources", "Sources:"),
+        " ",
+        strategiesUsed.join(", ")
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "alert",
+        className: "w-full rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive",
+        children: error
+      }
+    ) : null,
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: t("search.table.title", "Search"),
+        columns,
+        data: rows,
+        searchValue,
+        onSearchChange: (value) => {
+          setSearchValue(value);
+          setPage(1);
+        },
+        searchPlaceholder: t("search.table.searchPlaceholder", "Search across all strategies..."),
+        isLoading: loading,
+        pagination: { page, pageSize: rows.length || 1, total: rows.length, totalPages: 1, onPageChange: setPage },
+        onRowClick: (row) => openRow(row),
+        rowActions: (row) => {
+          const primaryHref = pickPrimaryLink(row);
+          if (!primaryHref) return null;
+          return /* @__PURE__ */ jsx(RowActions, { items: [{ label: t("search.table.actions.open", "Open"), href: primaryHref }] });
+        },
+        embedded: true
+      }
+    )
+  ] });
+}
+var HybridSearchTable_default = HybridSearchTable;
+export {
+  HybridSearchTable,
+  HybridSearchTable_default as default
+};
+//# sourceMappingURL=HybridSearchTable.js.map

package/dist/modules/search/frontend/components/HybridSearchTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/search/frontend/components/HybridSearchTable.tsx"],
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport type { ColumnDef } from '@tanstack/react-table'\nimport * as LucideIcons from 'lucide-react'\nimport type { LucideIcon } from 'lucide-react'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { SearchResult, SearchStrategyId } from '@open-mercato/shared/modules/search'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { fetchHybridSearchResults } from '../utils'\n\ntype Row = {\n  entityId: string\n  recordId: string\n  source: string\n  score: number | null\n  url: string | null\n  presenter: SearchResult['presenter'] | null\n  links: SearchResult['links'] | null\n  metadata: Record<string, unknown> | null\n}\n\nconst MIN_QUERY_LENGTH = 2\nconst ALL_STRATEGIES: SearchStrategyId[] = ['fulltext', 'vector', 'tokens']\n\ntype Translator = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string\n\nfunction createColumns(t: Translator): ColumnDef<Row>[] {\n  return [\n    {\n      id: 'title',\n      header: () => t('search.table.columns.result', 'Result'),\n      cell: ({ row }) => {\n        const item = row.original\n        const title = resolveRowTitle(item)\n        const iconName = item.presenter?.icon\n        const Icon = iconName ? resolveIcon(iconName) : null\n        const typeLabel = formatEntityId(item.entityId)\n        const snapshot = item.presenter?.subtitle ?? extractSnapshot(item.metadata)\n        const links = normalizeLinks(item.links)\n        return (\n          <div className=\"flex flex-col\">\n            <div className=\"flex items-start gap-3\">\n              {Icon ? <Icon className=\"mt-0.5 h-5 w-5 text-muted-foreground\" /> : null}\n              <div className=\"flex flex-col gap-1\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <span className=\"font-medium whitespace-normal break-all\">{title}</span>\n                  <span className=\"rounded border border-muted-foreground/40 px-2 py-0.5 text-xs text-muted-foreground\">\n                    {typeLabel}\n                  </span>\n                </div>\n                {snapshot ? (\n                  <span className=\"text-sm text-muted-foreground whitespace-normal break-words\">{snapshot}</span>\n                ) : null}\n                {links.length ? (\n                  <div className=\"mt-1 flex flex-wrap items-center gap-2\">\n                    {links.map((link) => (\n                      <span\n                        key={`${item.entityId}:${item.recordId}:${link.href}`}\n                        className={cn(\n                          'rounded-full border px-2 py-0.5 text-xs',\n                          link.kind === 'primary'\n                            ? 'border-primary text-primary'\n                            : 'border-muted-foreground/40 text-muted-foreground'\n                        )}\n                      >\n                        {link.label ?? link.href}\n                      </span>\n                    ))}\n                  </div>\n                ) : null}\n              </div>\n            </div>\n          </div>\n        )\n      },\n      meta: { priority: 1 },\n    },\n    {\n      id: 'source',\n      header: () => t('search.table.columns.source', 'Source'),\n      cell: ({ row }) => {\n        const source = row.original.source\n        const colorClass = getStrategyColorClass(source)\n        return (\n          <span className={cn('rounded px-2 py-0.5 text-xs font-medium', colorClass)}>\n            {source}\n          </span>\n        )\n      },\n      meta: { priority: 2 },\n    },\n    {\n      id: 'score',\n      header: () => t('search.table.columns.score', 'Score'),\n      cell: ({ row }) => <span>{row.original.score != null ? row.original.score.toFixed(2) : '\u2014'}</span>,\n      meta: { priority: 2 },\n    },\n  ]\n}\n\nfunction getStrategyColorClass(strategy: string): string {\n  switch (strategy) {\n    case 'fulltext':\n      return 'bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200'\n    case 'vector':\n      return 'bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-200'\n    case 'tokens':\n      return 'bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200'\n    default:\n      return 'bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-200'\n  }\n}\n\nfunction normalizeLinks(links?: Row['links']): { href: string; label?: string; kind?: string }[] {\n  if (!Array.isArray(links)) return []\n  return links.filter((link) => typeof link?.href === 'string') as Array<{ href: string; label?: string; kind?: string }>\n}\n\nfunction toPascalCase(input: string): string {\n  return input\n    .split(/[-_ ]+/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('')\n}\n\nfunction resolveIcon(name?: string): LucideIcon | null {\n  if (!name) return null\n  const key = toPascalCase(name)\n  const candidate = (LucideIcons as Record<string, unknown>)[key]\n  if (typeof candidate === 'function') {\n    return candidate as LucideIcon\n  }\n  return null\n}\n\nfunction humanizeSegment(segment: string): string {\n  return segment\n    .split(/[_-]+/)\n    .filter(Boolean)\n    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))\n    .join(' ')\n}\n\nfunction formatEntityId(entityId: string): string {\n  if (!entityId.includes(':')) return humanizeSegment(entityId)\n  const [module, entity] = entityId.split(':')\n  const moduleLabel = humanizeSegment(module)\n  const entityLabel = humanizeSegment(entity)\n  return `${moduleLabel} \u00B7 ${entityLabel}`\n}\n\nfunction resolveRowTitle(row: Row): string {\n  const presenterTitle = row.presenter?.title\n  if (typeof presenterTitle === 'string') {\n    const trimmed = presenterTitle.trim()\n    if (trimmed.length) return trimmed\n  }\n  return row.recordId\n}\n\nfunction extractSnapshot(metadata: Record<string, unknown> | null): string | null {\n  if (!metadata) return null\n  const candidateKeys = ['snapshot', 'summary', 'description', 'body', 'content', 'note']\n  for (const key of candidateKeys) {\n    const value = metadata[key]\n    if (typeof value === 'string') {\n      const trimmed = value.trim()\n      if (trimmed.length) return trimmed\n    }\n  }\n  return null\n}\n\nfunction pickPrimaryLink(row: Row): string | null {\n  if (row.url) return row.url\n  const links = normalizeLinks(row.links)\n  if (!links.length) return null\n  const primary = links.find((link) => link.kind === 'primary')\n  return (primary ?? links[0]).href\n}\n\nfunction normalizeErrorMessage(input: unknown, fallback?: string): string | null {\n  const fallbackMessage = typeof fallback === 'string' && fallback.trim().length ? fallback.trim() : null\n  let message: string | null = null\n  if (typeof input === 'string') {\n    message = input\n  } else if (input instanceof Error && typeof input.message === 'string') {\n    message = input.message\n  }\n  if (message) {\n    const trimmed = message.trim()\n    if (trimmed.length) {\n      const sanitized = trimmed.replace(/^\\[[^\\]]+\\]\\s*/, '').trim()\n      if (sanitized.length) return sanitized\n    }\n  }\n  return fallbackMessage\n}\n\ntype HybridSearchTableProps = {\n  /** Show strategy selector checkboxes (default: false - hidden from regular users) */\n  showStrategySelector?: boolean\n  /** Show source column in results (default: false - hidden from regular users) */\n  showSourceColumn?: boolean\n}\n\nexport function HybridSearchTable({\n  showStrategySelector = false,\n  showSourceColumn = false,\n}: HybridSearchTableProps = {}) {\n  const router = useRouter()\n  const t = useT()\n  const [searchValue, setSearchValue] = React.useState('')\n  const [rows, setRows] = React.useState<Row[]>([])\n  const [page, setPage] = React.useState(1)\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [timing, setTiming] = React.useState<number | null>(null)\n  const [strategiesUsed, setStrategiesUsed] = React.useState<string[]>([])\n  const [enabledStrategies, setEnabledStrategies] = React.useState<Set<SearchStrategyId>>(\n    new Set(ALL_STRATEGIES)\n  )\n  const debounceRef = React.useRef<number | null>(null)\n  const abortRef = React.useRef<AbortController | null>(null)\n  const columns = React.useMemo(() => {\n    const allColumns = createColumns(t)\n    if (!showSourceColumn) {\n      return allColumns.filter((col) => col.id !== 'source')\n    }\n    return allColumns\n  }, [t, showSourceColumn])\n\n  const toggleStrategy = React.useCallback((strategy: SearchStrategyId) => {\n    setEnabledStrategies((prev) => {\n      const next = new Set(prev)\n      if (next.has(strategy)) {\n        next.delete(strategy)\n      } else {\n        next.add(strategy)\n      }\n      return next\n    })\n  }, [])\n\n  const openRow = React.useCallback(\n    (row: Row) => {\n      const href = pickPrimaryLink(row)\n      if (!href) return\n      router.push(href)\n    },\n    [router]\n  )\n\n  React.useEffect(() => {\n    const trimmed = searchValue.trim()\n    abortRef.current?.abort()\n    if (debounceRef.current) {\n      window.clearTimeout(debounceRef.current)\n      debounceRef.current = null\n    }\n\n    if (trimmed.length < MIN_QUERY_LENGTH) {\n      setRows([])\n      setTiming(null)\n      setStrategiesUsed([])\n      setError(null)\n      setLoading(false)\n      return\n    }\n\n    if (enabledStrategies.size === 0) {\n      setRows([])\n      setTiming(null)\n      setStrategiesUsed([])\n      setError(t('search.table.errors.noSources', 'Select at least one search source'))\n      setLoading(false)\n      return\n    }\n\n    const controller = new AbortController()\n    abortRef.current = controller\n    setLoading(true)\n\n    debounceRef.current = window.setTimeout(async () => {\n      try {\n        const data = await fetchHybridSearchResults(trimmed, {\n          limit: 50,\n          strategies: Array.from(enabledStrategies),\n          signal: controller.signal,\n        })\n        const mapped = data.results.map<Row>((item) => ({\n          entityId: item.entityId,\n          recordId: item.recordId,\n          source: item.source,\n          score: typeof item.score === 'number' ? item.score : null,\n          url: item.url ?? null,\n          presenter: item.presenter ?? null,\n          links: item.links ?? null,\n          metadata: (item.metadata as Record<string, unknown> | null) ?? null,\n        }))\n        setRows(mapped)\n        setTiming(data.timing)\n        setStrategiesUsed(data.strategiesUsed)\n        const message = data.error ? normalizeErrorMessage(data.error, t('search.table.errors.searchFailed', 'Search failed')) : null\n        setError(message ?? null)\n        setPage(1)\n      } catch (err: unknown) {\n        if (controller.signal.aborted) return\n        if ((err as { name?: string })?.name === 'AbortError') return\n        setError(normalizeErrorMessage(err, t('search.table.errors.searchFailed', 'Search failed')))\n        setRows([])\n        setTiming(null)\n        setStrategiesUsed([])\n      } finally {\n        if (!controller.signal.aborted) setLoading(false)\n      }\n    }, 250)\n\n    return () => {\n      controller.abort()\n      if (debounceRef.current) window.clearTimeout(debounceRef.current)\n    }\n  }, [searchValue, enabledStrategies, t])\n\n  React.useEffect(() => {\n    if (!error) return\n    flash(error, 'error')\n  }, [error])\n\n  return (\n    <div className=\"flex w-full flex-col gap-4\">\n      {/* Source Selector - only shown when showStrategySelector is true */}\n      {showStrategySelector && (\n        <div className=\"flex flex-wrap items-center gap-4 rounded-lg border bg-muted/50 p-3\">\n          <span className=\"text-sm font-medium text-muted-foreground\">\n            {t('search.table.sources', 'Sources:')}\n          </span>\n          {ALL_STRATEGIES.map((strategy) => (\n            <label key={strategy} className=\"flex cursor-pointer items-center gap-2\">\n              <input\n                type=\"checkbox\"\n                className=\"size-4 rounded border-gray-300\"\n                checked={enabledStrategies.has(strategy)}\n                onChange={() => toggleStrategy(strategy)}\n              />\n              <span\n                className={cn(\n                  'rounded px-2 py-0.5 text-xs font-medium',\n                  getStrategyColorClass(strategy)\n                )}\n              >\n                {strategy}\n              </span>\n            </label>\n          ))}\n        </div>\n      )}\n\n      {/* Stats Bar */}\n      {timing !== null && rows.length > 0 && (\n        <div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n          <span>{rows.length} {t('search.table.stats.results', 'results')}</span>\n          <span>{timing}ms</span>\n          {/* Only show sources when strategy selector is visible */}\n          {showStrategySelector && strategiesUsed.length > 0 && (\n            <span>\n              {t('search.table.stats.sources', 'Sources:')} {strategiesUsed.join(', ')}\n            </span>\n          )}\n        </div>\n      )}\n\n      {/* Error Alert */}\n      {error ? (\n        <div\n          role=\"alert\"\n          className=\"w-full rounded-md border border-destructive/40 bg-destructive/10 px-4 py-3 text-sm text-destructive\"\n        >\n          {error}\n        </div>\n      ) : null}\n\n      {/* Data Table */}\n      <DataTable<Row>\n        title={t('search.table.title', 'Search')}\n        columns={columns}\n        data={rows}\n        searchValue={searchValue}\n        onSearchChange={(value) => {\n          setSearchValue(value)\n          setPage(1)\n        }}\n        searchPlaceholder={t('search.table.searchPlaceholder', 'Search across all strategies...')}\n        isLoading={loading}\n        pagination={{ page, pageSize: rows.length || 1, total: rows.length, totalPages: 1, onPageChange: setPage }}\n        onRowClick={(row) => openRow(row)}\n        rowActions={(row) => {\n          const primaryHref = pickPrimaryLink(row)\n          if (!primaryHref) return null\n          return <RowActions items={[{ label: t('search.table.actions.open', 'Open'), href: primaryHref }]} />\n        }}\n        embedded\n      />\n    </div>\n  )\n}\n\nexport default HybridSearchTable\n"],
+  "mappings": "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",
+  "names": []
+}