@flamingo-stack/openframe-frontend-core 0.0.718 → 0.0.719

package/dist/{chunk-DXCBOZVT.cjs → chunk-HCFNEKO3.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkWALCXC7Jcjs = require('./chunk-WALCXC7J.cjs');
+var _chunkZKNZ2CXWcjs = require('./chunk-ZKNZ2CXW.cjs');
 
 
 
@@ -13,15 +13,15 @@ var _chunkLE5WKGJVcjs = require('./chunk-LE5WKGJV.cjs');
 
 
 
-var _chunkBOTM373Rcjs = require('./chunk-BOTM373R.cjs');
+var _chunkE2V2EH2Gcjs = require('./chunk-E2V2EH2G.cjs');
 
 
 
 
-var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
+var _chunkNQVS4G7Gcjs = require('./chunk-NQVS4G7G.cjs');
 
 
-var _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+var _chunkLCLDFMDFcjs = require('./chunk-LCLDFMDF.cjs');
 
 
 var _chunkAUMKE74Mcjs = require('./chunk-AUMKE74M.cjs');
@@ -733,7 +733,7 @@ function DocViewerContent({
     label: _nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _12 => _12.label]), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce(_optionalChain([backButton, 'optionalAccess', _13 => _13.href]), () => ( "/")))
   };
-  const docSearch = _chunkBOTM373Rcjs.useDocSearch.call(void 0, {
+  const docSearch = _chunkE2V2EH2Gcjs.useDocSearch.call(void 0, {
     source: chatSource,
     baseRoute,
     searchEndpoint,
@@ -768,9 +768,9 @@ function DocViewerContent({
   const containerBgStyle = colorPalette.containerBackground !== "transparent" ? { backgroundColor: colorPalette.containerBackground } : {};
   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, _chunkZ5UWW3Z2cjs.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: [
+  const inner = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { ...bgStyle, ...containerBgStyle }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLCLDFMDFcjs.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: [
     showAIChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBOTM373Rcjs.DocSearchBar,
+      _chunkE2V2EH2Gcjs.DocSearchBar,
       {
         placeholder: `Search ${_optionalChain([sidebarLabel, 'optionalAccess', _19 => _19.toLowerCase, 'call', _20 => _20()]) || "documents"}...`,
         query: docSearch.query,
@@ -789,7 +789,7 @@ 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, _chunkZ3CVSPO3cjs.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, _chunkNQVS4G7Gcjs.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, 
           _chunkLE5WKGJVcjs.MobileNavigationDropdown,
           {
@@ -859,7 +859,7 @@ function DocViewerContent({
       ) })
     ] })
   ] }) }) });
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.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, _chunkNQVS4G7Gcjs.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
@@ -955,11 +955,11 @@ function EmbedSkeleton({ documentType } = {}) {
 
 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, _chunkWALCXC7Jcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWALCXC7Jcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
-var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
+var defaultPdfRenderer = (content, handlers) => content.fileUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZKNZ2CXWcjs.PdfViewer, { src: content.fileUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultGoogleSheetRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZKNZ2CXWcjs.GoogleSheetsViewer, { externalUrl: content.externalUrl, fileName: content.fileName }) : defaultFallbackRenderer(content, handlers);
+var defaultFigmaRenderer = (content, handlers) => content.externalUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.FigmaEmbed, { url: content.externalUrl, title: content.fileName, loading: "eager" }) : defaultFallbackRenderer(content, handlers);
 var defaultFileRenderer = (content) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkWALCXC7Jcjs.FileDownloadCard,
+  _chunkZKNZ2CXWcjs.FileDownloadCard,
   {
     fileName: content.fileName,
     mimeType: content.mimeType,

package/dist/{chunk-Z5UWW3Z2.cjs → chunk-LCLDFMDF.cjs}

@@ -2186,7 +2186,8 @@ function RemoteDesktopFullscreenToolbar({
 // src/components/features/remote-session/remote-desktop-view.tsx
 
 var PAGE_CLASS = "h-full overflow-hidden px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]";
-var CONTROLS_BAR_CLASS = "flex flex-shrink-0 items-center justify-between gap-[var(--spacing-system-mf)] rounded-md border border-ods-border bg-ods-card px-[var(--spacing-system-mf)] py-[var(--spacing-system-xs)]";
+var CONTROLS_BAR_CLASS = "flex flex-shrink-0 flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card";
+var CONTROLS_ROW_CLASS = "flex items-center justify-between gap-[var(--spacing-system-mf)] px-[var(--spacing-system-mf)] py-[var(--spacing-system-xs)]";
 function RemoteDesktopView({
   deviceName,
   organizationName,
@@ -2205,59 +2206,74 @@ function RemoteDesktopView({
   children
 }) {
   const controlsBar = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_BAR_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0 rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRDW5JAMEcjs.MonitorIcon, { className: "h-4 w-4 text-ods-text-primary" }) }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TruncateText, { children: deviceName }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_ROW_CLASS, children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0 rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRDW5JAMEcjs.MonitorIcon, { className: "h-4 w-4 text-ods-text-primary" }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TruncateText, { children: deviceName }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            TruncateText,
+            {
+              variant: "h6",
+              tone: "secondary",
+              children: `Desktop \u2022 ${organizationName || "Unknown Customer"}`
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
+        onToggleChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkDFQYAYBHcjs.Button,
+          {
+            variant: "outline",
+            onClick: onToggleChat,
+            leftIcon: chatOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.ChatOffIcon, { className: "h-4 w-4 md:h-6 md:w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.ChatTextIcon, { className: "h-4 w-4 md:h-6 md:w-6" }),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only content-md:not-sr-only", children: chatOpen ? "Close Chat" : "Open Chat" })
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: actionsMenuGroups, triggerAriaLabel: "Actions" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          TruncateText,
+          _chunkDFQYAYBHcjs.Button,
           {
-            variant: "h6",
-            tone: "secondary",
-            children: `Desktop \u2022 ${organizationName || "Unknown Customer"}`
+            variant: "outline",
+            size: "icon",
+            "aria-label": "Settings",
+            onClick: onOpenSettings,
+            leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Settings01Icon, {})
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkDFQYAYBHcjs.Button,
+          {
+            variant: "outline",
+            size: "icon",
+            "aria-label": fullscreen ? "Exit fullscreen" : "Enter fullscreen",
+            onClick: fullscreen ? onExitFullscreen : onEnterFullscreen,
+            leftIcon: fullscreen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Collapse02Icon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Expand02Icon, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-[var(--spacing-system-xs)]", children: [
-      displayMenuGroups.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkFFT56TYBcjs.ActionsMenuDropdown,
-        {
-          groups: displayMenuGroups,
-          customTrigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRDW5JAMEcjs.MonitorIcon, { className: "h-4 w-4 md:h-6 md:w-6" }), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only content-md:not-sr-only", children: currentDisplayLabel }) })
-        }
-      ),
-      onToggleChat && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFQYAYBHcjs.Button,
-        {
-          variant: "outline",
-          onClick: onToggleChat,
-          leftIcon: chatOpen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.ChatOffIcon, { className: "h-4 w-4 md:h-6 md:w-6" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.ChatTextIcon, { className: "h-4 w-4 md:h-6 md:w-6" }),
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only content-md:not-sr-only", children: chatOpen ? "Close Chat" : "Open Chat" })
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFFT56TYBcjs.ActionsMenuDropdown, { groups: actionsMenuGroups, triggerAriaLabel: "Actions" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFQYAYBHcjs.Button,
-        {
-          variant: "outline",
-          size: "icon",
-          "aria-label": "Settings",
-          onClick: onOpenSettings,
-          leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Settings01Icon, {})
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkDFQYAYBHcjs.Button,
-        {
-          variant: "outline",
-          size: "icon",
-          "aria-label": fullscreen ? "Exit fullscreen" : "Enter fullscreen",
-          onClick: fullscreen ? onExitFullscreen : onEnterFullscreen,
-          leftIcon: fullscreen ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Collapse02Icon, {}) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Expand02Icon, {})
-        }
-      )
-    ] })
+    displayMenuGroups.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkFFT56TYBcjs.ActionsMenuDropdown,
+      {
+        groups: displayMenuGroups,
+        align: "start",
+        customTrigger: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            "aria-label": "Switch display",
+            className: "flex w-full items-center gap-[var(--spacing-system-xs)] border-t border-ods-border p-[var(--spacing-system-sf)] text-left text-ods-text-primary outline-none transition-colors hover:bg-ods-bg-hover focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-focus",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRDW5JAMEcjs.MonitorIcon, { className: "h-6 w-6 shrink-0" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "min-w-0 flex-1 truncate text-h4", children: currentDisplayLabel }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.Chevron02DownIcon, { className: "h-6 w-6 shrink-0" })
+            ]
+          }
+        )
+      }
+    )
   ] });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     PageLayout,
@@ -2292,7 +2308,7 @@ function RemoteDesktopView({
 }
 function RemoteDesktopViewSkeleton({ onBack }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PageLayout, { className: PAGE_CLASS, backButton: onBack ? { label: "Back", onClick: onBack } : void 0, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_BAR_CLASS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CONTROLS_BAR_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: CONTROLS_ROW_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-[var(--spacing-system-mf)]", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPA2CKRZcjs.Skeleton, { className: "h-9 w-9 flex-shrink-0 rounded-md" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
@@ -2305,7 +2321,7 @@ function RemoteDesktopViewSkeleton({ onBack }) {
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPA2CKRZcjs.Skeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCPA2CKRZcjs.Skeleton, { className: "h-11 w-11 rounded-lg md:h-12 md:w-12" })
       ] })
-    ] }),
+    ] }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 min-w-0 flex-1 rounded-lg bg-black" })
   ] });
 }

package/dist/{chunk-NDZ5ZXOQ.cjs → chunk-LOZLHG2U.cjs}

@@ -6,10 +6,10 @@ var _chunkMA4Q5RBPcjs = require('./chunk-MA4Q5RBP.cjs');
 
 
 
-var _chunkZ3CVSPO3cjs = require('./chunk-Z3CVSPO3.cjs');
+var _chunkNQVS4G7Gcjs = require('./chunk-NQVS4G7G.cjs');
 
 
-var _chunkZ5UWW3Z2cjs = require('./chunk-Z5UWW3Z2.cjs');
+var _chunkLCLDFMDFcjs = require('./chunk-LCLDFMDF.cjs');
 
 
 
@@ -120,7 +120,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZ3CVSPO3cjs.SearchInput,
+        _chunkNQVS4G7Gcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -130,7 +130,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkZ3CVSPO3cjs.StatusFilterComponent,
+        _chunkNQVS4G7Gcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -167,7 +167,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkZ5UWW3Z2cjs.PageLayout,
+      _chunkLCLDFMDFcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -178,7 +178,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ3CVSPO3cjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNQVS4G7Gcjs.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