@proveanything/smartlinks-utils-ui 0.12.16 → 0.12.17

package/dist/components/RecordsAdmin/index.d.ts

@@ -2094,6 +2094,13 @@ interface UseRecordListArgs {
     };
     /** Page size requested from the SDK (default 100). */
     pageSize?: number;
+    /**
+     * Optional extra search corpus per record. Folded into the haystack
+     * alongside `label` + `subtitle`. Used by the shell on the Rules tab
+     * to make facet keys + value labels (the chips users actually see)
+     * searchable.
+     */
+    searchCorpus?: (record: RecordSummary) => string | undefined | null;
     /**
      * Lifecycle values treated as "active". Defaults to `['active']`. Records
      * with a missing/empty `status` are always treated as active (legacy

package/dist/components/RecordsAdmin/index.js

@@ -912,6 +912,7 @@ var useRecordList = (args) => {
     scaffolder,
     contextScope,
     pageSize = 100,
+    searchCorpus,
     activeStatuses = DEFAULT_ACTIVE_STATUSES
   } = args;
   const queryClient = useQueryClient();
@@ -965,10 +966,13 @@ var useRecordList = (args) => {
     if (filter !== "all") out = out.filter((r) => r.status === filter);
     if (search.trim()) {
       const q = search.trim().toLowerCase();
-      out = out.filter((r) => `${r.label} ${r.subtitle ?? ""}`.toLowerCase().includes(q));
+      out = out.filter((r) => {
+        const extra = searchCorpus?.(r) ?? "";
+        return `${r.label} ${r.subtitle ?? ""} ${extra}`.toLowerCase().includes(q);
+      });
     }
     return out;
-  }, [items, filter, search]);
+  }, [items, filter, search, searchCorpus]);
   const counts = useMemo(() => ({
     all: items.length,
     configured: items.filter((r) => r.status === "configured").length,
@@ -1298,7 +1302,8 @@ function useShellBrowser(opts) {
     drillTab,
     classify: classify3,
     pageSize,
-    activeStatuses
+    activeStatuses,
+    searchCorpus
   } = opts;
   const [search, setSearch] = useState("");
   const [filter, setFilter] = useState("all");
@@ -1326,7 +1331,8 @@ function useShellBrowser(opts) {
     contextScope,
     enabled: recordListEnabled,
     pageSize,
-    activeStatuses
+    activeStatuses,
+    searchCorpus
   });
   const facetBrowse = useFacetBrowse({
     SL,
@@ -9465,6 +9471,27 @@ function RecordsAdminShellInner(props) {
     if (requested === "header" && !headerWillRender) return "footer";
     return requested;
   }, [intro?.reopenAffordance, headerWillRender]);
+  const ruleLabelLookupRef = useRef(null);
+  const ruleSearchCorpus = useCallback((r) => {
+    const rule = r.facetRule;
+    if (!rule?.all?.length) return "";
+    const lookup = ruleLabelLookupRef.current;
+    const parts = [];
+    for (const clause of rule.all) {
+      if (clause.facetKey) {
+        parts.push(clause.facetKey);
+        const fl = lookup?.facetLabel?.(clause.facetKey);
+        if (fl) parts.push(fl);
+      }
+      for (const v of clause.anyOf ?? []) {
+        if (!v) continue;
+        parts.push(v);
+        const vl = lookup?.valueLabel?.(clause.facetKey, v);
+        if (vl) parts.push(vl);
+      }
+    }
+    return parts.join(" ");
+  }, []);
   const browser = useShellBrowser({
     ctx,
     SL,
@@ -9476,7 +9503,8 @@ function RecordsAdminShellInner(props) {
     drillTab,
     classify: classify3,
     pageSize: railPageSize,
-    activeStatuses
+    activeStatuses,
+    searchCorpus: ruleSearchCorpus
   });
   const {
     search,
@@ -10382,9 +10410,20 @@ function RecordsAdminShellInner(props) {
       );
     }
     return withNav(
-      /* @__PURE__ */ jsxs("div", { className: "relative h-full", children: [
-        baseEditor(
-          /* @__PURE__ */ jsx(PreviewToggleButton, { onClick: () => setDrawerOpen(true), label: i18n.openPreview })
+      /* @__PURE__ */ jsxs("div", { className: "relative h-full", ref: previewAnchorRef, children: [
+        baseEditor(),
+        !drawerOpen && /* @__PURE__ */ jsxs(
+          PreviewReopenPill,
+          {
+            anchorRef: previewAnchorRef,
+            onClick: () => setDrawerOpen(true),
+            ariaLabel: i18n.openPreview,
+            title: i18n.openPreview,
+            children: [
+              /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" }),
+              i18n.preview
+            ]
+          }
         ),
         /* @__PURE__ */ jsx(
           DrawerPreview,
@@ -10478,6 +10517,7 @@ function RecordsAdminShellInner(props) {
       valueLabel: (k, v) => map.get(k)?.values.get(v)
     };
   }, [facetBrowse.items]);
+  ruleLabelLookupRef.current = ruleLabelLookup;
   const effectiveGroupBy = useMemo(() => {
     if (groupBy) return groupBy;
     if (isAllTab) return void 0;
@@ -11201,7 +11241,7 @@ function RecordsAdminShellInner(props) {
                     ),
                     !(isGlobalTab && !isCollection) && /* @__PURE__ */ jsxs(Fragment, { children: [
                       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
+                        !isGlobalTab && /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-w-0", children: [
                           /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 opacity-50" }),
                           /* @__PURE__ */ jsx(
                             "input",