@proveanything/smartlinks-utils-ui 0.12.15 → 0.12.17

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

@@ -1908,8 +1908,10 @@ interface Props$9 {
     children: ReactNode;
     /** Which edge of the anchor the pill should hug. Defaults to `right`. */
     side?: 'left' | 'right';
+    /** Which vertical position of the anchor the pill should hug. Defaults to `center`. */
+    vAlign?: 'top' | 'center' | 'bottom';
 }
-declare function PreviewReopenPill({ anchorRef, onClick, ariaLabel, title, children, side, }: Props$9): React$1.ReactPortal | null;
+declare function PreviewReopenPill({ anchorRef, onClick, ariaLabel, title, children, side, vAlign, }: Props$9): React$1.ReactPortal | null;
 
 declare const ScopeBreadcrumb: ({ scope }: {
     scope: ParsedRef;
@@ -2092,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,
@@ -8831,15 +8837,18 @@ function PreviewReopenPill({
   ariaLabel,
   title,
   children,
-  side = "right"
+  side = "right",
+  vAlign = "center"
 }) {
   const [pos, setPos] = useState(null);
   const rafRef = useRef(null);
   useLayoutEffect(() => {
     const el = anchorRef.current;
     if (typeof window === "undefined") return;
+    const TOP_INSET = 14;
+    const fallbackTop = () => vAlign === "top" ? TOP_INSET : vAlign === "bottom" ? Math.max(0, window.innerHeight - TOP_INSET) : window.innerHeight / 2;
     if (!el) {
-      setPos({ top: window.innerHeight / 2, right: 8, left: 8 });
+      setPos({ top: fallbackTop(), right: 8, left: 8 });
       return;
     }
     const measure = () => {
@@ -8847,11 +8856,11 @@ function PreviewReopenPill({
       rafRef.current = requestAnimationFrame(() => {
         const rect = el.getBoundingClientRect();
         if (rect.width === 0 && rect.height === 0) {
-          setPos({ top: window.innerHeight / 2, right: 8, left: 8 });
           return;
         }
+        const top = vAlign === "top" ? rect.top + TOP_INSET : vAlign === "bottom" ? rect.bottom - TOP_INSET : rect.top + rect.height / 2;
         setPos({
-          top: rect.top + rect.height / 2,
+          top,
           right: Math.max(0, window.innerWidth - rect.right),
           left: Math.max(0, rect.left)
         });
@@ -8869,13 +8878,14 @@ function PreviewReopenPill({
       window.removeEventListener("scroll", measure, true);
       if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
     };
-  }, [anchorRef]);
+  }, [anchorRef, vAlign]);
   if (typeof document === "undefined") return null;
   const effectivePos = pos ?? {
-    top: typeof window !== "undefined" ? window.innerHeight / 2 : 200,
+    top: typeof window !== "undefined" ? vAlign === "top" ? 14 : vAlign === "bottom" ? window.innerHeight - 14 : window.innerHeight / 2 : 200,
     right: 8,
     left: 8
   };
+  const translateY = vAlign === "center" ? "-50%" : "0";
   return createPortal(
     /* @__PURE__ */ jsx(
       "button",
@@ -8891,7 +8901,7 @@ function PreviewReopenPill({
           ...side === "right" ? { right: effectivePos.right } : { left: effectivePos.left },
           // Pull half the pill width out into the gutter so it visually
           // anchors *to* the editor edge rather than sitting inside it.
-          transform: side === "right" ? "translate(50%, -50%)" : "translate(-50%, -50%)"
+          transform: side === "right" ? `translate(50%, ${translateY})` : `translate(-50%, ${translateY})`
         },
         children
       }
@@ -9461,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,
@@ -9472,7 +9503,8 @@ function RecordsAdminShellInner(props) {
     drillTab,
     classify: classify3,
     pageSize: railPageSize,
-    activeStatuses
+    activeStatuses,
+    searchCorpus: ruleSearchCorpus
   });
   const {
     search,
@@ -10378,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,
@@ -10474,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;
@@ -11197,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",
@@ -11415,6 +11459,7 @@ function RecordsAdminShellInner(props) {
                   {
                     anchorRef: railReopenAnchorRef,
                     side: "left",
+                    vAlign: "top",
                     onClick: () => setRailOpen(true),
                     ariaLabel: i18n.openList,
                     title: i18n.openList,