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

package/dist/{chunk-QBCDSTLE.cjs → chunk-UWJMDFDO.cjs}

@@ -1,18 +1,18 @@
 "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 _chunkZXCZYMN4cjs = require('./chunk-ZXCZYMN4.cjs');
+var _chunk4SIZCHVZcjs = require('./chunk-4SIZCHVZ.cjs');
 
 
 
 
-var _chunkUWQWMGJ7cjs = require('./chunk-UWQWMGJ7.cjs');
+var _chunkRDP5UZXQcjs = require('./chunk-RDP5UZXQ.cjs');
 
 
 
 
 
-var _chunkETYLOZOBcjs = require('./chunk-ETYLOZOB.cjs');
+var _chunkRFUOIQSGcjs = require('./chunk-RFUOIQSG.cjs');
 
 
 var _chunkF5BPGWGTcjs = require('./chunk-F5BPGWGT.cjs');
@@ -118,31 +118,31 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.POWERSHELL]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkVX4E6YSBcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.CMD]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.CMD]: {
     icon: _chunkLLSUVPQCcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.BASH]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.BASH]: {
     icon: _chunkLLSUVPQCcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.PYTHON]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.PYTHON]: {
     icon: _chunkVX4E6YSBcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.NUSHELL]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkLLSUVPQCcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.DENO]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.DENO]: {
     icon: _chunkLLSUVPQCcjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkUWQWMGJ7cjs.ShellTypeValues.SHELL]: {
+  [_chunkRDP5UZXQcjs.ShellTypeValues.SHELL]: {
     icon: _chunkLLSUVPQCcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -153,7 +153,7 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkUWQWMGJ7cjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunkRDP5UZXQcjs.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: [
@@ -169,7 +169,7 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkUWQWMGJ7cjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunkRDP5UZXQcjs.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: [
@@ -189,7 +189,7 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkUWQWMGJ7cjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunkRDP5UZXQcjs.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: [
@@ -364,7 +364,7 @@ function OnboardingStepCard({
     onSkip();
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkETYLOZOBcjs.InteractiveCard,
+    _chunkRFUOIQSGcjs.InteractiveCard,
     {
       clickable: false,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
@@ -390,7 +390,7 @@ function OnboardingStepCard({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border" })
             ] }) : isCompleted ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkETYLOZOBcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFUOIQSGcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkDFQYAYBHcjs.Button,
                 {
@@ -401,7 +401,7 @@ function OnboardingStepCard({
                   children: step.completedText
                 }
               )
-            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkETYLOZOBcjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRFUOIQSGcjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
             ] })
@@ -436,7 +436,7 @@ function OnboardingWalkthrough({
     isStepSkipped,
     allStepsComplete,
     markMultipleComplete
-  } = _chunkZXCZYMN4cjs.useOnboardingState.call(void 0, storageKey);
+  } = _chunk4SIZCHVZcjs.useOnboardingState.call(void 0, storageKey);
   const hasAutoMarkedRef = _react.useRef.call(void 0, false);
   const autoMarkingInProgressRef = _react.useRef.call(void 0, false);
   const lastCompletionStatusRef = _react.useRef.call(void 0, null);
@@ -518,7 +518,7 @@ function OnboardingWalkthrough({
   const isAllComplete = allStepsComplete(steps);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full space-y-4", className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkETYLOZOBcjs.SECTION_HEADING_CLASS, children: _chunkETYLOZOBcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkRFUOIQSGcjs.SECTION_HEADING_CLASS, children: _chunkRFUOIQSGcjs.accentSentenceMarks.call(void 0, title) }),
       isLoadingCompletion ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, spacing), children: steps.map((step) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-YEMCCYIF.js → chunk-V6B2FBZK.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useOptionalTicketLive
-} from "./chunk-JPD4NXH6.js";
+} from "./chunk-AZRI4XBP.js";
 import {
   AppLayoutDrawerContainerContext,
   AppLayoutDrawerCoordinationContext,
@@ -12,13 +12,13 @@ import {
   UnreadCountBadge,
   UnreadDot,
   useOptionalNotifications
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-7IOU6BJE.js";
 import {
   resolveActiveSection,
   useActiveSection,
   useFocusTrap,
   useNavMenus
-} from "./chunk-IWCPXJEE.js";
+} from "./chunk-3HZ6XSZC.js";
 import {
   useLocalStorage
 } from "./chunk-3K5ZLZE7.js";
@@ -28,14 +28,14 @@ import {
   OVERLAY_BACKDROP_CLASS,
   buildTicketOpenHref,
   useIsHydrated
-} from "./chunk-JH2SIWPQ.js";
+} from "./chunk-PXAKSPLZ.js";
 import {
   useHeaderHeight
 } from "./chunk-CMZ3QTFQ.js";
 import {
   CaseStudyCard,
   EntityIcon
-} from "./chunk-TTVOLEUS.js";
+} from "./chunk-GANIUMRU.js";
 import {
   SquareAvatar,
   Tag

package/dist/{chunk-JIWMBIVZ.js → chunk-VBHGJFA3.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
   ContactForm
-} from "./chunk-DCD5WZUF.js";
+} from "./chunk-6W46LVK4.js";
 import {
   DeliveryRow,
   DevCardRowContent,
   DevCardRowSkeletonList,
   DevSectionPage,
   ListEmptyState
-} from "./chunk-45F7PXUI.js";
+} from "./chunk-7HYEQKN6.js";
 import {
   EmptyState,
   UnifiedPagination
-} from "./chunk-6YPTUHM7.js";
+} from "./chunk-URW23QUM.js";
 import {
   TICKET_MARK_READ_DEBOUNCE_MS,
   TICKET_TEXT_MAX_CHARS,
   TOAST_COPY,
   isOptimistic,
   useOptionalTicketLive
-} from "./chunk-JPD4NXH6.js";
+} from "./chunk-AZRI4XBP.js";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -31,11 +31,11 @@ import {
   AlertDialogTitle,
   Textarea,
   TicketAttachmentsList
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-7IOU6BJE.js";
 import {
   toast,
   useScrollToHash
-} from "./chunk-IWCPXJEE.js";
+} from "./chunk-3HZ6XSZC.js";
 import {
   ChatAttachmentAddButton,
   ChatAttachmentChipStrip,
@@ -48,13 +48,13 @@ import {
   devSectionAnchorId,
   useChatAttachments,
   useChatIdentity
-} from "./chunk-JH2SIWPQ.js";
+} from "./chunk-PXAKSPLZ.js";
 import {
   formatRelativeTime
 } from "./chunk-2NASBO7O.js";
 import {
   ChatInput
-} from "./chunk-KBJJQFYU.js";
+} from "./chunk-ZPHOQDAE.js";
 import {
   STICKY_HEADER_OFFSET_PX,
   scrollElementIntoView
@@ -69,7 +69,7 @@ import {
   Card,
   StatusBadge,
   getStatusColorScheme
-} from "./chunk-TTVOLEUS.js";
+} from "./chunk-GANIUMRU.js";
 import {
   SquareAvatar
 } from "./chunk-IYVFSLWJ.js";
@@ -77,7 +77,7 @@ import {
   PAGE_PARAM_LIMITS,
   pageCount,
   positiveInt
-} from "./chunk-AGVXKD4K.js";
+} from "./chunk-FSQQZFVG.js";
 import {
   useRequiredChatRuntime
 } from "./chunk-E4ABZWTJ.js";

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

@@ -10,7 +10,7 @@ var _chunkA6P6DHEZcjs = require('./chunk-A6P6DHEZ.cjs');
 
 
 
-var _chunkDC4RTYWKcjs = require('./chunk-DC4RTYWK.cjs');
+var _chunkRZQGIWK3cjs = require('./chunk-RZQGIWK3.cjs');
 
 
 
@@ -2029,7 +2029,7 @@ function RemoteDesktopChatMessageRow({
           children: authorName
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunkDC4RTYWKcjs.formatTime.call(void 0, sentAt) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { suppressHydrationWarning: true, className: "shrink-0 text-ods-text-secondary text-h6", children: _chunkRZQGIWK3cjs.formatTime.call(void 0, sentAt) })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "whitespace-pre-wrap text-ods-text-primary text-h4", children: body })
   ] });
@@ -2074,7 +2074,7 @@ function RemoteDesktopChatPanel({
           message.id
         )) }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkDC4RTYWKcjs.ChatInput,
+          _chunkRZQGIWK3cjs.ChatInput,
           {
             placeholder: "Enter your Message...",
             onSend,
@@ -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" })
   ] });
 }
@@ -2415,9 +2431,9 @@ function KeepRecordingModal({
     if (!canKeep || isPending) return;
     onConfirm({ reason, description: reason === "OTHER" ? trimmed : null });
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalTitle, { children: "Keep this recording" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Keep this recording" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       KeepNotice,
       {
@@ -2455,7 +2471,7 @@ function KeepRecordingModal({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2485,9 +2501,9 @@ function ReleaseKeepingModal({
   isPending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalTitle, { children: "Release Keeping" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Release Keeping" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-[var(--spacing-system-xsf)] text-ods-text-primary text-h4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { children: [
         "Kept by ",
@@ -2504,7 +2520,7 @@ function ReleaseKeepingModal({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, KeepNotice, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVX4E6YSBcjs.HourglassIcon, { size: 24, color: "currentColor" }), title: `It will expire on ${expiresOn}`, children: dueOn ? `It was due to expire on ${dueOn}. Releasing gives it 3 days' grace, and it shows amber until then. Whoever placed the Keep is reminded the day before it goes. Nothing is deleted now.` : "Nothing is deleted now." }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "accent", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Release Keeping" })
@@ -2546,9 +2562,9 @@ function AssignTicketModal({
     if (ticketIds.length === 0 || isPending) return;
     onConfirm(ticketIds);
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalTitle, { children: "Assign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Assign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       Autocomplete,
       {
@@ -2567,7 +2583,7 @@ function AssignTicketModal({
         disabled: isPending
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2586,11 +2602,11 @@ function AssignTicketModal({
   ] });
 }
 function UnassignTicketModal({ isOpen, onClose, isPending = false, onConfirm }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.Modal, { isOpen, onClose: isPending ? () => {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.Modal, { isOpen, onClose: isPending ? () => {
   } : onClose, className: "text-left md:max-w-[600px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDC4RTYWKcjs.ModalTitle, { children: "Unassign Ticket" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRZQGIWK3cjs.ModalTitle, { children: "Unassign Ticket" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: "This Ticket will no longer be linked to this remote session. The ticket itself stays as it is, and you can assign it again anytime." }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDC4RTYWKcjs.ModalFooter, { children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkRZQGIWK3cjs.ModalFooter, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "outline", onClick: onClose, disabled: isPending, className: "flex-1 md:hidden", children: "Cancel" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden flex-1 md:block" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { type: "button", variant: "destructive", onClick: onConfirm, loading: isPending, className: "flex-1", children: "Unassign" })

package/dist/{chunk-DEZDMTBM.js → chunk-VYVPII4W.js}

@@ -2,30 +2,27 @@
 import {
   ArticleAuthorByline,
   DetailPageSkeleton
-} from "./chunk-QXZCLQNV.js";
+} from "./chunk-B5LNX4GZ.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-67QBMN4R.js";
-import {
-  useSelfFetch
-} from "./chunk-YBQQNDC7.js";
+} from "./chunk-O3MKJU6A.js";
 import {
   EntityTagBadges,
   FilterPillRow,
   LoadError,
   PageShell,
   RichMarkdownRenderer
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-7IOU6BJE.js";
 import {
   PageLayout
-} from "./chunk-LOYPRJWA.js";
+} from "./chunk-YK3X74SF.js";
 import {
   EntityVideoSection,
   VideoBitesStrip,
   resolveContentHref,
   useCaptions
-} from "./chunk-JH2SIWPQ.js";
+} from "./chunk-PXAKSPLZ.js";
 import {
   useRouter,
   useSearchParams
@@ -35,11 +32,12 @@ import {
   OnboardingGuideCard,
   OnboardingGuideCardSkeleton,
   toStripProfile,
+  useSelfFetch,
   useVideoWarmup
-} from "./chunk-TTVOLEUS.js";
+} from "./chunk-GANIUMRU.js";
 import {
   buildOgPlaceholderUrl
-} from "./chunk-AGVXKD4K.js";
+} from "./chunk-FSQQZFVG.js";
 import {
   useChatRuntime
 } from "./chunk-E4ABZWTJ.js";

package/dist/{chunk-MM7MCIXL.js → chunk-VYZCKY5K.js}

@@ -3,34 +3,31 @@ import {
   FileDownloadCard,
   GoogleSheetsViewer,
   PdfViewer
-} from "./chunk-SGFTTJKO.js";
+} from "./chunk-LO3KCLEF.js";
 import {
   MobileNavigationDropdown,
   MultiLevelNavigation,
   StickySectionNav,
   useScrollSpy
-} from "./chunk-NZ5BHDFZ.js";
+} from "./chunk-XW3Q623Q.js";
 import {
   DocSearchBar,
   useDocSearch
-} from "./chunk-67QBMN4R.js";
+} from "./chunk-O3MKJU6A.js";
 import {
   CategorySidebarSkeleton,
   FigmaEmbed,
   PageShell
-} from "./chunk-N2PF5CFX.js";
+} from "./chunk-7IOU6BJE.js";
 import {
   PageLayout
-} from "./chunk-LOYPRJWA.js";
-import {
-  contentFetch
-} from "./chunk-G3GRYDMS.js";
+} from "./chunk-YK3X74SF.js";
 import {
   DEFAULT_FOLDER_INDEX_FILE,
   findDocNodeByPath,
   getDocAncestorNodeIds,
   stripFolderIndexFromPath
-} from "./chunk-JH2SIWPQ.js";
+} from "./chunk-PXAKSPLZ.js";
 import {
   HUB_HEADER_OFFSET_PX,
   navigateSamePageHash,
@@ -42,6 +39,9 @@ import {
 import {
   useRouter
 } from "./chunk-GY4IZG22.js";
+import {
+  contentFetch
+} from "./chunk-FSQQZFVG.js";
 import {
   useChatRuntime
 } from "./chunk-E4ABZWTJ.js";

package/dist/{chunk-E7YCPY7K.cjs → chunk-XSM46FHD.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkUWQWMGJ7cjs = require('./chunk-UWQWMGJ7.cjs');
+var _chunkRDP5UZXQcjs = require('./chunk-RDP5UZXQ.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
@@ -42,7 +42,7 @@ function isSummaryData(value) {
 }
 function TicketLiveProvider({ children, enabled = true }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
-  const identity = _chunkUWQWMGJ7cjs.useChatIdentity.call(void 0, enabled);
+  const identity = _chunkRDP5UZXQcjs.useChatIdentity.call(void 0, enabled);
   const queryClient = _reactquery.useQueryClient.call(void 0, );
   const streamUrl = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _ => _.endpoints, 'access', _2 => _2.ticketStreamUrl]), () => ( TICKET_STREAM_ENDPOINT));
   const readUrl = _nullishCoalesce(_optionalChain([runtime, 'optionalAccess', _3 => _3.endpoints, 'access', _4 => _4.ticketReadUrl]), () => ( TICKET_READ_ENDPOINT));
@@ -158,7 +158,7 @@ function TicketLiveProvider({ children, enabled = true }) {
   _react2.default.useEffect(() => {
     if (!streamEnabled) return void 0;
     if (typeof window === "undefined") return void 0;
-    subscriptionRef.current = _chunkUWQWMGJ7cjs.createSseSubscription.call(void 0, {
+    subscriptionRef.current = _chunkRDP5UZXQcjs.createSseSubscription.call(void 0, {
       url: streamUrl,
       onEvent: (name, data) => handlersRef.current.onEvent(name, data),
       onStatusChange: (status) => handlersRef.current.onStatus(status),

package/dist/{chunk-NZ5BHDFZ.js → chunk-XW3Q623Q.js}

@@ -2,7 +2,7 @@
 import {
   DEFAULT_FOLDER_INDEX_FILE,
   ScrollShadow
-} from "./chunk-JH2SIWPQ.js";
+} from "./chunk-PXAKSPLZ.js";
 import {
   ACTIVE_ANCHOR_ATTRIBUTE,
   declaredScrollMarginTop,