@proveanything/smartlinks-utils-ui 0.12.16 → 0.12.18

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,
@@ -8839,7 +8845,7 @@ function PreviewReopenPill({
   useLayoutEffect(() => {
     const el = anchorRef.current;
     if (typeof window === "undefined") return;
-    const TOP_INSET = 14;
+    const TOP_INSET = 0;
     const fallbackTop = () => vAlign === "top" ? TOP_INSET : vAlign === "bottom" ? Math.max(0, window.innerHeight - TOP_INSET) : window.innerHeight / 2;
     if (!el) {
       setPos({ top: fallbackTop(), right: 8, left: 8 });
@@ -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;
@@ -11083,13 +11123,13 @@ function RecordsAdminShellInner(props) {
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex-1 grid border-t overflow-hidden",
+            className: "flex-1 grid border-t overflow-visible relative",
             style: {
               gridTemplateColumns: railHidden || !railOpen ? "1fr" : "minmax(260px, 320px) 1fr",
               borderColor: "hsl(var(--ra-border))"
             },
             children: [
-              !railHidden && railOpen && /* @__PURE__ */ jsxs("aside", { className: "border-r overflow-hidden flex flex-col relative", style: { borderColor: "hsl(var(--ra-border))", background: "hsl(var(--ra-surface))" }, children: [
+              !railHidden && railOpen && /* @__PURE__ */ jsxs("aside", { className: "border-r overflow-hidden flex flex-col relative h-full", style: { borderColor: "hsl(var(--ra-border))", background: "hsl(var(--ra-surface))" }, children: [
                 /* @__PURE__ */ jsx(
                   "button",
                   {
@@ -11097,8 +11137,8 @@ function RecordsAdminShellInner(props) {
                     onClick: () => setRailOpen(false),
                     "aria-label": i18n.closeList,
                     title: i18n.closeList,
-                    className: "absolute top-1.5 right-1.5 z-10 p-1 rounded hover:bg-[hsl(var(--ra-muted))]",
-                    style: { color: "hsl(var(--ra-muted-text))" },
+                    className: "absolute top-0 right-0 z-20 leading-none hover:bg-[hsl(var(--ra-muted))]",
+                    style: { color: "hsl(var(--ra-muted-text))", padding: 2 },
                     children: /* @__PURE__ */ jsx(PanelLeftClose, { className: "w-3.5 h-3.5" })
                   }
                 ),
@@ -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",
@@ -11419,7 +11459,6 @@ function RecordsAdminShellInner(props) {
                   {
                     anchorRef: railReopenAnchorRef,
                     side: "left",
-                    vAlign: "top",
                     onClick: () => setRailOpen(true),
                     ariaLabel: i18n.openList,
                     title: i18n.openList,