@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

package/dist/chunk-UPQMFK5B.cjs

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkXZJCBIYRcjs = require('./chunk-XZJCBIYR.cjs');
+
+
+
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
+
+
+
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
+
+// src/components/ui/checkbox.tsx
+var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function booleanCheckedChange(handler) {
+  return handler ? (checked) => handler(checked === true) : void 0;
+}
+var CHECKBOX_BOX_CLASS = `${_chunkNNNRN4OFcjs.CONTROL_SIZE.checkbox} shrink-0 rounded-sm`;
+var Checkbox = _react.forwardRef.call(void 0, 
+  ({ className, boxClassName, indicatorClassName, onCheckedChange, loading: loadingProp, ...props }, ref) => {
+    const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
+    if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: _chunkMGEUZRNQcjs.cn.call(void 0, CHECKBOX_BOX_CLASS, boxClassName) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        onCheckedChange: booleanCheckedChange(onCheckedChange),
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
+          CHECKBOX_BOX_CLASS,
+          boxClassName,
+          "peer border border-ods-border bg-ods-card focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-ods-accent data-[state=checked]:bg-ods-accent",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxPrimitive.Indicator, { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex items-center justify-center text-ods-text-on-accent"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXZJCBIYRcjs.CheckboxCheckmarkIcon, { size: 10, className: indicatorClassName }) })
+      }
+    );
+  }
+);
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+
+
+
+
+exports.booleanCheckedChange = booleanCheckedChange; exports.CHECKBOX_BOX_CLASS = CHECKBOX_BOX_CLASS; exports.Checkbox = Checkbox;

package/dist/{chunk-4NRVV3KO.cjs → chunk-VH3KQSI2.cjs}

@@ -2,12 +2,12 @@
 
 
 
-var _chunkUPAE4IV5cjs = require('./chunk-UPAE4IV5.cjs');
+var _chunkA4YUTS6Qcjs = require('./chunk-A4YUTS6Q.cjs');
 
 // src/components/product-demo/screens/devices-view.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var DEVICES_SEARCH_QUERY = "Windows";
-var TOOLBAR = { ..._chunkUPAE4IV5cjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
+var TOOLBAR = { ..._chunkA4YUTS6Qcjs.IDLE_DEVICES_TOOLBAR, searchValue: DEVICES_SEARCH_QUERY };
 var NO_HEADER = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, {});
 var HIDDEN_WHEN_COMPACT = ["organization"];
 var NO_DEVICES = [];
@@ -19,7 +19,7 @@ function DevicesScreenView({
   loading = false
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUPAE4IV5cjs.DevicesPanelView,
+    _chunkA4YUTS6Qcjs.DevicesPanelView,
     {
       className: "p-[var(--spacing-system-l)]",
       headerSlot: NO_HEADER,

package/dist/{chunk-IE3QCYBT.cjs → chunk-VZUV2FCP.cjs}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkUPAE4IV5cjs = require('./chunk-UPAE4IV5.cjs');
+var _chunkA4YUTS6Qcjs = require('./chunk-A4YUTS6Q.cjs');
 
 
 
 
 
-var _chunkOWQVDWTKcjs = require('./chunk-OWQVDWTK.cjs');
+var _chunk7OJMOG34cjs = require('./chunk-7OJMOG34.cjs');
 
 
 var _chunkOJZBZH56cjs = require('./chunk-OJZBZH56.cjs');
@@ -18,10 +18,10 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
+var _chunk5XAWVXNIcjs = require('./chunk-5XAWVXNI.cjs');
 
 
-var _chunkOH5LAH3Xcjs = require('./chunk-OH5LAH3X.cjs');
+var _chunkODDUGLYFcjs = require('./chunk-ODDUGLYF.cjs');
 
 
 var _chunk7PNRXJX2cjs = require('./chunk-7PNRXJX2.cjs');
@@ -42,7 +42,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function DocSearchResultRow({ result, isHighlighted }) {
   const docType = _optionalChain([result, 'access', _ => _.metadata, 'optionalAccess', _2 => _2.documentType]) || void 0;
   const sourceRepo = _optionalChain([result, 'access', _3 => _3.metadata, 'optionalAccess', _4 => _4.sourceRepo]) || void 0;
-  const { Icon: SourceIcon, label: iconLabel } = _chunkOWQVDWTKcjs.resolveSourceIcon.call(void 0, {
+  const { Icon: SourceIcon, label: iconLabel } = _chunk7OJMOG34cjs.resolveSourceIcon.call(void 0, {
     sourceRepo,
     documentType: docType
   });
@@ -72,7 +72,7 @@ function DocSearchBar({
   renderResult
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUPAE4IV5cjs.SearchInput,
+    _chunkA4YUTS6Qcjs.SearchInput,
     {
       placeholder,
       value: query,
@@ -122,7 +122,7 @@ function mapDocSearchResults(docs) {
       results.push({
         id: `group-${entry.repo}`,
         // Same table label and count as the chat's grouped chip: one owner each.
-        title: `${_chunkOWQVDWTKcjs.getSourceLabel.call(void 0, entry.repo)} ${_chunkOWQVDWTKcjs.recordCountLabel.call(void 0, rows.length)}`,
+        title: `${_chunk7OJMOG34cjs.getSourceLabel.call(void 0, entry.repo)} ${_chunk7OJMOG34cjs.recordCountLabel.call(void 0, rows.length)}`,
         path: rows[0].path,
         type: "file",
         metadata: {
@@ -185,7 +185,7 @@ function resolveSearchResultAction(result, source, runtimeMode, composeContentUr
     if (composed && !isAbsoluteHref(href)) {
       return { kind: "navigate-same-tab", href };
     }
-    const isNewTab = _chunkOH5LAH3Xcjs.decideNewTab.call(void 0, {
+    const isNewTab = _chunkODDUGLYFcjs.decideNewTab.call(void 0, {
       href,
       targetPlatform: composed ? composed.targetPlatform : targetPlatform,
       surface: "useUnifiedNav",
@@ -314,31 +314,31 @@ function useDocSearch(config) {
         case "navigate-same-tab": {
           if (wantsNewTab) {
             setKeepOpen(true);
-            window.open(action.href, "_blank", _chunkYG72MEHYcjs.NEW_TAB_FEATURES);
+            window.open(action.href, "_blank", _chunk5XAWVXNIcjs.NEW_TAB_FEATURES);
             return;
           }
           setKeepOpen(false);
           const path = baseRoute && action.href.startsWith(`${baseRoute}/`) ? action.href.slice(baseRoute.length + 1) : null;
           if (path && _optionalChain([onInPageSwap, 'optionalCall', _16 => _16(path)])) return;
-          router.push(_chunkYG72MEHYcjs.stripSameOriginToPath.call(void 0, action.href));
+          router.push(_chunk5XAWVXNIcjs.stripSameOriginToPath.call(void 0, action.href));
           return;
         }
         case "navigate-new-tab":
           setKeepOpen(true);
           if (_optionalChain([runtime, 'optionalAccess', _17 => _17.navigation, 'access', _18 => _18.mode]) === "embed") {
             const targetPlatform = _nullishCoalesce(_optionalChain([result, 'access', _19 => _19.metadata, 'optionalAccess', _20 => _20.targetPlatform]), () => ( null));
-            _chunkYG72MEHYcjs.resolveExternalNavigation.call(void 0, {
+            _chunk5XAWVXNIcjs.resolveExternalNavigation.call(void 0, {
               href: action.href,
               targetPlatform,
               runtime
             }).open();
             return;
           }
-          window.open(action.href, "_blank", _chunkYG72MEHYcjs.NEW_TAB_FEATURES);
+          window.open(action.href, "_blank", _chunk5XAWVXNIcjs.NEW_TAB_FEATURES);
           return;
         case "ask-ai":
           setKeepOpen(false);
-          window.dispatchEvent(new CustomEvent(_chunkOWQVDWTKcjs.ASK_AI_OPEN_WITH_REF_EVENT, { detail: action.detail }));
+          window.dispatchEvent(new CustomEvent(_chunk7OJMOG34cjs.ASK_AI_OPEN_WITH_REF_EVENT, { detail: action.detail }));
           return;
         case "route":
           setKeepOpen(false);

package/dist/{chunk-KKAY6GPU.cjs → chunk-WSBWP7IW.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkSETFUCZAcjs = require('./chunk-SETFUCZA.cjs');
+var _chunk4MQASMIUcjs = require('./chunk-4MQASMIU.cjs');
 
 
 var _chunkNTPX5GXIcjs = require('./chunk-NTPX5GXI.cjs');
@@ -22,8 +22,8 @@ function useVideoOriginPreconnect({ supabaseStorageOrigin } = {}) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   const resolvedOrigin = _nullishCoalesce(supabaseStorageOrigin, () => ( _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.supabaseStorageOrigin])));
   try {
-    _reactdom2.default.preconnect(_chunkSETFUCZAcjs.MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
-    _reactdom2.default.preconnect(_chunkSETFUCZAcjs.MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
+    _reactdom2.default.preconnect(_chunk4MQASMIUcjs.MUX_STREAM_ORIGIN, { crossOrigin: "anonymous" });
+    _reactdom2.default.preconnect(_chunk4MQASMIUcjs.MUX_IMAGE_ORIGIN, { crossOrigin: "anonymous" });
     if (resolvedOrigin) {
       _reactdom2.default.preconnect(resolvedOrigin, { crossOrigin: "anonymous" });
     }

package/dist/{chunk-BEMGJDXI.cjs → chunk-XAA5LUHC.cjs}

@@ -1,14 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
 
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/components/ui/avatar-stack.tsx
 var _jsxruntime = require('react/jsx-runtime');
@@ -23,8 +24,9 @@ var OVERFLOW_CIRCLE_SIZE = {
 var STACK_ROW_CLASS = "flex items-center";
 var overlapClass = (size) => size === "xs" ? "-ml-2" : "-ml-3";
 var slotsWidthStyle = (size, slots) => slots ? { width: SIZE_PX[size] + (slots - 1) * (SIZE_PX[size] - OVERLAP_PX[size]) } : void 0;
+var AVATAR_STACK_MAX_FACES = 3;
 function AvatarStackSkeleton({
-  count = 3,
+  count = AVATAR_STACK_MAX_FACES,
   size = "md",
   slots,
   className
@@ -33,32 +35,33 @@ function AvatarStackSkeleton({
     "div",
     {
       "aria-hidden": true,
-      className: _chunk65VVJSQZcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
       style: slotsWidthStyle(size, slots),
-      children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkXFRBEXQNcjs.UnifiedSkeleton,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count, children: (i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkNNNRN4OFcjs.UnifiedSkeleton,
         {
+          "data-loading-item": true,
           variant: "circular",
-          className: _chunk65VVJSQZcjs.cn.call(void 0, "relative shrink-0 ring-2 ring-ods-card", i > 0 && overlapClass(size)),
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative shrink-0 ring-2 ring-ods-card", i > 0 && overlapClass(size)),
           width: SIZE_PX[size],
           height: SIZE_PX[size]
-        },
-        i
-      ))
+        }
+      ) })
     }
   );
 }
 function AvatarStack({
   people,
-  max = 3,
+  max = AVATAR_STACK_MAX_FACES,
   slots,
   total,
   size = "md",
   ringClassName = "ring-ods-card",
   label = "Assignees",
-  className
+  className,
+  loading: loadingProp
 }) {
-  const loading = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || !!loadingProp;
   if (loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarStackSkeleton, { count: _nullishCoalesce(slots, () => ( max)), size, slots, className });
   if (people.length === 0) return null;
   const groupSize = Math.max(_nullishCoalesce(total, () => ( people.length)), people.length);
@@ -72,21 +75,22 @@ function AvatarStack({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk65VVJSQZcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, STACK_ROW_CLASS, slots && "shrink-0", className),
       style: slotsWidthStyle(size, slots),
       role: "group",
       "aria-label": `${label}: ${names}${unnamed > 0 ? ` and ${unnamed} more` : ""}`,
       children: [
         visible.map((person, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkBNUZKBNVcjs.SquareAvatar,
+          _chunkZJS45HQZcjs.SquareAvatar,
           {
+            "data-loading-item": true,
             variant: "round",
             size,
             src: _nullishCoalesce(person.avatarUrl, () => ( void 0)),
             alt: person.name,
             fallback: person.name,
             title: person.name,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, "relative ring-2", ringClassName, i > 0 && overlapClass(size)),
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative ring-2", ringClassName, i > 0 && overlapClass(size)),
             style: { zIndex: visible.length - i }
           },
           _nullishCoalesce(person.key, () => ( `${person.name}-${i}`))
@@ -95,7 +99,7 @@ function AvatarStack({
           "span",
           {
             title: overflow.length > 0 ? overflow.map((p) => p.name).join(", ") : `${overflowCount} more`,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               "relative z-0 flex shrink-0 items-center justify-center rounded-full bg-ods-bg text-ods-text-secondary ring-2",
               ringClassName,
               // The circle tucks under the last face like every other avatar, so
@@ -118,5 +122,4 @@ function AvatarStack({
 
 
 
-
-exports.AvatarStackSkeleton = AvatarStackSkeleton; exports.AvatarStack = AvatarStack;
+exports.AvatarStack = AvatarStack;

package/dist/{chunk-2JO5HNEF.cjs → chunk-YX7X5QQN.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkHUPDPANNcjs = require('./chunk-HUPDPANN.cjs');
+var _chunkYXZOP726cjs = require('./chunk-YXZOP726.cjs');
 
 
 
-var _chunkZGWS3NJRcjs = require('./chunk-ZGWS3NJR.cjs');
+var _chunkI7LRZR4Qcjs = require('./chunk-I7LRZR4Q.cjs');
 
 
 
@@ -15,13 +15,13 @@ var _chunkHEVW75L3cjs = require('./chunk-HEVW75L3.cjs');
 
 
 
-var _chunkUPAE4IV5cjs = require('./chunk-UPAE4IV5.cjs');
+var _chunkA4YUTS6Qcjs = require('./chunk-A4YUTS6Q.cjs');
 
 
-var _chunkSIDDZZKLcjs = require('./chunk-SIDDZZKL.cjs');
+var _chunkTS6TISIFcjs = require('./chunk-TS6TISIF.cjs');
 
 
-var _chunkYWQ3VXPLcjs = require('./chunk-YWQ3VXPL.cjs');
+var _chunkN7QNWHJAcjs = require('./chunk-N7QNWHJA.cjs');
 
 
 
@@ -30,35 +30,32 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
+var _chunk5XAWVXNIcjs = require('./chunk-5XAWVXNI.cjs');
 
 
+var _chunkODDUGLYFcjs = require('./chunk-ODDUGLYF.cjs');
 
-var _chunkOH5LAH3Xcjs = require('./chunk-OH5LAH3X.cjs');
 
+var _chunkXAA5LUHCcjs = require('./chunk-XAA5LUHC.cjs');
 
-var _chunkBEMGJDXIcjs = require('./chunk-BEMGJDXI.cjs');
 
 
-var _chunkWEANWBJHcjs = require('./chunk-WEANWBJH.cjs');
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
 
 
-var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
-
-var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
-
 // src/components/list-empty-state.tsx
 var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUPDPANNcjs.EmptyState,
+      _chunkYXZOP726cjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -71,7 +68,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHUPDPANNcjs.EmptyState,
+    _chunkYXZOP726cjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -108,14 +105,14 @@ function PageDataSyncProvider({
 function PageDataSyncRow({ inline = false }) {
   const context = _react.useContext.call(void 0, PageDataSyncContext);
   if (!context) return null;
-  const line = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.DataSyncLine, { sync: context.state.sync, loading: context.state.loading, stated: context.stated, inline });
+  const line = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.DataSyncLine, { sync: context.state.sync, loading: context.state.loading, stated: context.stated, inline });
   return context.stated ? line : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "contents", "data-loading-optional": "", children: line });
 }
 function usePageDataSync(sync, loading) {
   const context = _react.useContext.call(void 0, PageDataSyncContext);
-  const report = _optionalChain([context, 'optionalAccess', _2 => _2.report]);
-  const source = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _3 => _3.source]), () => ( null));
-  const syncedAt = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _4 => _4.syncedAt]), () => ( null));
+  const report = _optionalChain([context, 'optionalAccess', _ => _.report]);
+  const source = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _2 => _2.source]), () => ( null));
+  const syncedAt = _nullishCoalesce(_optionalChain([sync, 'optionalAccess', _3 => _3.syncedAt]), () => ( null));
   _react.useEffect.call(void 0, () => {
     if (!report) return;
     report({ sync: source ? { source, syncedAt } : null, loading });
@@ -127,7 +124,7 @@ function usePageDataSync(sync, loading) {
 // src/components/shared/dev-section/dev-section-view.tsx
 
 function DevSectionView({ sectionKey, preControls, children, showHeading = true }) {
-  const section = _chunkYWQ3VXPLcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkN7QNWHJAcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
@@ -165,11 +162,11 @@ function DevSectionView({ sectionKey, preControls, children, showHeading = true
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncProvider, { stated: section.mirrored, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
-    showHeading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYG72MEHYcjs.SectionHeading, { title: section.hero.title, punctuation: ":", action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, { inline: true }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, {}),
+    showHeading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5XAWVXNIcjs.SectionHeading, { title: section.hero.title, punctuation: ":", action: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, { inline: true }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncRow, {}),
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUPAE4IV5cjs.SearchInput,
+        _chunkA4YUTS6Qcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -179,7 +176,7 @@ function DevSectionView({ sectionKey, preControls, children, showHeading = true
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUPAE4IV5cjs.StatusFilterComponent,
+        _chunkA4YUTS6Qcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -204,7 +201,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkYWQ3VXPLcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkN7QNWHJAcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -217,7 +214,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkSIDDZZKLcjs.PageLayout,
+      _chunkTS6TISIFcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -226,31 +223,26 @@ function DevSectionPage({
         backButton: backCfg,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevSectionView, { sectionKey, showHeading: false, preControls, children }),
-          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZGWS3NJRcjs.FaqSection, { ..._chunkZGWS3NJRcjs.pageFaqProps.call(void 0, faq) })
+          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkI7LRZR4Qcjs.FaqSection, { ..._chunkI7LRZR4Qcjs.pageFaqProps.call(void 0, faq) })
         ]
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
 
 var ROW_INNER_CLASS = "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]";
 var ROW_TEXT_COLUMN_CLASS = "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]";
-var ROW_TITLE_LINE_CLASS = `flex items-center text-h3 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_SUBTITLE_LINE_CLASS = `flex items-center text-h5 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_DESCRIPTION_LINE_CLASS = `flex items-center text-h4 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[3]}`;
+var ROW_TITLE_LINE_CLASS = `flex items-center text-h3 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[1]}`;
+var ROW_SUBTITLE_LINE_CLASS = `flex items-center text-h5 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[1]}`;
+var ROW_DESCRIPTION_LINE_CLASS = `flex items-center text-h4 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[3]}`;
 var ROW_BADGES_CLASS = "flex flex-shrink-0 flex-col gap-2 self-start";
-function DevCardRowContent({
-  title,
-  subtitle,
-  description,
-  emptyDescription = "No description provided",
-  rightBadges
-}) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowContentSkeleton, {});
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, children: [
+function DevCardRowContent(props) {
+  const { title, subtitle, description, emptyDescription = "No description provided", rightBadges } = props;
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || props.loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowContentSkeleton, { ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props) });
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TEXT_COLUMN_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
@@ -259,36 +251,16 @@ function DevCardRowContent({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_BADGES_CLASS, children: rightBadges })
   ] });
 }
-function DevCardRowContentSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, "aria-hidden": true, children: [
+function DevCardRowContentSkeleton(props) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS, "aria-hidden": true, ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TEXT_COLUMN_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-full" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h5", className: "w-1/2" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", className: "w-full" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h5", className: "w-1/2" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", lines: 3, className: "w-full" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_BADGES_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, { variant: "card" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, { variant: "card" })
-    ] })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_BADGES_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { loading: true, text: "", variant: "card" }) })
   ] });
 }
-function DevCardRowSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowContentSkeleton, {}) });
-}
-function DevCardRowSkeletonList({
-  region = true,
-  rows = 5
-}) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkWEANWBJHcjs.LoadingRegion,
-    {
-      label: "Loading",
-      announce: region,
-      className: "w-full overflow-hidden rounded-[6px] border border-ods-border bg-ods-card",
-      children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevCardRowSkeleton, {}, i))
-    }
-  );
-}
 
 // src/components/shared/delivery/delivery-row.tsx
 
@@ -307,17 +279,18 @@ function getRelativeTime(timestamp) {
 var ROW_INNER_CLASS2 = "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]";
 var ROW_TEXT_COLUMN_CLASS2 = "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]";
 var ROW_CAPTION_CLASS = "text-ods-text-secondary text-h5";
-var ROW_TITLE_LINE_CLASS2 = `flex items-center text-h3 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_SUBTITLE_LINE_CLASS2 = `flex items-center text-h5 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[1]}`;
-var ROW_DESCRIPTION_LINE_CLASS2 = `flex items-center text-h4 ${_chunkXFRBEXQNcjs.TEXT_LINES_MIN[3]}`;
+var ROW_TITLE_LINE_CLASS2 = `flex items-center text-h3 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[1]}`;
+var ROW_SUBTITLE_LINE_CLASS2 = `flex items-center text-h5 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[1]}`;
+var ROW_DESCRIPTION_LINE_CLASS2 = `flex items-center text-h4 ${_chunkNNNRN4OFcjs.TEXT_LINES_MIN[3]}`;
 var ROW_META_CLASS = "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch content-md:w-auto content-md:flex-col content-md:items-end content-md:self-start";
 var ROW_BASE_CLASS = "block p-[12px] text-inherit no-underline transition-colors duration-150 content-md:p-[16px]";
-function DeliveryRow({ item, href, target, caption, id, className }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliveryRowSkeleton, { caption, className });
+function DeliveryRow({ item, loading, href, target, caption, id, className }) {
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
+  if (inScope || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeliveryRowSkeleton, { caption, className });
   const taskType = item.taskType;
   const typeBadgeLabel = _chunkHEVW75L3cjs.TASK_TYPE_LABELS[taskType] || "TASK";
   const typeBadgeTextColor = _chunkHEVW75L3cjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkYG72MEHYcjs.getStatusColorScheme.call(void 0, item.status);
+  const statusBadgeScheme = _chunk5XAWVXNIcjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
   const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS2, children: [
@@ -329,7 +302,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_META_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkOH5LAH3Xcjs.StatusBadge,
+        _chunkODDUGLYFcjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -338,7 +311,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkOH5LAH3Xcjs.StatusBadge,
+        _chunkODDUGLYFcjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -346,7 +319,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkBEMGJDXIcjs.AvatarStack,
+        _chunkXAA5LUHCcjs.AvatarStack,
         {
           size: "xs",
           className: "ml-auto content-md:ml-0",
@@ -359,7 +332,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
       ) : null
     ] })
   ] });
-  const baseClass = _chunk65VVJSQZcjs.cn.call(void 0, 
+  const baseClass = _chunkMGEUZRNQcjs.cn.call(void 0, 
     ROW_BASE_CLASS,
     // `scroll-mt-24` is paid for whether `id` is set or not (it's a
     // single Tailwind utility, no runtime cost). Keeping it
@@ -378,16 +351,16 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id, className: baseClass, children: inner });
 }
 function DeliveryRowSkeleton({ caption, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ROW_BASE_CLASS, "scroll-mt-24", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS2, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ROW_BASE_CLASS, "scroll-mt-24", className), "aria-hidden": true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_INNER_CLASS2, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TEXT_COLUMN_CLASS2, children: [
       caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: ROW_CAPTION_CLASS, children: caption }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-3/5" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h5", className: "w-2/5" }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-full" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_TITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", className: "w-3/5" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_SUBTITLE_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h5", className: "w-2/5" }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_DESCRIPTION_LINE_CLASS2, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", lines: 2, className: "w-full" }) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_META_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, { variant: "card" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.StatusBadgeSkeleton, { variant: "card" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { loading: true, text: "", variant: "card" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { loading: true, text: "", variant: "card" })
     ] })
   ] }) });
 }
@@ -399,7 +372,4 @@ function DeliveryRowSkeleton({ caption, className }) {
 
 
 
-
-
-
-exports.ListEmptyState = ListEmptyState; exports.usePageDataSync = usePageDataSync; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow; exports.DeliveryRowSkeleton = DeliveryRowSkeleton;
+exports.ListEmptyState = ListEmptyState; exports.usePageDataSync = usePageDataSync; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DeliveryRow = DeliveryRow;