@proveanything/smartlinks-utils-ui 0.12.21 → 0.12.23

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

@@ -154,6 +154,13 @@ interface ResolvedRecord<TData = unknown> {
      * against.
      */
     facetRule?: FacetRule | null;
+    /**
+     * Lifecycle status (`active` / `archived` / `draft` / host custom) of
+     * the resolved record, when `source === 'self'` or `'inherited'`.
+     * Surfaced so the editor footer's lifecycle menu can render against
+     * pinned-anchor (singleton) records the rail does not list directly.
+     */
+    lifecycleStatus?: string;
 }
 
 interface EditorContext<TData = unknown> {
@@ -2219,6 +2226,7 @@ declare function useResolvedRecord<T = unknown>(args: UseResolvedRecordArgs): {
     matchedAt?: _proveanything_smartlinks.MatchedAt;
     matchedRule?: _proveanything_smartlinks.FacetRule;
     facetRule?: _proveanything_smartlinks.FacetRule | null;
+    lifecycleStatus?: string;
 };
 
 interface UseCollectionItemsArgs {

package/dist/components/RecordsAdmin/index.js

@@ -16,6 +16,7 @@ import { createPortal } from 'react-dom';
 var RECORD_LIST_QK = ["records-admin", "list"];
 var COLLECTION_ITEMS_QK = ["records-admin", "collection-items"];
 var SCOPE_COUNTS_QK = ["records-admin", "scope-counts"];
+var RESOLVED_RECORD_QK = ["records-admin", "resolved"];
 var matchesCtx = (queryKey, prefix, ctx) => {
   if (queryKey.length < prefix.length + 3) return false;
   for (let i = 0; i < prefix.length; i += 1) {
@@ -178,6 +179,13 @@ function patchRecordStatusInCaches(queryClient, ctx, recordId, status) {
       return touched ? { ...prev, records } : prev;
     });
   }
+  const resolved = queryClient.getQueriesData({
+    queryKey: RESOLVED_RECORD_QK
+  });
+  for (const [key, cache] of resolved) {
+    if (!cache || cache.recordId !== recordId) continue;
+    queryClient.setQueryData(key, { ...cache, lifecycleStatus: status });
+  }
 }
 function markScopeCountsStale(queryClient, ctx) {
   const all = queryClient.getQueriesData({
@@ -547,7 +555,8 @@ var resolveRecord = async (args) => {
       recordId: winner.id,
       parentValue: args.withParent && parent ? parent.data : void 0,
       matchedAt: winner.matchedAt,
-      matchedRule: winner.matchedRule
+      matchedRule: winner.matchedRule,
+      lifecycleStatus: winner.status
     };
   }
   return {
@@ -557,7 +566,8 @@ var resolveRecord = async (args) => {
     recordId: winner.id,
     parentValue: args.withParent ? winner.data : void 0,
     matchedAt: winner.matchedAt,
-    matchedRule: winner.matchedRule
+    matchedRule: winner.matchedRule,
+    lifecycleStatus: winner.status
   };
 };
 
@@ -621,7 +631,8 @@ function useResolvedRecord(args) {
           source: "self",
           sourceRef: rec.ref ?? void 0,
           recordId: rec.id,
-          facetRule: recFacetRule
+          facetRule: recFacetRule,
+          lifecycleStatus: rec.status
         };
       }
       const target = {
@@ -8840,6 +8851,8 @@ function PreviewReopenPill({
   side = "right",
   vAlign = "center"
 }) {
+  const EDGE_INSET = 0;
+  const TUCK_OFFSET = -12;
   const [pos, setPos] = useState(null);
   const rafRef = useRef(null);
   const getViewportCenterY = () => {
@@ -8853,25 +8866,26 @@ function PreviewReopenPill({
     const TOP_INSET = 0;
     const fallbackTop = () => vAlign === "top" ? TOP_INSET : vAlign === "bottom" ? Math.max(0, window.innerHeight - TOP_INSET) : getViewportCenterY();
     if (!el) {
-      setPos({ top: fallbackTop(), right: 8, left: 8 });
+      setPos({ top: fallbackTop(), right: EDGE_INSET, left: EDGE_INSET });
       return;
     }
+    const applyMeasurement = () => {
+      const rect = el.getBoundingClientRect();
+      if (rect.width === 0 && rect.height === 0) {
+        return;
+      }
+      const top = vAlign === "top" ? rect.top + TOP_INSET : vAlign === "bottom" ? rect.bottom - TOP_INSET : getViewportCenterY();
+      setPos({
+        top,
+        right: EDGE_INSET,
+        left: EDGE_INSET
+      });
+    };
     const measure = () => {
       if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
-      rafRef.current = requestAnimationFrame(() => {
-        const rect = el.getBoundingClientRect();
-        if (rect.width === 0 && rect.height === 0) {
-          return;
-        }
-        const top = vAlign === "top" ? rect.top + TOP_INSET : vAlign === "bottom" ? rect.bottom - TOP_INSET : getViewportCenterY();
-        setPos({
-          top,
-          right: 0,
-          left: 0
-        });
-      });
+      rafRef.current = requestAnimationFrame(applyMeasurement);
     };
-    measure();
+    applyMeasurement();
     const ro = new ResizeObserver(measure);
     ro.observe(el);
     ro.observe(document.body);
@@ -8887,12 +8901,12 @@ function PreviewReopenPill({
       window.visualViewport?.removeEventListener("scroll", measure);
       if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
     };
-  }, [anchorRef, vAlign]);
+  }, [anchorRef, vAlign, EDGE_INSET]);
   if (typeof document === "undefined") return null;
   const effectivePos = pos ?? {
     top: typeof window !== "undefined" ? vAlign === "top" ? 14 : vAlign === "bottom" ? window.innerHeight - 14 : getViewportCenterY() : 200,
-    right: 8,
-    left: 8
+    right: EDGE_INSET,
+    left: EDGE_INSET
   };
   const translateY = vAlign === "center" ? "-50%" : "0";
   return createPortal(
@@ -8907,10 +8921,12 @@ function PreviewReopenPill({
         style: {
           position: "fixed",
           top: effectivePos.top,
-          ...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%, ${translateY})` : `translate(-50%, ${translateY})`
+          ...side === "right" ? { right: effectivePos.right + TUCK_OFFSET } : { left: effectivePos.left + TUCK_OFFSET },
+          // Use a fixed tuck amount instead of percentage-based horizontal
+          // translation. Percentage shifts depend on the pill's live width,
+          // which differs across remount/close paths and caused the rail +
+          // drawer variants to hide too much before a refresh.
+          transform: `translateY(${translateY})`
         },
         children
       }
@@ -10227,7 +10243,18 @@ function RecordsAdminShellInner(props) {
         ]
       }
     ) : null;
-    const selectedSummary = isCollection && selectedItemId && !isDraftId3(selectedItemId) ? collectionItems.items.find((r) => r.id === selectedItemId || r.itemId === selectedItemId) : selectedRecordId && selectedRecordId !== DRAFT_ID3 ? recordList.items.find((r) => r.id === selectedRecordId) ?? globalScopedList.items.find((r) => r.id === selectedRecordId) ?? ruleScopedList.items.find((r) => r.id === selectedRecordId) ?? collectionItems.items.find((r) => r.id === selectedRecordId) : void 0;
+    let selectedSummary = isCollection && selectedItemId && !isDraftId3(selectedItemId) ? collectionItems.items.find((r) => r.id === selectedItemId || r.itemId === selectedItemId) : selectedRecordId && selectedRecordId !== DRAFT_ID3 ? recordList.items.find((r) => r.id === selectedRecordId) ?? globalScopedList.items.find((r) => r.id === selectedRecordId) ?? ruleScopedList.items.find((r) => r.id === selectedRecordId) ?? collectionItems.items.find((r) => r.id === selectedRecordId) : void 0;
+    if (!selectedSummary && !isCollection && resolved.source === "self" && resolved.recordId && editingTargetScope) {
+      selectedSummary = {
+        id: resolved.recordId,
+        ref: resolved.sourceRef ?? editingTargetScope.raw,
+        scope: editingTargetScope,
+        data: resolved.data,
+        status: "configured",
+        label: "",
+        lifecycleStatus: resolved.lifecycleStatus
+      };
+    }
     const editorLifecycleControl = selectedSummary?.id ? /* @__PURE__ */ jsx(
       LifecycleStatusControl,
       {