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

package/dist/{chunk-T7SDYBST.cjs → chunk-BE4OUWTA.cjs}

@@ -5,7 +5,7 @@
 
 
 
-var _chunkVZKAAXU3cjs = require('./chunk-VZKAAXU3.cjs');
+var _chunkFS7CBRF4cjs = require('./chunk-FS7CBRF4.cjs');
 
 
 var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
@@ -14,7 +14,7 @@ var _chunkC7GIHB3Vcjs = require('./chunk-C7GIHB3V.cjs');
 var _chunkHFNBMV5Mcjs = require('./chunk-HFNBMV5M.cjs');
 
 
-var _chunk2OYKOHFKcjs = require('./chunk-2OYKOHFK.cjs');
+var _chunkLUWYWYNCcjs = require('./chunk-LUWYWYNC.cjs');
 
 
 var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
@@ -25,33 +25,33 @@ var _chunkSKI6NKOEcjs = require('./chunk-SKI6NKOE.cjs');
 
 
 
-var _chunkQ7HXTF2Ccjs = require('./chunk-Q7HXTF2C.cjs');
+var _chunkDYF6XB27cjs = require('./chunk-DYF6XB27.cjs');
 
 
 
 
 
-var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
 var _chunkRUHKTWGBcjs = require('./chunk-RUHKTWGB.cjs');
 
 
-var _chunkIYU2ZH2Jcjs = require('./chunk-IYU2ZH2J.cjs');
+var _chunkCS5SZJFVcjs = require('./chunk-CS5SZJFV.cjs');
 
 
-var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
+var _chunk5WMRVMXHcjs = require('./chunk-5WMRVMXH.cjs');
 
 
 
-var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
-var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 // src/utils/date-utils.ts
 var ZONED_DATE_FIELDS_MEDIUM_DATETIME = {
@@ -71,12 +71,12 @@ 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 _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, date, _chunkAFJEUBDScjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, date, _chunkZJS45HQZcjs.VIEWER_TIMEZONE, "numeric", { viewerLocale: true });
 }
 function formatTicketFullTimestamp(iso) {
-  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, 
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, 
     iso,
-    _chunkAFJEUBDScjs.VIEWER_TIMEZONE,
+    _chunkZJS45HQZcjs.VIEWER_TIMEZONE,
     { year: "numeric", month: "2-digit", day: "2-digit", hour: "numeric", minute: "2-digit" },
     { viewerLocale: true }
   );
@@ -105,7 +105,7 @@ function formatRelativeTimeFrom(timestamp, now) {
     const weeks = Math.floor(diffInDays / 7);
     return `${weeks}w ago`;
   }
-  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, targetTime, null, {
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, targetTime, null, {
     month: "short",
     day: "numeric",
     year: targetTime.getUTCFullYear() !== now.getUTCFullYear() ? "numeric" : void 0
@@ -117,7 +117,7 @@ function formatAbsoluteDate(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatAbsoluteDate:", timestamp);
     return "Invalid date";
   }
-  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     year: "numeric",
     month: "short",
     day: "numeric",
@@ -130,7 +130,7 @@ function formatDateTime(timestamp, options = {}) {
     console.warn("\u26A0\uFE0F Invalid timestamp in formatDateTime:", timestamp);
     return "Invalid date";
   }
-  return _chunkAFJEUBDScjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, targetTime, _nullishCoalesce(options.timeZone, () => ( null)), {
     ...ZONED_DATE_FIELDS_MEDIUM_DATETIME,
     ...options
   });
@@ -175,8 +175,8 @@ function createUTCTimestamp() {
 var _jsxruntime = require('react/jsx-runtime');
 var SWATCH_CLASS = "inline-block size-4 shrink-0 rounded-sm";
 function ColorSwatch({ color, className }) {
-  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, SWATCH_CLASS, className) });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: _chunkN6YCOBLKcjs.cn.call(void 0, SWATCH_CLASS, className), style: { backgroundColor: color } });
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, )) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { "aria-hidden": true, className: _chunkMGEUZRNQcjs.cn.call(void 0, SWATCH_CLASS, className) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: _chunkMGEUZRNQcjs.cn.call(void 0, SWATCH_CLASS, className), style: { backgroundColor: color } });
 }
 
 // src/components/ui/ticket-status-tag.tsx
@@ -285,37 +285,37 @@ function TicketStatusTag({
   disabledReason,
   loading: loadingProp = false
 }) {
-  const loading = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingProp;
+  const loading = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loadingProp;
   const config = getTicketStatusConfig(status);
   const customStyle = color ? {
     "--tag-bg": color,
-    "--tag-bg-hover": _chunkQ7HXTF2Ccjs.deriveHoverColor.call(void 0, color),
-    "--tag-bg-active": _chunkQ7HXTF2Ccjs.deriveActiveColor.call(void 0, color),
-    color: _chunkQ7HXTF2Ccjs.getReadableTextColor.call(void 0, color)
+    "--tag-bg-hover": _chunkDYF6XB27cjs.deriveHoverColor.call(void 0, color),
+    "--tag-bg-active": _chunkDYF6XB27cjs.deriveActiveColor.call(void 0, color),
+    color: _chunkDYF6XB27cjs.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, 
-    _chunkAFJEUBDScjs.Tag,
+    _chunkZJS45HQZcjs.Tag,
     {
       loading,
       label: _nullishCoalesce(label, () => ( config.label)),
       variant: _nullishCoalesce(variant, () => ( config.variant)),
       icon: showIcon ? config.icon : void 0,
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-fit shrink-0", customColorClasses, className),
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, "w-fit shrink-0", customColorClasses, className),
       style: customStyle
     }
   );
   if (loading || disabled || !options || options.length === 0 || !onSelect) {
     if (!loading && disabled && disabledReason) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVZKAAXU3cjs.Tooltip, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-fit shrink-0 cursor-not-allowed", children: tag }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVZKAAXU3cjs.TooltipContent, { children: disabledReason })
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFS7CBRF4cjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "w-fit shrink-0 cursor-not-allowed", children: tag }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFS7CBRF4cjs.TooltipContent, { children: disabledReason })
       ] }) });
     }
     return tag;
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkVZKAAXU3cjs.ActionsMenuDropdown,
+    _chunkFS7CBRF4cjs.ActionsMenuDropdown,
     {
       align: "start",
       groups: [
@@ -333,22 +333,22 @@ function TicketStatusTag({
         // The tag IS the control's look (its status colour), so the button contributes the click, the focus ring and
         // the menu semantics and no surface of its own (`glyph` + `wrap`).
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCDBFQVPAcjs.Button,
+          _chunkFLS6DZENcjs.Button,
           {
             variant: "glyph",
             size: "wrap",
             type: "button",
             disabled: isPending,
             "aria-label": "Change status",
-            className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-fit shrink-0", className),
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, "w-fit shrink-0", className),
             children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               "span",
               {
                 style: customStyle,
-                className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+                className: _chunkMGEUZRNQcjs.cn.call(void 0, 
                   // The tag's variant styling, split into a label section and a separated chevron section (the common
                   // dropdown-button seam). Custom color: bg/hover/active from the CSS vars set above.
-                  _chunkAFJEUBDScjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
+                  _chunkZJS45HQZcjs.tagVariants.call(void 0, { variant: _nullishCoalesce(variant, () => ( config.variant)) }),
                   "items-stretch justify-start gap-0 overflow-hidden p-0",
                   customColorClasses
                 ),
@@ -374,13 +374,13 @@ function StatusLine({ tone, label, className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "span",
     {
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "inline-flex items-center gap-1.5 whitespace-nowrap text-h6",
         tone === "waiting" ? "text-ods-warning" : tone === "error" ? "text-ods-error" : tone === "muted" ? "text-ods-text-secondary" : "text-ods-text-primary",
         className
       ),
       children: [
-        tone === "working" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "h-2 w-2 shrink-0 rounded-full bg-ods-flamingo-cyan", _chunkYNDH72VUcjs.LIVE_PULSE_CLASS), "aria-hidden": true }),
+        tone === "working" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "h-2 w-2 shrink-0 rounded-full bg-ods-flamingo-cyan", _chunkNNNRN4OFcjs.LIVE_PULSE_CLASS), "aria-hidden": true }),
         tone === "success" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHFNBMV5Mcjs.CheckCircleIcon, { size: 16, className: "shrink-0 text-ods-success", "aria-hidden": true }),
         tone === "error" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRUHKTWGBcjs.XmarkCircleIcon, { size: 16, className: "shrink-0 text-ods-error", "aria-hidden": true }),
         label
@@ -395,7 +395,7 @@ function ExpandChevron({ expanded, className }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkSKI6NKOEcjs.Chevron02DownIcon,
     {
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "h-4 w-4 shrink-0 text-ods-text-secondary transition-transform duration-200",
         expanded && "rotate-180",
         className
@@ -563,19 +563,19 @@ function ResultBlock({ result, className }) {
   const formatted = formatToolResult(result);
   if (!formatted.text) return null;
   if (formatted.kind === "inline") {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary", children: "Result:" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "break-all text-ods-text-primary", children: formatted.text })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex w-full flex-col items-start gap-[var(--spacing-system-xxs)]", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary", children: "Result:" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: CODE_PRE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children: formatted.text }) })
   ] });
 }
 function CommandBlock({ command, className }) {
   if (!command) return null;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: _chunkN6YCOBLKcjs.cn.call(void 0, CODE_PRE_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children: command }) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "pre", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CODE_PRE_CLASS, className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { children: command }) });
 }
 
 // src/components/chat/approval-batch-message.tsx
@@ -623,12 +623,12 @@ function ToolCallRow({ call, expanded, onToggle, batchStatus, execution, showExe
   const result = _optionalChain([execution, 'optionalAccess', _ => _.status]) === "done" ? execution.result : void 0;
   const hasExpandableBody = args.length > 0 || typeof result === "string" && result.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start border-b border-ods-border bg-ods-card last:border-b-0", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "row", type: "button", onClick: onToggle, "aria-expanded": expanded, 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, _chunk2OYKOHFKcjs.ToolIcon, { toolType, size: 16 }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "row", type: "button", onClick: onToggle, "aria-expanded": expanded, 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, _chunkLUWYWYNCcjs.ToolIcon, { toolType, size: 16 }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         "div",
         {
-          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "min-w-0 flex-1 text-h6",
             expanded ? "whitespace-pre-wrap break-all text-ods-text-primary" : "line-clamp-2 max-h-10 break-all text-ods-text-secondary"
           ),
@@ -687,13 +687,13 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     };
     const actionButtons = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCDBFQVPAcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           size: "small-legacy",
           variant: "accent",
           onClick: handleApprove,
           disabled: isProcessing,
-          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "bg-ods-accent hover:bg-ods-accent/90",
             "text-ods-bg text-h5",
             "h-8 px-[var(--spacing-system-xsf)]"
@@ -702,13 +702,13 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkCDBFQVPAcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           size: "small-legacy",
           variant: "outline",
           onClick: handleReject,
           disabled: isProcessing,
-          className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+          className: _chunkMGEUZRNQcjs.cn.call(void 0, 
             "border-ods-border bg-ods-card",
             "text-ods-text-primary text-h5",
             "h-8 px-[var(--spacing-system-xsf)] hover:bg-ods-bg"
@@ -719,7 +719,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
     ] });
     if (isClient) {
       const titles = data.toolCalls.map((c) => _optionalChain([c, 'access', _7 => _7.toolExplanation, 'optionalAccess', _8 => _8.trim, 'call', _9 => _9()]) || _optionalChain([c, 'access', _10 => _10.toolTitle, 'optionalAccess', _11 => _11.trim, 'call', _12 => _12()])).filter((s) => !!s);
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkN6YCOBLKcjs.cn.call(void 0, "mb-[var(--spacing-system-xsf)]", CHAT_BLOCK_CLASS, className), ...props, children: [
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, className: _chunkMGEUZRNQcjs.cn.call(void 0, "mb-[var(--spacing-system-xsf)]", CHAT_BLOCK_CLASS, className), ...props, children: [
         titles.length > 0 ? titles.map((title, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full whitespace-pre-line break-words text-ods-text-primary text-h4", children: title }, i)) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "w-full text-ods-text-primary text-h4", children: "Approval required" }),
         showFooterActions && status === "pending" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ApprovalWaitingLine, {}),
         showFooterActions && (status === "pending" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center gap-[var(--spacing-system-xsf)]", children: actionButtons }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ApprovalStatusTag, { status, resolvedByName, inlineResolver: true }) }))
@@ -730,7 +730,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
       "div",
       {
         ref,
-        className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+        className: _chunkMGEUZRNQcjs.cn.call(void 0, 
           "mb-[var(--spacing-system-xsf)] flex flex-col overflow-hidden",
           CHAT_BLOCK_FRAME_CLASS,
           className
@@ -740,7 +740,7 @@ var ApprovalBatchMessage = _react.forwardRef.call(void 0,
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "div",
             {
-              className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex flex-col", maxBodyHeight != null && "overflow-y-auto overscroll-contain"),
+              className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col", maxBodyHeight != null && "overflow-y-auto overscroll-contain"),
               style: maxBodyHeight != null ? { maxHeight: maxBodyHeight } : void 0,
               children: data.toolCalls.map((call) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 ToolCallRow,
@@ -778,13 +778,13 @@ ApprovalBatchMessage.displayName = "ApprovalBatchMessage";
 
 
 var MARK_IMAGE_SIZES = "96px";
-function AgentMark({ agent, className = "", color = _chunkQ7HXTF2Ccjs.AGENT_GLYPH_COLOR }) {
-  const identity = _chunkQ7HXTF2Ccjs.useAgentIdentityIcon.call(void 0, agent);
+function AgentMark({ agent, className = "", color = _chunkDYF6XB27cjs.AGENT_GLYPH_COLOR }) {
+  const identity = _chunkDYF6XB27cjs.useAgentIdentityIcon.call(void 0, agent);
   if (_optionalChain([identity, 'optionalAccess', _15 => _15.url])) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunkN6YCOBLKcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3VINTJPEcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkQ7HXTF2Ccjs.AGENT_PICTURE_CLASS }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: _chunkMGEUZRNQcjs.cn.call(void 0, "relative inline-block overflow-hidden rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5WMRVMXHcjs.next_image_default, { src: identity.url, alt: "", fill: true, sizes: MARK_IMAGE_SIZES, className: _chunkDYF6XB27cjs.AGENT_PICTURE_CLASS }) });
   }
   if (_optionalChain([identity, 'optionalAccess', _16 => _16.name])) {
-    return _react.createElement.call(void 0, _chunkIYU2ZH2Jcjs.resolveIcon.call(void 0, identity.name), {
+    return _react.createElement.call(void 0, _chunkCS5SZJFVcjs.resolveIcon.call(void 0, identity.name), {
       className,
       "aria-hidden": true,
       color,
@@ -795,11 +795,11 @@ function AgentMark({ agent, className = "", color = _chunkQ7HXTF2Ccjs.AGENT_GLYP
 }
 var AGENT_AVATAR_FRAME_CLASS = "inline-flex shrink-0 overflow-hidden rounded-full";
 function AgentAvatar({ agent, size, className, loading = false }) {
-  if (_chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentAvatarSkeleton, { size, className });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), style: { width: size, height: size }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentMark, { agent, className: "h-full w-full" }) });
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentAvatarSkeleton, { size, className });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), style: { width: size, height: size }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AgentMark, { agent, className: "h-full w-full" }) });
 }
 function AgentAvatarSkeleton({ size, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { as: "span", className: _chunkN6YCOBLKcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), width: size, height: size });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { as: "span", className: _chunkMGEUZRNQcjs.cn.call(void 0, AGENT_AVATAR_FRAME_CLASS, className), width: size, height: size });
 }
 
 

package/dist/{chunk-YKJ4JN6T.cjs → chunk-C42BXIY7.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 _chunkZV6RQNXEcjs = require('./chunk-ZV6RQNXE.cjs');
+var _chunkCBKXU77Hcjs = require('./chunk-CBKXU77H.cjs');
 
 
 
 
-var _chunkHLZUBJPLcjs = require('./chunk-HLZUBJPL.cjs');
+var _chunkN7QNWHJAcjs = require('./chunk-N7QNWHJA.cjs');
 
 
 var _chunkSXGDKNVEcjs = require('./chunk-SXGDKNVE.cjs');
@@ -47,26 +47,26 @@ var _chunk5OG5ZTNMcjs = require('./chunk-5OG5ZTNM.cjs');
 
 
 
-var _chunkOHXB6HUXcjs = require('./chunk-OHXB6HUX.cjs');
+var _chunk5XAWVXNIcjs = require('./chunk-5XAWVXNI.cjs');
 
 
-var _chunkJQWYXC2Ecjs = require('./chunk-JQWYXC2E.cjs');
+var _chunkODDUGLYFcjs = require('./chunk-ODDUGLYF.cjs');
 
 
-var _chunkAFJEUBDScjs = require('./chunk-AFJEUBDS.cjs');
+var _chunkZJS45HQZcjs = require('./chunk-ZJS45HQZ.cjs');
 
 
-var _chunk3VINTJPEcjs = require('./chunk-3VINTJPE.cjs');
+var _chunk5WMRVMXHcjs = require('./chunk-5WMRVMXH.cjs');
 
 
-var _chunkYNDH72VUcjs = require('./chunk-YNDH72VU.cjs');
+var _chunkNNNRN4OFcjs = require('./chunk-NNNRN4OF.cjs');
 
 
-var _chunkCDBFQVPAcjs = require('./chunk-CDBFQVPA.cjs');
+var _chunkFLS6DZENcjs = require('./chunk-FLS6DZEN.cjs');
 
 
 
-var _chunkN6YCOBLKcjs = require('./chunk-N6YCOBLK.cjs');
+var _chunkMGEUZRNQcjs = require('./chunk-MGEUZRNQ.cjs');
 
 
 var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
@@ -96,7 +96,7 @@ var AVAILABLE_SVG_ICONS = [
 // src/components/platform/SoftwareInfo.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var SoftwareInfo = ({ name, vendor, version, className }) => {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "flex flex-col gap-1", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col gap-1", className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-primary text-h4", children: name }),
       version && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded bg-ods-bg-surface px-2 py-1 text-ods-text-secondary text-h6", children: version })
@@ -130,7 +130,7 @@ var sourceConfig = {
 };
 var SoftwareSourceBadge = ({ source, className }) => {
   const config = sourceConfig[source] || { label: source, icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLNYSJLKcjs.PackageClassicIcon, { className: "h-4 w-4" }) };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "inline-flex items-center gap-2 text-ods-text-primary", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "inline-flex items-center gap-2 text-ods-text-primary", className), children: [
     config.icon,
     config.label
   ] });
@@ -147,7 +147,7 @@ var CveLink = ({ cveId, className }) => {
       href: nistUrl,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "group inline-flex items-center gap-2 text-ods-text-primary transition-colors text-code hover:text-ods-accent",
         className
       ),
@@ -169,31 +169,31 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkHLZUBJPLcjs.ShellTypeValues.POWERSHELL]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkMCQY746Mcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkHLZUBJPLcjs.ShellTypeValues.CMD]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.CMD]: {
     icon: _chunkUXUYT4WKcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkHLZUBJPLcjs.ShellTypeValues.BASH]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.BASH]: {
     icon: _chunk5OG5ZTNMcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkHLZUBJPLcjs.ShellTypeValues.PYTHON]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.PYTHON]: {
     icon: _chunkBF77UKGDcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkHLZUBJPLcjs.ShellTypeValues.NUSHELL]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkG37H4CBTcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkHLZUBJPLcjs.ShellTypeValues.DENO]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.DENO]: {
     icon: _chunkHUL6SF5Acjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkHLZUBJPLcjs.ShellTypeValues.SHELL]: {
+  [_chunkN7QNWHJAcjs.ShellTypeValues.SHELL]: {
     icon: _chunk6RMATQNNcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -204,11 +204,11 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkHLZUBJPLcjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunkN7QNWHJAcjs.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: _chunkN6YCOBLKcjs.cn.call(void 0, "flex items-center gap-1", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { size: 16, className: _chunkN6YCOBLKcjs.cn.call(void 0, defaultIconClassName, iconClassName) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex items-center gap-1", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { size: 16, className: _chunkMGEUZRNQcjs.cn.call(void 0, defaultIconClassName, iconClassName) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: label })
   ] });
 };
@@ -220,11 +220,11 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkHLZUBJPLcjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunkN7QNWHJAcjs.getOSLabel.call(void 0, platform)).join(", ");
 }
 function InfoCell({ label, value, avatar, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.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, _chunk3VINTJPEcjs.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 || _chunkAFJEUBDScjs.nameInitials.call(void 0, avatar.name) }) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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, _chunk5WMRVMXHcjs.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 || _chunkZJS45HQZcjs.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 })
@@ -240,9 +240,9 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkHLZUBJPLcjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunkN7QNWHJAcjs.getShellLabel.call(void 0, shellType);
   const platformsLabel = formatSupportedPlatforms(supportedPlatforms);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h4", children: headline }),
       subheadline && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "break-words text-ods-text-secondary text-h6", children: subheadline })
@@ -288,10 +288,10 @@ function OnboardingStepCard({
     onSkip();
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkOHXB6HUXcjs.InteractiveCard,
+    _chunk5XAWVXNIcjs.InteractiveCard,
     {
       clickable: false,
-      className: _chunkN6YCOBLKcjs.cn.call(void 0, 
+      className: _chunkMGEUZRNQcjs.cn.call(void 0, 
         "rounded-[6px] border border-ods-border bg-ods-card",
         "flex flex-col md:flex-row",
         "min-h-[80px] md:h-[80px]",
@@ -311,12 +311,12 @@ function OnboardingStepCard({
             className: "flex w-full shrink-0 items-center justify-start gap-2 md:w-auto md:justify-end",
             onClick: (e) => e.stopPropagation(),
             children: isCheckingCompletion ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded-[6px]" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded-[6px]" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded-[6px]" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded-[6px]" })
             ] }) : isCompleted ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkCDBFQVPAcjs.Button,
+                _chunkFLS6DZENcjs.Button,
                 {
                   variant: "outline",
                   onClick: handleAction,
@@ -325,9 +325,9 @@ function OnboardingStepCard({
                   children: step.completedText
                 }
               )
-            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJQWYXC2Ecjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
+            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
             ] })
           }
         )
@@ -350,7 +350,7 @@ function OnboardingWalkthrough({
   completionStatus,
   isLoadingCompletion: loadingCompletionGiven = false
 }) {
-  const isLoadingCompletion = _chunkN6YCOBLKcjs.useLoadingScope.call(void 0, ) || loadingCompletionGiven;
+  const isLoadingCompletion = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loadingCompletionGiven;
   const {
     state,
     markComplete,
@@ -361,7 +361,7 @@ function OnboardingWalkthrough({
     isStepSkipped,
     allStepsComplete,
     markMultipleComplete
-  } = _chunkZV6RQNXEcjs.useOnboardingState.call(void 0, storageKey);
+  } = _chunkCBKXU77Hcjs.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);
@@ -441,12 +441,12 @@ function OnboardingWalkthrough({
     return renderDismissed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: renderDismissed(resetOnboarding) }) : null;
   }
   const isAllComplete = allStepsComplete(steps);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, "w-full space-y-4", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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: _chunkOHXB6HUXcjs.SECTION_HEADING_CLASS, children: _chunkOHXB6HUXcjs.accentSentenceMarks.call(void 0, title) }),
-      isLoadingCompletion ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYNDH72VUcjs.UnifiedSkeleton, { className: "h-[48px] w-full rounded-[6px] md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCDBFQVPAcjs.Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunk5XAWVXNIcjs.SECTION_HEADING_CLASS, children: _chunk5XAWVXNIcjs.accentSentenceMarks.call(void 0, title) }),
+      isLoadingCompletion ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "h-[48px] w-full rounded-[6px] md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkN6YCOBLKcjs.cn.call(void 0, spacing), children: steps.map((step) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, spacing), children: steps.map((step) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       OnboardingStepCard,
       {
         step,