@flamingo-stack/openframe-frontend-core 0.0.740 → 0.0.742

package/dist/{chunk-7UIQPMBJ.cjs → chunk-L34TKFTS.cjs}

@@ -1,12 +1,12 @@
 "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 _chunkVA7OMDZOcjs = require('./chunk-VA7OMDZO.cjs');
+var _chunk4FWURR3Wcjs = require('./chunk-4FWURR3W.cjs');
 
 
 
 
-var _chunkCWRVTQUOcjs = require('./chunk-CWRVTQUO.cjs');
+var _chunkPS6T65KAcjs = require('./chunk-PS6T65KA.cjs');
 
 
 var _chunkSXGDKNVEcjs = require('./chunk-SXGDKNVE.cjs');
@@ -21,9 +21,6 @@ var _chunkBF77UKGDcjs = require('./chunk-BF77UKGD.cjs');
 var _chunkMCQY746Mcjs = require('./chunk-MCQY746M.cjs');
 
 
-var _chunkEETTUAAFcjs = require('./chunk-EETTUAAF.cjs');
-
-
 var _chunkHLNYSJLKcjs = require('./chunk-HLNYSJLK.cjs');
 
 
@@ -33,9 +30,6 @@ var _chunkG37H4CBTcjs = require('./chunk-G37H4CBT.cjs');
 var _chunkIGDNUXHOcjs = require('./chunk-IGDNUXHO.cjs');
 
 
-var _chunkMT45XX7Icjs = require('./chunk-MT45XX7I.cjs');
-
-
 var _chunkZ3VXCBKRcjs = require('./chunk-Z3VXCBKR.cjs');
 
 
@@ -51,27 +45,18 @@ var _chunkUXUYT4WKcjs = require('./chunk-UXUYT4WK.cjs');
 var _chunk5OG5ZTNMcjs = require('./chunk-5OG5ZTNM.cjs');
 
 
-var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
 
 
 
+var _chunk5MH6BRPYcjs = require('./chunk-5MH6BRPY.cjs');
 
 
-var _chunkYXKB5WREcjs = require('./chunk-YXKB5WRE.cjs');
-
-
-var _chunk7ZFCR7UYcjs = require('./chunk-7ZFCR7UY.cjs');
+var _chunkABLUMGCIcjs = require('./chunk-ABLUMGCI.cjs');
 
 
 var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
 
 
-var _chunkHTRILBJDcjs = require('./chunk-HTRILBJD.cjs');
-
-
-var _chunkK6VWTUCHcjs = require('./chunk-K6VWTUCH.cjs');
-
-
 var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 
 
@@ -177,31 +162,31 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkCWRVTQUOcjs.ShellTypeValues.POWERSHELL]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkMCQY746Mcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkCWRVTQUOcjs.ShellTypeValues.CMD]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.CMD]: {
     icon: _chunkUXUYT4WKcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkCWRVTQUOcjs.ShellTypeValues.BASH]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.BASH]: {
     icon: _chunk5OG5ZTNMcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkCWRVTQUOcjs.ShellTypeValues.PYTHON]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.PYTHON]: {
     icon: _chunkBF77UKGDcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkCWRVTQUOcjs.ShellTypeValues.NUSHELL]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkG37H4CBTcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkCWRVTQUOcjs.ShellTypeValues.DENO]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.DENO]: {
     icon: _chunkHUL6SF5Acjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkCWRVTQUOcjs.ShellTypeValues.SHELL]: {
+  [_chunkPS6T65KAcjs.ShellTypeValues.SHELL]: {
     icon: _chunk6RMATQNNcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -212,7 +197,7 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkCWRVTQUOcjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunkPS6T65KAcjs.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: [
@@ -228,11 +213,11 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkCWRVTQUOcjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunkPS6T65KAcjs.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: [
-    avatar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg", children: avatar.photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: avatar.photoUrl, alt: avatar.name, className: "object-cover", fill: true, sizes: "32px", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex size-full items-center justify-center text-ods-text-secondary text-h6", children: avatar.initials || _chunk7ZFCR7UYcjs.nameInitials.call(void 0, avatar.name) }) }),
+    avatar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg", children: avatar.photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: avatar.photoUrl, alt: avatar.name, className: "object-cover", fill: true, sizes: "32px", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex size-full items-center justify-center text-ods-text-secondary text-h6", children: avatar.initials || _chunkABLUMGCIcjs.nameInitials.call(void 0, avatar.name) }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-primary text-h4", title: value, children: value }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: label })
@@ -248,7 +233,7 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkCWRVTQUOcjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunkPS6T65KAcjs.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: [
@@ -269,133 +254,6 @@ var ScriptInfoSection = ({
 };
 ScriptInfoSection.displayName = "ScriptInfoSection";
 
-// src/components/platform/ScriptArguments.tsx
-var _lucidereact = require('lucide-react');
-
-var SECRET_MASK = "**********";
-var STORED_SECRET_KEY_HINT = "A stored secret can't be renamed \u2014 delete it and add a new one";
-var ScriptArguments = ({
-  arguments: args,
-  onArgumentsChange,
-  keyPlaceholder = "Enter Key",
-  valuePlaceholder = "Enter Value (empty=flag)",
-  addButtonLabel = "Add Script Argument",
-  addSecretButtonLabel,
-  disabled = false,
-  className,
-  titleLabel
-}) => {
-  const handleKeyChange = (id, newKey) => {
-    if (!onArgumentsChange) return;
-    const updated = args.map((arg) => arg.id === id ? { ...arg, key: newKey } : arg);
-    onArgumentsChange(updated);
-  };
-  const handleValueChange = (id, newValue) => {
-    if (!onArgumentsChange) return;
-    const updated = args.map((arg) => arg.id === id ? { ...arg, value: newValue } : arg);
-    onArgumentsChange(updated);
-  };
-  const handleDelete = (id) => {
-    if (!onArgumentsChange) return;
-    const updated = args.filter((arg) => arg.id !== id);
-    onArgumentsChange(updated);
-  };
-  const handleAdd = (secret = false) => {
-    if (!onArgumentsChange) return;
-    const newArg = {
-      id: _chunkJKX2C3I2cjs.randomId.call(void 0, ),
-      key: "",
-      value: "",
-      // Only set on a secret, so a plain pair keeps the shape it always had.
-      ...secret && { secret: true }
-    };
-    onArgumentsChange([...args, newArg]);
-  };
-  const isFirstRow = (index) => index === 0;
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col gap-2", className), children: [
-    args.map((arg, index) => {
-      const isStoredSecret = Boolean(arg.secret && arg.hasStoredValue);
-      const showsMask = isStoredSecret && !arg.value;
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-end gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          isFirstRow(index) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkK6VWTUCHcjs.Label, { spacing: "tight", children: titleLabel }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHTRILBJDcjs.Input,
-            {
-              value: arg.key,
-              onChange: (e) => handleKeyChange(arg.id, e.target.value),
-              placeholder: keyPlaceholder,
-              disabled,
-              readOnly: isStoredSecret,
-              title: isStoredSecret ? STORED_SECRET_KEY_HINT : void 0,
-              startAdornment: arg.secret ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT45XX7Icjs.LockIcon, { role: "img", "aria-label": "Secret" }) : void 0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkHTRILBJDcjs.Input,
-            {
-              type: arg.secret ? "password" : void 0,
-              autoComplete: arg.secret ? "new-password" : void 0,
-              value: arg.value,
-              onChange: (e) => handleValueChange(arg.id, e.target.value),
-              placeholder: showsMask ? SECRET_MASK : valuePlaceholder,
-              disabled,
-              className: _chunk3ATAYP36cjs.cn.call(void 0, 
-                !arg.value && "placeholder:text-ods-text-muted",
-                // The mask reads as a value that is there, not as a prompt to fill one in.
-                showsMask && "[&_input]:placeholder:text-ods-text-primary"
-              )
-            }
-          ) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2QMBXGMQcjs.Button,
-            {
-              type: "button",
-              variant: "outline",
-              size: "icon",
-              onClick: () => handleDelete(arg.id),
-              disabled,
-              "aria-label": "Delete argument",
-              leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2, { className: "size-4 content-md:size-6", color: "var(--color-error)" })
-            }
-          )
-        ] })
-      ] }, arg.id);
-    }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap justify-start gap-[var(--spacing-system-xs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "small",
-          onClick: () => handleAdd(),
-          disabled,
-          className: "self-start",
-          leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEETTUAAFcjs.PlusCircleIcon, { className: "text-ods-text-secondary" }),
-          children: addButtonLabel
-        }
-      ),
-      addSecretButtonLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk2QMBXGMQcjs.Button,
-        {
-          type: "button",
-          variant: "outline",
-          size: "small",
-          onClick: () => handleAdd(true),
-          disabled,
-          className: "self-start",
-          leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMT45XX7Icjs.LockIcon, { className: "text-ods-text-secondary" }),
-          children: addSecretButtonLabel
-        }
-      )
-    ] })
-  ] });
-};
-ScriptArguments.displayName = "ScriptArguments";
-
 // src/components/shared/onboarding/onboarding-step-card.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
 
@@ -423,7 +281,7 @@ function OnboardingStepCard({
     onSkip();
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkYXKB5WREcjs.InteractiveCard,
+    _chunk5MH6BRPYcjs.InteractiveCard,
     {
       clickable: false,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
@@ -449,7 +307,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, _chunkYXKB5WREcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5MH6BRPYcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunk2QMBXGMQcjs.Button,
                 {
@@ -460,7 +318,7 @@ function OnboardingStepCard({
                   children: step.completedText
                 }
               )
-            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXKB5WREcjs.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, _chunk5MH6BRPYcjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
             ] })
@@ -495,7 +353,7 @@ function OnboardingWalkthrough({
     isStepSkipped,
     allStepsComplete,
     markMultipleComplete
-  } = _chunkVA7OMDZOcjs.useOnboardingState.call(void 0, storageKey);
+  } = _chunk4FWURR3Wcjs.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);
@@ -577,7 +435,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: _chunkYXKB5WREcjs.SECTION_HEADING_CLASS, children: _chunkYXKB5WREcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunk5MH6BRPYcjs.SECTION_HEADING_CLASS, children: _chunk5MH6BRPYcjs.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, _chunk2QMBXGMQcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.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, 
@@ -606,5 +464,4 @@ function OnboardingWalkthrough({
 
 
 
-
-exports.ANNOUNCEMENT_DEFAULT_ICON = ANNOUNCEMENT_DEFAULT_ICON; exports.ANNOUNCEMENT_CTA_DEFAULTS = ANNOUNCEMENT_CTA_DEFAULTS; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.SoftwareInfo = SoftwareInfo; exports.SoftwareSourceBadge = SoftwareSourceBadge; exports.CveLink = CveLink; exports.ShellTypeBadge = ShellTypeBadge; exports.ScriptInfoSection = ScriptInfoSection; exports.ScriptArguments = ScriptArguments; exports.OnboardingStepCard = OnboardingStepCard; exports.OnboardingWalkthrough = OnboardingWalkthrough;
+exports.ANNOUNCEMENT_DEFAULT_ICON = ANNOUNCEMENT_DEFAULT_ICON; exports.ANNOUNCEMENT_CTA_DEFAULTS = ANNOUNCEMENT_CTA_DEFAULTS; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.SoftwareInfo = SoftwareInfo; exports.SoftwareSourceBadge = SoftwareSourceBadge; exports.CveLink = CveLink; exports.ShellTypeBadge = ShellTypeBadge; exports.ScriptInfoSection = ScriptInfoSection; exports.OnboardingStepCard = OnboardingStepCard; exports.OnboardingWalkthrough = OnboardingWalkthrough;

package/dist/{chunk-AAFW4STC.cjs → chunk-LU7TD6QS.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _chunkFICJS5OAcjs = require('./chunk-FICJS5OA.cjs');
+var _chunkKTPR66EEcjs = require('./chunk-KTPR66EE.cjs');
 
 
-var _chunkVOX4E6AXcjs = require('./chunk-VOX4E6AX.cjs');
+var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 
 // src/hooks/ui/use-drag-and-drop-enabled.ts
-var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${_chunkFICJS5OAcjs.breakpoints.md}`;
+var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${_chunkKTPR66EEcjs.breakpoints.md}`;
 function useDragAndDropEnabled() {
-  return _nullishCoalesce(_chunkFICJS5OAcjs.useMediaQuery.call(void 0, DRAG_AND_DROP_MEDIA_QUERY), () => ( false));
+  return _nullishCoalesce(_chunkKTPR66EEcjs.useMediaQuery.call(void 0, DRAG_AND_DROP_MEDIA_QUERY), () => ( false));
 }
 
 // src/hooks/ui/use-horizontal-scrollbar.ts
@@ -236,7 +236,7 @@ function useLocalStorage(key, initialValue, options) {
   });
   const validate = _optionalChain([options, 'optionalAccess', _ => _.validate]);
   const storage = _react.useMemo.call(void 0, 
-    () => _chunkVOX4E6AXcjs.createLocalStorageAdapter.call(void 0, { key, validate, logTag: `[useLocalStorage:${key}]` }),
+    () => _chunkDGFDBPO7cjs.createLocalStorageAdapter.call(void 0, { key, validate, logTag: `[useLocalStorage:${key}]` }),
     [key, validate]
   );
   const [storedValue, setStoredValue] = _react.useState.call(void 0, () => _nullishCoalesce(storage.load(), () => ( initialValue)));

package/dist/{chunk-3HPB4H4C.cjs → chunk-NTGIQP7O.cjs}

@@ -4,14 +4,14 @@
 var _chunk24I6RFVUcjs = require('./chunk-24I6RFVU.cjs');
 
 
-var _chunkPX7FY655cjs = require('./chunk-PX7FY655.cjs');
+var _chunkASMNNSUQcjs = require('./chunk-ASMNNSUQ.cjs');
 
 
-var _chunkGVTDVS5Ucjs = require('./chunk-GVTDVS5U.cjs');
+var _chunkR34JD6NPcjs = require('./chunk-R34JD6NP.cjs');
 
 
 
-var _chunkVOX4E6AXcjs = require('./chunk-VOX4E6AX.cjs');
+var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 
 
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
@@ -49,7 +49,7 @@ function useResizablePanelSize({
   storageKey
 }) {
   const storage = _react.useMemo.call(void 0, 
-    () => enabled && storageKey ? _chunkVOX4E6AXcjs.createLocalStorageAdapter.call(void 0, {
+    () => enabled && storageKey ? _chunkDGFDBPO7cjs.createLocalStorageAdapter.call(void 0, {
       key: `${storageKey}${CHOSEN_SIZE_KEY_SUFFIX}`,
       validate: isStoredPanelSize,
       logTag: `[panel-size:${storageKey}]`
@@ -63,7 +63,7 @@ function useResizablePanelSize({
   const clampSize = _react.useCallback.call(void 0, 
     (value) => {
       const ceiling = available > 0 ? Math.min(maxSize, available - reserve) : maxSize;
-      return _chunkPX7FY655cjs.clamp.call(void 0, value, minSize, Math.max(minSize, ceiling));
+      return _chunkASMNNSUQcjs.clamp.call(void 0, value, minSize, Math.max(minSize, ceiling));
     },
     [available, reserve, minSize, maxSize]
   );
@@ -396,7 +396,7 @@ 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, _chunkGVTDVS5Ucjs.ViewportBreakpoints, { children })
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkR34JD6NPcjs.ViewportBreakpoints, { children })
               }
             )
           ]
@@ -459,7 +459,7 @@ function HoverDropdown({
   const timeoutRef = _react.useRef.call(void 0, void 0);
   const containerRef = _react.useRef.call(void 0, null);
   const panelRef = _react.useRef.call(void 0, null);
-  _chunkVOX4E6AXcjs.useIsomorphicLayoutEffect.call(void 0, () => {
+  _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
     const el = panelRef.current;
     const container = containerRef.current;
     if (!el || !container) return;

package/dist/{chunk-WBANGORJ.cjs → chunk-OBODY7F3.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkKLI4OSRAcjs = require('./chunk-KLI4OSRA.cjs');
+var _chunkYQGDXH3Mcjs = require('./chunk-YQGDXH3M.cjs');
 
 
 
@@ -179,11 +179,11 @@ function UnifiedPagination({
     }, 0);
   };
   if (totalPages <= 1) {
-    return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKLI4OSRAcjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
+    return reserveSpace ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none invisible", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYQGDXH3Mcjs.Pagination, { currentPage: 1, totalPages: 1, onPageChange: () => {
     } }) }) }) : null;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKLI4OSRAcjs.Pagination,
+    _chunkYQGDXH3Mcjs.Pagination,
     {
       currentPage,
       totalPages,

package/dist/{chunk-GABDE3FM.cjs → chunk-OWGLRE74.cjs}

@@ -14,7 +14,7 @@ var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
 var _chunkHFNBMV5Mcjs = require('./chunk-HFNBMV5M.cjs');
 
 
-var _chunkNTJE6SM6cjs = require('./chunk-NTJE6SM6.cjs');
+var _chunkWI2OTGKCcjs = require('./chunk-WI2OTGKC.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -25,18 +25,18 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkIFS4AH77cjs = require('./chunk-IFS4AH77.cjs');
+var _chunkQYLIHZKZcjs = require('./chunk-QYLIHZKZ.cjs');
 
 
 
 
-var _chunk7ZFCR7UYcjs = require('./chunk-7ZFCR7UY.cjs');
+var _chunkABLUMGCIcjs = require('./chunk-ABLUMGCI.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
-var _chunkFICJS5OAcjs = require('./chunk-FICJS5OA.cjs');
+var _chunkKTPR66EEcjs = require('./chunk-KTPR66EE.cjs');
 
 
 var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
@@ -65,10 +65,10 @@ function formatTicketRelativeTime(iso) {
   if (diffMin < 60) return `${diffMin} min ago`;
   const diffHours = Math.floor(diffMin / 60);
   if (diffHours < 24) return diffHours === 1 ? "1 hour ago" : `${diffHours} hours ago`;
-  return _chunk7ZFCR7UYcjs.formatDateWithTimezone.call(void 0, date, null, "numeric");
+  return _chunkABLUMGCIcjs.formatDateWithTimezone.call(void 0, date, null, "numeric");
 }
 function formatTicketFullTimestamp(iso) {
-  return _chunk7ZFCR7UYcjs.formatDateWithTimezone.call(void 0, iso, null, "numericDateTime");
+  return _chunkABLUMGCIcjs.formatDateWithTimezone.call(void 0, iso, null, "numericDateTime");
 }
 function formatRelativeTime(timestamp) {
   return formatRelativeTimeFrom(timestamp, /* @__PURE__ */ new Date());
@@ -94,7 +94,7 @@ function formatRelativeTimeFrom(timestamp, now) {
     const weeks = Math.floor(diffInDays / 7);
     return `${weeks}w ago`;
   }
-  return _chunk7ZFCR7UYcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
+  return _chunkABLUMGCIcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
     month: "short",
     day: "numeric",
     year: targetTime.getUTCFullYear() !== now.getUTCFullYear() ? "numeric" : void 0
@@ -106,7 +106,7 @@ function formatAbsoluteDate(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatAbsoluteDate:", timestamp);
     return "Invalid date";
   }
-  return _chunk7ZFCR7UYcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkABLUMGCIcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -119,7 +119,7 @@ function formatDateTime(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatDateTime:", timestamp);
     return "Invalid date";
   }
-  return _chunk7ZFCR7UYcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkABLUMGCIcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     ...ZONED_DATE_FIELDS_MEDIUM_DATETIME,
     ...options
   });
@@ -281,13 +281,13 @@ function TicketStatusTag({
   const config = getTicketStatusConfig(status);
   const customStyle = color ? {
     "--tag-bg": color,
-    "--tag-bg-hover": _chunkIFS4AH77cjs.deriveHoverColor.call(void 0, color),
-    "--tag-bg-active": _chunkIFS4AH77cjs.deriveActiveColor.call(void 0, color),
-    color: _chunkIFS4AH77cjs.getReadableTextColor.call(void 0, color)
+    "--tag-bg-hover": _chunkQYLIHZKZcjs.deriveHoverColor.call(void 0, color),
+    "--tag-bg-active": _chunkQYLIHZKZcjs.deriveActiveColor.call(void 0, color),
+    color: _chunkQYLIHZKZcjs.getReadableTextColor.call(void 0, color)
   } : void 0;
   const customColorClasses = color ? "bg-[var(--tag-bg)] hover:bg-[var(--tag-bg-hover)] active:bg-[var(--tag-bg-active)]" : void 0;
   const tag = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk7ZFCR7UYcjs.Tag,
+    _chunkABLUMGCIcjs.Tag,
     {
       label: _nullishCoalesce(label, () => ( config.label)),
       variant: _nullishCoalesce(variant, () => ( config.variant)),
@@ -330,7 +330,7 @@ function TicketStatusTag({
           className: _chunk3ATAYP36cjs.cn.call(void 0, 
             // Reuse the tag's variant styling, but split into a label section and a
             // separated chevron section (the common dropdown-button seam).
-            _chunk7ZFCR7UYcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
+            _chunkABLUMGCIcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
             "w-fit shrink-0 items-stretch justify-start gap-0 overflow-hidden p-0",
             "disabled:cursor-not-allowed disabled:opacity-60",
             // Custom color: bg/hover/active from the CSS vars set above.
@@ -618,7 +618,7 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
         onClick: onToggle,
         className: "flex w-full cursor-pointer items-start gap-[var(--spacing-system-xsf)] p-[var(--spacing-system-sf)] text-left",
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNTJE6SM6cjs.ToolIcon, { toolType, size: 16 }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-5 w-5 shrink-0 items-center justify-center text-ods-text-secondary", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWI2OTGKCcjs.ToolIcon, { toolType, size: 16 }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
@@ -774,13 +774,13 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 
 
 var MARK_IMAGE_SIZES = "96px";
-function AgentMark({ agent, className = "", color = _chunkIFS4AH77cjs.AGENT_GLYPH_COLOR }) {
-  const identity = _chunkIFS4AH77cjs.useAgentIdentityIcon.call(void 0, agent);
+function AgentMark({ agent, className = "", color = _chunkQYLIHZKZcjs.AGENT_GLYPH_COLOR }) {
+  const identity = _chunkQYLIHZKZcjs.useAgentIdentityIcon.call(void 0, agent);
   if (_optionalChain([identity, 'optionalAccess', _15 => _15.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk3ATAYP36cjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkIFS4AH77cjs.AGENT_PICTURE_CLASS }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunk3ATAYP36cjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHOTM4UM6cjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkQYLIHZKZcjs.AGENT_PICTURE_CLASS }) });
   }
   if (_optionalChain([identity, 'optionalAccess', _16 => _16.name])) {
-    return _react.createElement.call(void 0, _chunkFICJS5OAcjs.resolveIcon.call(void 0, identity.name), {
+    return _react.createElement.call(void 0, _chunkKTPR66EEcjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
       color,