@flamingo-stack/openframe-frontend-core 0.0.757 → 0.0.759

package/dist/{chunk-ORC3ZKHT.cjs → chunk-CDA2MY7U.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(); } }"use client";
+"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 _chunk5E6JHOGXcjs = require('./chunk-5E6JHOGX.cjs');
 
 
 
-var _chunkRPADJ2E6cjs = require('./chunk-RPADJ2E6.cjs');
+var _chunk7ITYKDJNcjs = require('./chunk-7ITYKDJN.cjs');
 
 
 
@@ -14,13 +14,14 @@ var _chunkHEVW75L3cjs = require('./chunk-HEVW75L3.cjs');
 
 
 
-var _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+
+var _chunk4IXA5CJTcjs = require('./chunk-4IXA5CJT.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
 
 
-var _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('./chunk-XXM74P3N.cjs');
 
 
 
@@ -29,6 +30,7 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
+
 var _chunk7Z4EQOIXcjs = require('./chunk-7Z4EQOIX.cjs');
 
 
@@ -80,8 +82,38 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 // src/components/shared/dev-section/dev-section-view.tsx
 var _react = require('react');
 
-function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunk3C4U4UW6cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+// src/components/layout/page-data-sync.tsx
+
+
+var PageDataSyncContext = _react.createContext.call(void 0, null);
+var EMPTY = { sync: null, loading: false };
+function PageDataSyncProvider({ children }) {
+  const [state, report] = _react.useState.call(void 0, EMPTY);
+  const value = _react.useMemo.call(void 0, () => ({ state, report }), [state]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncContext.Provider, { value, children });
+}
+function PageDataSyncRow({ inline = false }) {
+  const context = _react.useContext.call(void 0, PageDataSyncContext);
+  if (!context) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.DataSyncLine, { sync: context.state.sync, loading: context.state.loading, inline });
+}
+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));
+  _react.useEffect.call(void 0, () => {
+    if (!report) return;
+    report({ sync: source ? { source, syncedAt } : null, loading });
+  }, [report, source, syncedAt, loading]);
+  _react.useEffect.call(void 0, () => report ? () => report(EMPTY) : void 0, [report]);
+  return Boolean(context);
+}
+
+// src/components/shared/dev-section/dev-section-view.tsx
+
+function DevSectionView({ sectionKey, preControls, children, showHeading = true }) {
+  const section = _chunkXXM74P3Ncjs.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, );
@@ -118,21 +150,12 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     else params.set(filter.paramKey, value);
     router.replace(`${pathname}?${params.toString()}`, { scroll: false });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
-    showHeading && (hero ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h1", { className: "flex items-center gap-3 tracking-[-1.12px] text-ods-text-primary text-h1", children: [
-        hero.icon,
-        _nullishCoalesce(hero.title, () => ( section.hero.title))
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary content-md:text-[40px] content-md:leading-[48px] content-md:tracking-[-0.8px] content-lg:text-[48px] content-lg:leading-[56px] content-lg:tracking-[-0.96px]", children: [
-      section.hero.title,
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ":" })
-    ] }) })),
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PageDataSyncProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
+    showHeading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7Z4EQOIXcjs.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, 
-        _chunk7RADSQJFcjs.SearchInput,
+        _chunk4IXA5CJTcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -142,7 +165,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7RADSQJFcjs.StatusFilterComponent,
+        _chunk4IXA5CJTcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -151,7 +174,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
       )
     ] }),
     children
-  ] });
+  ] }) });
 }
 
 // src/components/shared/dev-section/dev-section-page.tsx
@@ -167,7 +190,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunk3C4U4UW6cjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkXXM74P3Ncjs.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), () => ( "/")))
@@ -189,12 +212,12 @@ function DevSectionPage({
         backButton: backCfg,
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DevSectionView, { sectionKey, showHeading: false, preControls, children }),
-          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRPADJ2E6cjs.FaqSection, { ..._chunkRPADJ2E6cjs.pageFaqProps.call(void 0, faq) })
+          faq && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7ITYKDJNcjs.FaqSection, { ..._chunk7ITYKDJNcjs.pageFaqProps.call(void 0, faq) })
         ]
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.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
@@ -334,4 +357,5 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
 
 
 
-exports.ListEmptyState = ListEmptyState; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;
+
+exports.ListEmptyState = ListEmptyState; exports.usePageDataSync = usePageDataSync; exports.DevSectionView = DevSectionView; exports.DevSectionPage = DevSectionPage; exports.DevCardRowContent = DevCardRowContent; exports.DevCardRowSkeleton = DevCardRowSkeleton; exports.DevCardRowSkeletonList = DevCardRowSkeletonList; exports.DeliveryRow = DeliveryRow;

package/dist/{chunk-L2RNZOCI.cjs → chunk-DHFQECP3.cjs}

@@ -6,7 +6,7 @@ var _chunkVUWPLQBYcjs = require('./chunk-VUWPLQBY.cjs');
 
 
 
-var _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('./chunk-XXM74P3N.cjs');
 
 
 var _chunkSXGDKNVEcjs = require('./chunk-SXGDKNVE.cjs');
@@ -166,31 +166,31 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunk3C4U4UW6cjs.ShellTypeValues.POWERSHELL]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkMCQY746Mcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunk3C4U4UW6cjs.ShellTypeValues.CMD]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.CMD]: {
     icon: _chunkUXUYT4WKcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunk3C4U4UW6cjs.ShellTypeValues.BASH]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.BASH]: {
     icon: _chunk5OG5ZTNMcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunk3C4U4UW6cjs.ShellTypeValues.PYTHON]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.PYTHON]: {
     icon: _chunkBF77UKGDcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunk3C4U4UW6cjs.ShellTypeValues.NUSHELL]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkG37H4CBTcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunk3C4U4UW6cjs.ShellTypeValues.DENO]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.DENO]: {
     icon: _chunkHUL6SF5Acjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunk3C4U4UW6cjs.ShellTypeValues.SHELL]: {
+  [_chunkXXM74P3Ncjs.ShellTypeValues.SHELL]: {
     icon: _chunk6RMATQNNcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -201,7 +201,7 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunk3C4U4UW6cjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunkXXM74P3Ncjs.getShellLabel.call(void 0, normalizedType);
   const { icon: IconComponent, props: iconProps } = _nullishCoalesce(shellIconMap[normalizedType], () => ( defaultIconConfig));
   const defaultIconClassName = "className" in iconProps ? iconProps.className : void 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex items-center gap-1", className), children: [
@@ -217,7 +217,7 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunk3C4U4UW6cjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunkXXM74P3Ncjs.getOSLabel.call(void 0, platform)).join(", ");
 }
 function InfoCell({ label, value, avatar, className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex min-w-0 items-center gap-2", className), children: [
@@ -237,7 +237,7 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunk3C4U4UW6cjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunkXXM74P3Ncjs.getShellLabel.call(void 0, shellType);
   const platformsLabel = formatSupportedPlatforms(supportedPlatforms);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [

package/dist/{chunk-33RJU565.cjs → chunk-EFCX5SYN.cjs}

@@ -1,7 +1,7 @@
 "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 _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+var _chunk4IXA5CJTcjs = require('./chunk-4IXA5CJT.cjs');
 
 
 
@@ -70,7 +70,7 @@ function DocSearchBar({
   renderResult
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7RADSQJFcjs.SearchInput,
+    _chunk4IXA5CJTcjs.SearchInput,
     {
       placeholder,
       value: query,

package/dist/{chunk-WSRMYHIV.cjs → chunk-F7WIKBRI.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('./chunk-XXM74P3N.cjs');
 
 
 var _chunkQTYSYEHKcjs = require('./chunk-QTYSYEHK.cjs');
@@ -160,7 +160,7 @@ function TicketLiveProvider({ children, enabled = true }) {
   _react2.default.useEffect(() => {
     if (!streamEnabled) return void 0;
     if (typeof window === "undefined") return void 0;
-    subscriptionRef.current = _chunk3C4U4UW6cjs.createSseSubscription.call(void 0, {
+    subscriptionRef.current = _chunkXXM74P3Ncjs.createSseSubscription.call(void 0, {
       url: streamUrl,
       onEvent: (name, data) => handlersRef.current.onEvent(name, data),
       onStatusChange: (status) => handlersRef.current.onStatus(status),

package/dist/{chunk-JEIAB7JQ.cjs → chunk-G7RDJACG.cjs}

@@ -1,7 +1,7 @@
 "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 _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('./chunk-XXM74P3N.cjs');
 
 
 var _chunkQTYSYEHKcjs = require('./chunk-QTYSYEHK.cjs');
@@ -335,7 +335,7 @@ function useScrollSpy(sections, options = {}) {
 // src/components/navigation/multi-level-navigation.tsx
 var _lucidereact = require('lucide-react');
 
-var DEFAULT_FOLDER_INDEX_FILE2 = _chunk3C4U4UW6cjs.DEFAULT_FOLDER_INDEX_FILE;
+var DEFAULT_FOLDER_INDEX_FILE2 = _chunkXXM74P3Ncjs.DEFAULT_FOLDER_INDEX_FILE;
 function isNodeVisuallySelected(node, selectedPath, folderIndexFile = DEFAULT_FOLDER_INDEX_FILE2) {
   const FOLDER_INDEX_FILE = folderIndexFile.toLowerCase();
   if (selectedPath === node.path) {

package/dist/{chunk-AZFSHHWT.cjs → chunk-I4W4DQ6C.cjs}

@@ -1,10 +1,10 @@
 "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 _chunkRPADJ2E6cjs = require('./chunk-RPADJ2E6.cjs');
+var _chunk7ITYKDJNcjs = require('./chunk-7ITYKDJN.cjs');
 
 
-var _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+var _chunk4IXA5CJTcjs = require('./chunk-4IXA5CJT.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
@@ -35,7 +35,7 @@ function FaqDocumentPage({
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _2 => _2.href]), () => ( "/")))
   };
   const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXBVN5SWcjs.PageLayout, { title, subtitle, backButton: backCfg, titleSize: "h1", titleWrap: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkRPADJ2E6cjs.FaqSection,
+    _chunk7ITYKDJNcjs.FaqSection,
     {
       initialFaqs,
       heading: null,
@@ -49,7 +49,7 @@ function FaqDocumentPage({
       ask
     }
   ) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 

package/dist/{chunk-BLYP7ZT4.cjs → chunk-O75A3FBT.cjs}

@@ -3,23 +3,25 @@
 
 
 
-var _chunkUWXUGP3Vcjs = require('./chunk-UWXUGP3V.cjs');
+var _chunkSIOSQMIBcjs = require('./chunk-SIOSQMIB.cjs');
 
 
 
 
 
-var _chunkJEIAB7JQcjs = require('./chunk-JEIAB7JQ.cjs');
+var _chunkG7RDJACGcjs = require('./chunk-G7RDJACG.cjs');
 
 
 
-var _chunk33RJU565cjs = require('./chunk-33RJU565.cjs');
+var _chunkEFCX5SYNcjs = require('./chunk-EFCX5SYN.cjs');
 
 
 
 
 
-var _chunk7RADSQJFcjs = require('./chunk-7RADSQJF.cjs');
+
+
+var _chunk4IXA5CJTcjs = require('./chunk-4IXA5CJT.cjs');
 
 
 var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
@@ -28,7 +30,7 @@ var _chunkAXBVN5SWcjs = require('./chunk-AXBVN5SW.cjs');
 
 
 
-var _chunk3C4U4UW6cjs = require('./chunk-3C4U4UW6.cjs');
+var _chunkXXM74P3Ncjs = require('./chunk-XXM74P3N.cjs');
 
 
 
@@ -339,13 +341,20 @@ function toDocContent(value, requestedPath) {
     fileName: readString(value, "fileName"),
     fileSize: typeof fileSize === "number" ? fileSize : void 0,
     publishedAt: readString(value, "publishedAt"),
-    updatedAt: readString(value, "updatedAt")
+    updatedAt: readString(value, "updatedAt"),
+    sync: toDataSync(value.sync)
   };
 }
+function toDataSync(value) {
+  if (!isRecord(value)) return void 0;
+  const source = readString(value, "source");
+  if (!_chunk4IXA5CJTcjs.isDataSyncSource.call(void 0, source)) return void 0;
+  return { source, syncedAt: _nullishCoalesce(readString(value, "syncedAt"), () => ( null)) };
+}
 function useDocumentTree(config, initialPath) {
   const { structureEndpoint, contentEndpoint, baseRoute } = config;
-  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunk3C4U4UW6cjs.DEFAULT_FOLDER_INDEX_FILE));
-  const cleanInitialPath = _chunk3C4U4UW6cjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
+  const folderIndexFile = _nullishCoalesce(config.folderIndexFile, () => ( _chunkXXM74P3Ncjs.DEFAULT_FOLDER_INDEX_FILE));
+  const cleanInitialPath = _chunkXXM74P3Ncjs.stripFolderIndexFromPath.call(void 0, _optionalChain([initialPath, 'optionalAccess', _4 => _4.replace, 'call', _5 => _5(/\/$/, "")]) || "", folderIndexFile);
   const [structure, setStructure] = _react.useState.call(void 0, []);
   const [selectedPath, setSelectedPath] = _react.useState.call(void 0, cleanInitialPath);
   const [content, setContent] = _react.useState.call(void 0, null);
@@ -369,12 +378,12 @@ function useDocumentTree(config, initialPath) {
       } else if (pathname.startsWith(`${normalizedBaseRoute}/`)) {
         pathFromUrl = pathname.substring(`${normalizedBaseRoute}/`.length);
       }
-      pathFromUrl = _chunk3C4U4UW6cjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
+      pathFromUrl = _chunkXXM74P3Ncjs.stripFolderIndexFromPath.call(void 0, pathFromUrl, folderIndexFile);
       if (pathFromUrl !== selectedPathRef.current) {
         setSelectedPath(pathFromUrl);
         if (pathFromUrl) {
           const parentPath = pathFromUrl.includes("/") ? pathFromUrl.substring(0, pathFromUrl.lastIndexOf("/")) : pathFromUrl;
-          setExpandedNodes(new Set(_chunk3C4U4UW6cjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+          setExpandedNodes(new Set(_chunkXXM74P3Ncjs.getDocAncestorNodeIds.call(void 0, parentPath)));
         }
         setTimeout(() => {
           scrollToContent();
@@ -392,7 +401,7 @@ function useDocumentTree(config, initialPath) {
       setSelectedPath(cleanInitialPath);
       if (cleanInitialPath) {
         const parentPath = cleanInitialPath.includes("/") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
-        setExpandedNodes(new Set(_chunk3C4U4UW6cjs.getDocAncestorNodeIds.call(void 0, parentPath)));
+        setExpandedNodes(new Set(_chunkXXM74P3Ncjs.getDocAncestorNodeIds.call(void 0, parentPath)));
       }
       setExternalNavCount((n) => n + 1);
     }
@@ -417,7 +426,7 @@ function useDocumentTree(config, initialPath) {
         if (cleanInitialPath) {
           const pathForExpansion = cleanInitialPath.includes(".") ? cleanInitialPath.substring(0, cleanInitialPath.lastIndexOf("/")) : cleanInitialPath;
           if (pathForExpansion) {
-            setExpandedNodes(new Set(_chunk3C4U4UW6cjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
+            setExpandedNodes(new Set(_chunkXXM74P3Ncjs.getDocAncestorNodeIds.call(void 0, pathForExpansion)));
           }
         } else if (nodes.length > 0) {
           const hasRootReadme = nodes.some((node) => node.type === "file" && node.path === folderIndexFile);
@@ -457,7 +466,7 @@ function useDocumentTree(config, initialPath) {
             setContent(null);
             return;
           }
-          const probe = _chunk3C4U4UW6cjs.findDocNodeByPath.call(void 0, _chunk3C4U4UW6cjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
+          const probe = _chunkXXM74P3Ncjs.findDocNodeByPath.call(void 0, _chunkXXM74P3Ncjs.stripFolderIndexFromPath.call(void 0, path, folderIndexFile), structure);
           const probeIsNoReadmeFolder = !!probe && probe.type === "folder" && !probe.hasReadme;
           const preStructureFolderLike = structure.length === 0 && !path.endsWith(".md");
           if (probeIsNoReadmeFolder || preStructureFolderLike) {
@@ -514,7 +523,7 @@ function useDocumentTree(config, initialPath) {
     if (selectedPath === "") {
       pathToFetch = folderIndexFile;
     } else {
-      const node = _chunk3C4U4UW6cjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+      const node = _chunkXXM74P3Ncjs.findDocNodeByPath.call(void 0, selectedPath, structure);
       if (node && node.type === "folder" && !node.hasReadme) {
         const firstDocPath = findFirstDocPath(node);
         if (!firstDocPath) {
@@ -555,16 +564,16 @@ function useDocumentTree(config, initialPath) {
       if (node.type === "folder") {
         setExpandedNodes((prev) => {
           if (prev.has(node.id)) {
-            const ancestorIds = _chunk3C4U4UW6cjs.getDocAncestorNodeIds.call(void 0, node.path);
+            const ancestorIds = _chunkXXM74P3Ncjs.getDocAncestorNodeIds.call(void 0, node.path);
             ancestorIds.pop();
             return new Set(ancestorIds);
           }
-          return new Set(_chunk3C4U4UW6cjs.getDocAncestorNodeIds.call(void 0, node.path));
+          return new Set(_chunkXXM74P3Ncjs.getDocAncestorNodeIds.call(void 0, node.path));
         });
       } else {
         const lastSlash = node.path.lastIndexOf("/");
         if (lastSlash > 0) {
-          setExpandedNodes(new Set(_chunk3C4U4UW6cjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
+          setExpandedNodes(new Set(_chunkXXM74P3Ncjs.getDocAncestorNodeIds.call(void 0, node.path.substring(0, lastSlash))));
         }
       }
       lastFetchedPath.current = null;
@@ -579,7 +588,7 @@ function useDocumentTree(config, initialPath) {
       const hashIndex = path.indexOf("#");
       const anchor = hashIndex !== -1 ? path.substring(hashIndex) : "";
       const cleanPath = path.replace(/\/$/, "").split("#")[0];
-      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunk3C4U4UW6cjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
+      const pathForSelection = anchor && _optionalChain([options, 'optionalAccess', _6 => _6.fromInternalLink]) && cleanPath === "" ? selectedPathRef.current : _chunkXXM74P3Ncjs.stripFolderIndexFromPath.call(void 0, cleanPath, folderIndexFile);
       if (anchor && _optionalChain([options, 'optionalAccess', _7 => _7.fromInternalLink]) && pathForSelection === selectedPathRef.current) {
         _chunkCSJO7ZGNcjs.navigateSamePageHash.call(void 0, anchor, { headerOffset: _chunkCSJO7ZGNcjs.HUB_HEADER_OFFSET_PX });
         return;
@@ -643,15 +652,15 @@ function useDocumentTree(config, initialPath) {
     return docNavigation.register({
       baseRoute: normalizedBaseRoute,
       findNodeByPath: (path) => {
-        const clean = _chunk3C4U4UW6cjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
-        return _nullishCoalesce(_chunk3C4U4UW6cjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
+        const clean = _chunkXXM74P3Ncjs.stripFolderIndexFromPath.call(void 0, path.replace(/\/$/, "").split("#")[0], folderIndexFile);
+        return _nullishCoalesce(_chunkXXM74P3Ncjs.findDocNodeByPath.call(void 0, clean, structure), () => ( null));
       },
       selectNode
     });
   }, [docNavigation, normalizedBaseRoute, structure, selectNode, folderIndexFile]);
   const isEmptyFolder = _react.useMemo.call(void 0, () => {
     if (!selectedPath || structure.length === 0) return false;
-    const node = _chunk3C4U4UW6cjs.findDocNodeByPath.call(void 0, selectedPath, structure);
+    const node = _chunkXXM74P3Ncjs.findDocNodeByPath.call(void 0, selectedPath, structure);
     return !!node && node.type === "folder" && !node.hasReadme && !findFirstDocPath(node);
   }, [selectedPath, structure]);
   return {
@@ -705,6 +714,7 @@ function DocViewerContent({
   baseRoute,
   emptyStateText,
   showAIChat = false,
+  synced = false,
   folderIndexFile,
   backButton
 }) {
@@ -731,14 +741,14 @@ function DocViewerContent({
     },
     docPath
   );
-  const { activeSection, handleSectionClick } = _chunkJEIAB7JQcjs.useScrollSpy.call(void 0, _optionalChain([content, 'optionalAccess', _11 => _11.sections]));
+  const { activeSection, handleSectionClick } = _chunkG7RDJACGcjs.useScrollSpy.call(void 0, _optionalChain([content, 'optionalAccess', _11 => _11.sections]));
   const docNav = useDocNavigation();
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const backCfg = backButton === false ? null : {
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _12 => _12.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _13 => _13.href]), () => ( "/")))
   };
-  const docSearch = _chunk33RJU565cjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkEFCX5SYNcjs.useDocSearch.call(void 0, {
     source: chatSource,
     baseRoute,
     searchEndpoint,
@@ -762,7 +772,7 @@ function DocViewerContent({
       onResolveLink: resolveLink
     });
   }, [content, renderContent, navigateToDoc, sourceId, resolveLink]);
-  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunk3C4U4UW6cjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _14 => _14.documentType]) : void 0;
+  const selectedNodeDocType = selectedPath && structure.length > 0 ? _optionalChain([_chunkXXM74P3Ncjs.findDocNodeByPath.call(void 0, selectedPath, structure), 'optionalAccess', _14 => _14.documentType]) : void 0;
   const activeDocType = _nullishCoalesce(_optionalChain([content, 'optionalAccess', _15 => _15.documentType]), () => ( selectedNodeDocType));
   const isMarkdownContent = !activeDocType || activeDocType === "markdown";
   const showStickyNav = isMarkdownContent;
@@ -774,10 +784,11 @@ function DocViewerContent({
   const defaultEmptyText = structure.length > 0 ? "Select a document from the sidebar to view" : "No documents yet. Add content from the admin panel.";
   const resolvedEmptyText = emptyStateText || defaultEmptyText;
   const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXBVN5SWcjs.PageLayout, { title, subtitle, titleSize: "h1", titleWrap: true, backButton: _nullishCoalesce(backCfg, () => ( void 0)), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-10", children: [
+    synced && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.DataSyncLine, { sync: _optionalChain([content, 'optionalAccess', _19 => _19.sync]), loading: isLoadingContent && !content }),
     showAIChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk33RJU565cjs.DocSearchBar,
+      _chunkEFCX5SYNcjs.DocSearchBar,
       {
-        placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _19 => _19.toLowerCase, 'call', _20 => _20()]) || "documents"}...`,
+        placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _20 => _20.toLowerCase, 'call', _21 => _21()]) || "documents"}...`,
         query: docSearch.query,
         onQueryChange: docSearch.setQuery,
         results: docSearch.results,
@@ -794,9 +805,9 @@ function DocViewerContent({
       ] })
     ] }) }),
     !error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-start gap-6 content-lg:flex-row content-lg:gap-10", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "content-lg:sticky content-lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full content-lg:w-[320px] content-lg:shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "content-lg:sticky content-lg:top-20", children: isLoadingStructure ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.CategorySidebarSkeleton, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentMobileDropdown, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkJEIAB7JQcjs.MobileNavigationDropdown,
+          _chunkG7RDJACGcjs.MobileNavigationDropdown,
           {
             nodes: structure,
             selectedPath,
@@ -810,7 +821,7 @@ function DocViewerContent({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PersistentSidebar, { isLoading: false, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden content-lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "font-semibold text-ods-text-secondary text-h5", children: sidebarLabel }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkJEIAB7JQcjs.MultiLevelNavigation,
+            _chunkG7RDJACGcjs.MultiLevelNavigation,
             {
               nodes: structure,
               selectedPath,
@@ -849,7 +860,7 @@ function DocViewerContent({
             showStickyNav && content && stickyNavSections.length > 0 && !isLoadingContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden content-lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "sticky top-24", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-4 font-semibold text-ods-text-secondary text-h5", children: "ON THIS PAGE" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkJEIAB7JQcjs.StickySectionNav,
+                _chunkG7RDJACGcjs.StickySectionNav,
                 {
                   sections: stickyNavSections,
                   activeSection,
@@ -864,7 +875,7 @@ function DocViewerContent({
       ) })
     ] })
   ] }) }) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.PageShell, { contentClassName: `${bgClass} ${className}`, children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `page-shell-content ${bgClass} ${className}`.trim(), children: inner });
 }
 
 // src/components/docs/skeletons.tsx
@@ -950,7 +961,7 @@ function EmbedSkeleton({ documentType, region = true } = {}) {
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-2 content-sm:w-auto", children: Array.from({ length: buttonCount }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-full flex-1 rounded content-sm:w-32 content-sm:flex-initial" }, i)) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.EmbedLoadingSkeleton, { region: false })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.EmbedLoadingSkeleton, { region: false })
   ] });
 }
 
@@ -958,11 +969,11 @@ function EmbedSkeleton({ documentType, region = true } = {}) {
 
 var DEFAULT_TITLE = "Documents";
 var defaultFallbackRenderer = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-16 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary", children: "Unsupported document type" }) });
-var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUWXUGP3Vcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUWXUGP3Vcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7RADSQJFcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
+var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIOSQMIBcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIOSQMIBcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4IXA5CJTcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
 var defaultFileRenderer = (content) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkUWXUGP3Vcjs.FileDownloadCard,
+  _chunkSIOSQMIBcjs.FileDownloadCard,
   {
     fileName: content.fileName,
     mimeType: content.mimeType,

package/dist/{chunk-NTGIQP7O.cjs → chunk-QU5K52OP.cjs}

@@ -17,6 +17,10 @@ var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
+
+var _chunkRB6BSE3Ocjs = require('./chunk-RB6BSE3O.cjs');
+
+
 var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
 
 // src/components/ui/drawer.tsx
@@ -351,6 +355,7 @@ var DrawerContent = _react.forwardRef.call(void 0,
     }, [mobileBreakpoint]);
     const available = useViewportExtent(resizable, isHorizontal);
     const panelRef = _react.useRef.call(void 0, null);
+    const [portalHost, setPortalHost] = _react.useState.call(void 0, null);
     const {
       size: resizedSize,
       setSize,
@@ -396,9 +401,10 @@ var DrawerContent = _react.forwardRef.call(void 0,
                 ref: panelRef,
                 className: _chunk3ATAYP36cjs.cn.call(void 0, drawerPanelVariants({ side, flush, size }), className, panelClassName),
                 style: { ...sizeStyle, ...panelStyle },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR34JD6NPcjs.ViewportBreakpoints, { children })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRB6BSE3Ocjs.PortalContainerContext.Provider, { value: portalHost, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRB6BSE3Ocjs.CollisionBoundaryContext.Provider, { value: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR34JD6NPcjs.ViewportBreakpoints, { children }) }) })
               }
-            )
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setPortalHost, className: "contents" })
           ]
         }
       )