@humain/ui 2.1.60 → 2.1.63

package/dist/wc/workflow-step-renderer.js

@@ -1,12 +1,12 @@
 import { a as q } from "./rolldown-runtime.js";
-import { i as A, t as L } from "./vendor/react.js";
+import { i as $, t as A } from "./vendor/react.js";
 import { n as f, t as R } from "./utils.js";
 import { t as W } from "./createLucideIcon.js";
-import { t as V } from "./check.js";
-import { t as P } from "./chevron-down.js";
-import { t as F } from "./chevron-right.js";
+import { t as L } from "./check.js";
+import { t as V } from "./chevron-down.js";
+import { t as P } from "./chevron-right.js";
 import { t as E } from "./circle-alert.js";
-import { t as $ } from "./react.js";
+import { t as F } from "./react.js";
 import { t as B } from "./AnimatePresence.js";
 import { t as K } from "./use-reduced-motion.js";
 import { t as _ } from "./dist.js";
@@ -57,7 +57,7 @@ var O = [
   height: "18",
   rx: "1",
   key: "1wsw3u"
-}]], G = W("pause", U), l = /* @__PURE__ */ q(A(), 1), t = L(), H = {
+}]], G = W("pause", U), c = /* @__PURE__ */ q($(), 1), t = A(), H = {
   pending: "text-muted-foreground",
   running: "text-primary",
   suspended: "text-warning",
@@ -100,7 +100,14 @@ function Y(e, r) {
   return e.length === r.length && e.every((s, n) => s === r[n]);
 }
 function Z(e) {
-  return e < 1e3 ? `${e}ms` : `${(e / 1e3).toFixed(1)}s`;
+  if (e < 1e3) return `${e}ms`;
+  if (e < 6e4) return `${(e / 1e3).toFixed(1)}s`;
+  const r = Math.floor(e / 1e3), s = Math.floor(r / 3600), n = Math.floor(r % 3600 / 60), o = r % 60;
+  return [
+    s > 0 ? `${s}h` : null,
+    n > 0 ? `${n}m` : null,
+    o > 0 ? `${o}s` : null
+  ].filter((l) => l !== null).join(" ");
 }
 function ee(e) {
   return typeof e == "object" && e !== null && Symbol.iterator in e && typeof e[Symbol.iterator] == "function";
@@ -111,15 +118,15 @@ function te(e) {
 var z = /* @__PURE__ */ new WeakMap();
 function re(e, r) {
   const s = [];
-  let n = !1, d = !Array.isArray(e);
-  for (let c = r.next(); !c.done; c = r.next()) {
-    const u = S(c.value);
-    s.push(u.content), n ||= u.hasRenderableContent, d ||= u.changed;
+  let n = !1, o = !Array.isArray(e);
+  for (let l = r.next(); !l.done; l = r.next()) {
+    const u = S(l.value);
+    s.push(u.content), n ||= u.hasRenderableContent, o ||= u.changed;
   }
   return {
-    content: d ? s : e,
+    content: o ? s : e,
     hasRenderableContent: n,
-    changed: d
+    changed: o
   };
 }
 function S(e) {
@@ -133,15 +140,15 @@ function S(e) {
     hasRenderableContent: !0,
     changed: !1
   };
-  if (l.isValidElement(e)) {
-    if (e.type !== l.Fragment) return {
+  if (c.isValidElement(e)) {
+    if (e.type !== c.Fragment) return {
       content: e,
       hasRenderableContent: !0,
       changed: !1
     };
     const r = S(e.props.children);
     return {
-      content: r.changed ? l.cloneElement(e, void 0, r.content) : e,
+      content: r.changed ? c.cloneElement(e, void 0, r.content) : e,
       hasRenderableContent: r.hasRenderableContent,
       changed: r.changed
     };
@@ -149,8 +156,8 @@ function S(e) {
   if (ee(e)) {
     const r = e[Symbol.iterator](), s = te(r) ? r : null;
     if (s !== null) {
-      const d = z.get(s);
-      if (d !== void 0) return d;
+      const o = z.get(s);
+      if (o !== void 0) return o;
     }
     const n = re(e, r);
     return s !== null && z.set(s, n), n;
@@ -180,7 +187,7 @@ function se(e) {
       return R(e);
   }
 }
-function D({ status: e, index: r, className: s }) {
+function M({ status: e, index: r, className: s }) {
   const n = f(Q({ status: e }), s);
   switch (e) {
     case "pending":
@@ -208,7 +215,7 @@ function D({ status: e, index: r, className: s }) {
       return /* @__PURE__ */ (0, t.jsx)("div", {
         "data-slot": "workflow-step-icon",
         className: f(n, "delight-check-bounce motion-reduce:!animate-none"),
-        children: /* @__PURE__ */ (0, t.jsx)(V, { className: "size-3" })
+        children: /* @__PURE__ */ (0, t.jsx)(L, { className: "size-3" })
       });
     case "error":
       return /* @__PURE__ */ (0, t.jsx)("div", {
@@ -220,10 +227,10 @@ function D({ status: e, index: r, className: s }) {
       return R(e);
   }
 }
-D.displayName = "WorkflowStepStatusIcon";
-function M({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot: d = "workflow-step-item", expandable: c = !0, expanded: u, active: b = !1, onExpandedChange: j }) {
-  const k = l.useId(), i = l.useId(), p = S(e.content), y = p.hasRenderableContent, h = ne(e.error), m = h !== void 0, x = y || m, v = x && c, N = K(), g = X[n], o = { duration: N ? 0 : 0.2 }, a = /* @__PURE__ */ (0, t.jsxs)(t.Fragment, { children: [
-    /* @__PURE__ */ (0, t.jsx)(D, {
+M.displayName = "WorkflowStepStatusIcon";
+function D({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot: o = "workflow-step-item", expandable: l = !0, expanded: u, active: b = !1, onExpandedChange: j }) {
+  const k = c.useId(), d = c.useId(), p = S(e.content), y = p.hasRenderableContent, h = ne(e.error), m = h !== void 0, x = y || m, v = x && l, N = K(), g = X[n], i = { duration: N ? 0 : 0.2 }, a = /* @__PURE__ */ (0, t.jsxs)(t.Fragment, { children: [
+    /* @__PURE__ */ (0, t.jsx)(M, {
       status: e.status,
       index: r
     }),
@@ -252,11 +259,11 @@ function M({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot
     }),
     v && /* @__PURE__ */ (0, t.jsx)("div", {
       className: "shrink-0",
-      children: u ? /* @__PURE__ */ (0, t.jsx)(P, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ (0, t.jsx)(F, { className: "size-4 text-muted-foreground rtl:rotate-180" })
+      children: u ? /* @__PURE__ */ (0, t.jsx)(V, { className: "size-4 text-muted-foreground" }) : /* @__PURE__ */ (0, t.jsx)(P, { className: "size-4 text-muted-foreground rtl:rotate-180" })
     })
   ] });
   return /* @__PURE__ */ (0, t.jsxs)("div", {
-    "data-slot": d,
+    "data-slot": o,
     "data-step-status": e.status,
     "data-appearance": n,
     className: f(g.rootClassName, g.hasDivider && !s && "border-b border-border"),
@@ -267,18 +274,18 @@ function M({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot
         "aria-current": b ? "step" : void 0,
         "aria-expanded": u,
         "aria-controls": k,
-        "aria-describedby": m ? i : void 0,
+        "aria-describedby": m ? d : void 0,
         className: f(I({ status: e.status }), "w-full cursor-pointer hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring"),
         children: a
       }) : /* @__PURE__ */ (0, t.jsx)("div", {
         "aria-current": b ? "step" : void 0,
-        "aria-describedby": m ? i : void 0,
+        "aria-describedby": m ? d : void 0,
         className: f(I({ status: e.status }), "w-full"),
         children: a
       }),
       /* @__PURE__ */ (0, t.jsx)(B, {
         initial: !1,
-        children: u && x && /* @__PURE__ */ (0, t.jsx)($.div, {
+        children: u && x && /* @__PURE__ */ (0, t.jsx)(F.div, {
           id: k,
           "data-slot": "workflow-step-panel",
           initial: {
@@ -293,7 +300,7 @@ function M({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot
             height: 0,
             opacity: 0
           },
-          transition: o,
+          transition: i,
           className: "overflow-hidden motion-reduce:transition-none",
           children: /* @__PURE__ */ (0, t.jsxs)("div", {
             className: "px-4 pb-3 ps-12",
@@ -314,7 +321,7 @@ function M({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot
         })
       }),
       m && /* @__PURE__ */ (0, t.jsx)("span", {
-        id: i,
+        id: d,
         className: "sr-only",
         children: h
       }),
@@ -326,46 +333,46 @@ function M({ step: e, index: r, isLast: s, appearance: n = "contained", itemSlot
     ]
   });
 }
-M.displayName = "WorkflowStepItem";
-function ae({ steps: e, appearance: r = "contained", itemSlot: s = "workflow-step-item", expandable: n = !0, activeStepId: d, expandedStepIds: c, defaultExpandedStepIds: u = [], onExpandedStepIdsChange: b, className: j, renderItems: k = !0 }) {
-  const i = c !== void 0, p = i ? [...c] : void 0, [y, h] = l.useState(() => C(u, e)), m = l.useRef(p ?? []), x = l.useRef(i), v = C(i ? c : y, e), N = new Set(v);
-  l.useLayoutEffect(() => {
+D.displayName = "WorkflowStepItem";
+function ae({ steps: e, appearance: r = "contained", itemSlot: s = "workflow-step-item", expandable: n = !0, activeStepId: o, expandedStepIds: l, defaultExpandedStepIds: u = [], onExpandedStepIdsChange: b, className: j, renderItems: k = !0 }) {
+  const d = l !== void 0, p = d ? [...l] : void 0, [y, h] = c.useState(() => C(u, e)), m = c.useRef(p ?? []), x = c.useRef(d), v = C(d ? l : y, e), N = new Set(v);
+  c.useLayoutEffect(() => {
     p !== void 0 && (m.current = p);
-  }, [p]), l.useLayoutEffect(() => {
-    const o = x.current;
-    x.current = i, !i && h((a) => {
-      const w = C(o ? m.current : a, e);
+  }, [p]), c.useLayoutEffect(() => {
+    const i = x.current;
+    x.current = d, !d && h((a) => {
+      const w = C(i ? m.current : a, e);
       return Y(w, a) ? a : w;
     });
-  }, [i, e]);
-  const g = (o) => {
+  }, [d, e]);
+  const g = (i) => {
     const a = new Set(v);
-    a.has(o) ? a.delete(o) : a.add(o);
+    a.has(i) ? a.delete(i) : a.add(i);
     const w = C([...a], e);
-    i || h([...w]), b?.([...w]);
+    d || h([...w]), b?.([...w]);
   };
   return k ? /* @__PURE__ */ (0, t.jsx)("ol", {
     "data-slot": "workflow-step-list",
     "data-appearance": r,
     className: f("m-0 list-none p-0", j),
-    children: e.map((o, a) => /* @__PURE__ */ (0, t.jsx)("li", { children: /* @__PURE__ */ (0, t.jsx)(M, {
-      step: o,
+    children: e.map((i, a) => /* @__PURE__ */ (0, t.jsx)("li", { children: /* @__PURE__ */ (0, t.jsx)(D, {
+      step: i,
       index: a,
       isLast: a === e.length - 1,
       appearance: r,
       itemSlot: s,
       expandable: n,
-      expanded: N.has(o.id),
-      active: d === o.id,
-      onExpandedChange: () => g(o.id)
-    }) }, o.id))
+      expanded: N.has(i.id),
+      active: o === i.id,
+      onExpandedChange: () => g(i.id)
+    }) }, i.id))
   }) : null;
 }
 ae.displayName = "WorkflowStepRenderer";
 export {
   ae as n,
-  D as r,
-  M as t
+  M as r,
+  D as t
 };
 
 //# sourceMappingURL=workflow-step-renderer.js.map

package/dist/wc/workflow-step-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow-step-renderer.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/loader.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/pause.mjs","../../src/components/organisms/ai/_shared/workflow-step-renderer.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 2v4\", key: \"3427ic\" }],\n  [\"path\", { d: \"m16.2 7.8 2.9-2.9\", key: \"r700ao\" }],\n  [\"path\", { d: \"M18 12h4\", key: \"wj9ykh\" }],\n  [\"path\", { d: \"m16.2 16.2 2.9 2.9\", key: \"1bxg5t\" }],\n  [\"path\", { d: \"M12 18v4\", key: \"jadmvz\" }],\n  [\"path\", { d: \"m4.9 19.1 2.9-2.9\", key: \"bwix9q\" }],\n  [\"path\", { d: \"M2 12h4\", key: \"j09sii\" }],\n  [\"path\", { d: \"m4.9 4.9 2.9 2.9\", key: \"giyufr\" }]\n];\nconst Loader = createLucideIcon(\"loader\", __iconNode);\n\nexport { __iconNode, Loader as default };\n//# sourceMappingURL=loader.mjs.map\n","/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.mjs.map\n","import { cva } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Loader,\n  Pause,\n} from 'lucide-react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { assertNever, cn } from '@/lib/utils';\n\nexport type WorkflowStepStatus =\n  | 'pending'\n  | 'running'\n  | 'suspended'\n  | 'completed'\n  | 'error';\n\nexport type WorkflowStepAppearance = 'contained' | 'embedded' | 'timeline';\n\nexport interface WorkflowStepViewModel {\n  id: string;\n  title: string;\n  description?: string;\n  status: WorkflowStepStatus;\n  content?: React.ReactNode;\n  durationMs?: number;\n  error?: string;\n}\n\nexport interface WorkflowStepRendererProps {\n  steps: readonly WorkflowStepViewModel[];\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  activeStepId?: string;\n  expandedStepIds?: readonly string[];\n  defaultExpandedStepIds?: readonly string[];\n  onExpandedStepIdsChange?: (ids: readonly string[]) => void;\n  className?: string;\n}\n\ninterface PrivateWorkflowStepRendererProps extends WorkflowStepRendererProps {\n  renderItems?: boolean;\n}\n\nconst workflowStepItemStatusClasses = {\n  pending: 'text-muted-foreground',\n  running: 'text-primary',\n  suspended: 'text-warning',\n  completed: 'text-success',\n  error: 'text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nconst workflowStepIconStatusClasses = {\n  pending: 'bg-accent text-muted-foreground',\n  running: 'bg-primary/20 text-primary',\n  suspended: 'bg-warning/20 text-warning',\n  completed: 'bg-success/20 text-success',\n  error: 'bg-destructive/20 text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nexport const workflowStepItemVariants = cva(\n  'flex items-start gap-3 px-4 py-3 transition-colors motion-reduce:transition-none',\n  {\n    variants: {\n      status: workflowStepItemStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nexport const workflowStepIconVariants = cva(\n  'size-5 shrink-0 flex items-center justify-center rounded-full',\n  {\n    variants: {\n      status: workflowStepIconStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst workflowStepAppearanceConfig = {\n  contained: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  embedded: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  timeline: {\n    rootClassName: 'relative',\n    hasDivider: false,\n    hasConnector: true,\n  },\n} as const satisfies Record<\n  WorkflowStepAppearance,\n  { rootClassName: string; hasDivider: boolean; hasConnector: boolean }\n>;\n\nexport function normalizeExpandedWorkflowStepIds(\n  ids: readonly string[],\n  steps: readonly WorkflowStepViewModel[],\n): string[] {\n  const requested = new Set(ids);\n  return steps.flatMap((step) => (requested.has(step.id) ? [step.id] : []));\n}\n\nfunction areWorkflowStepIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction formatWorkflowStepDuration(durationMs: number): string {\n  if (durationMs < 1000) return `${durationMs}ms`;\n  return `${(durationMs / 1000).toFixed(1)}s`;\n}\n\nfunction isIterableWorkflowStepContent(\n  content: React.ReactNode,\n): content is Iterable<React.ReactNode> {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    Symbol.iterator in content &&\n    typeof (content as Iterable<React.ReactNode>)[Symbol.iterator] ===\n      'function'\n  );\n}\n\nfunction isIteratorWorkflowStepContent(\n  content: unknown,\n): content is Iterator<React.ReactNode> {\n  return (\n    typeof (content as Partial<Iterator<React.ReactNode>>).next === 'function'\n  );\n}\n\ninterface NormalizedWorkflowStepContent {\n  content: React.ReactNode;\n  hasRenderableContent: boolean;\n  changed: boolean;\n}\n\nconst normalizedOneShotWorkflowStepContent = new WeakMap<\n  object,\n  NormalizedWorkflowStepContent\n>();\n\nfunction normalizeIterableWorkflowStepContent(\n  content: Iterable<React.ReactNode>,\n  iterator: Iterator<React.ReactNode>,\n): NormalizedWorkflowStepContent {\n  const normalizedChildren: React.ReactNode[] = [];\n  let hasRenderableContent = false;\n  let changed = !Array.isArray(content);\n\n  for (let result = iterator.next(); !result.done; result = iterator.next()) {\n    const normalizedChild = normalizeWorkflowStepContent(result.value);\n    normalizedChildren.push(normalizedChild.content);\n    hasRenderableContent ||= normalizedChild.hasRenderableContent;\n    changed ||= normalizedChild.changed;\n  }\n\n  return {\n    content: changed ? normalizedChildren : content,\n    hasRenderableContent,\n    changed,\n  };\n}\n\nfunction normalizeWorkflowStepContent(\n  content: React.ReactNode,\n): NormalizedWorkflowStepContent {\n  if (\n    content === null ||\n    content === undefined ||\n    typeof content === 'boolean' ||\n    content === ''\n  ) {\n    return { content, hasRenderableContent: false, changed: false };\n  }\n\n  if (\n    typeof content === 'string' ||\n    typeof content === 'number' ||\n    typeof content === 'bigint'\n  ) {\n    return { content, hasRenderableContent: true, changed: false };\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(content)) {\n    if (content.type !== React.Fragment) {\n      return { content, hasRenderableContent: true, changed: false };\n    }\n\n    const normalizedChildren = normalizeWorkflowStepContent(\n      content.props.children,\n    );\n    return {\n      content: normalizedChildren.changed\n        ? React.cloneElement(content, undefined, normalizedChildren.content)\n        : content,\n      hasRenderableContent: normalizedChildren.hasRenderableContent,\n      changed: normalizedChildren.changed,\n    };\n  }\n\n  if (isIterableWorkflowStepContent(content)) {\n    const iterator = content[Symbol.iterator]();\n    const oneShotCacheKey = isIteratorWorkflowStepContent(iterator)\n      ? (iterator as object)\n      : null;\n\n    if (oneShotCacheKey !== null) {\n      const cached = normalizedOneShotWorkflowStepContent.get(oneShotCacheKey);\n      if (cached !== undefined) return cached;\n    }\n\n    const normalized = normalizeIterableWorkflowStepContent(content, iterator);\n    if (oneShotCacheKey !== null) {\n      normalizedOneShotWorkflowStepContent.set(oneShotCacheKey, normalized);\n    }\n    return normalized;\n  }\n\n  return { content, hasRenderableContent: true, changed: false };\n}\n\nfunction getNonBlankWorkflowStepError(\n  error: string | undefined,\n): string | undefined {\n  return error?.trim() ? error : undefined;\n}\n\nfunction getWorkflowStepStatusLabel(status: WorkflowStepStatus): string {\n  switch (status) {\n    case 'pending':\n      return 'Pending';\n    case 'running':\n      return 'Running';\n    case 'suspended':\n      return 'Paused';\n    case 'completed':\n      return 'Completed';\n    case 'error':\n      return 'Error';\n    default:\n      return assertNever(status);\n  }\n}\n\nexport interface WorkflowStepStatusIconProps {\n  status: WorkflowStepStatus;\n  index: number;\n  className?: string;\n}\n\nexport function WorkflowStepStatusIcon({\n  status,\n  index,\n  className,\n}: WorkflowStepStatusIconProps) {\n  const iconClass = cn(workflowStepIconVariants({ status }), className);\n\n  switch (status) {\n    case 'pending':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <span className=\"text-xs font-medium\">{index + 1}</span>\n        </div>\n      );\n    case 'running':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-status-pulse motion-reduce:!animate-none',\n          )}\n        >\n          <Loader className=\"size-3 animate-spin motion-reduce:animate-none\" />\n        </div>\n      );\n    case 'suspended':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <Pause className=\"size-3\" />\n        </div>\n      );\n    case 'completed':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        >\n          <Check className=\"size-3\" />\n        </div>\n      );\n    case 'error':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        >\n          <AlertCircle className=\"size-3\" />\n        </div>\n      );\n    default:\n      return assertNever(status);\n  }\n}\n\nWorkflowStepStatusIcon.displayName = 'WorkflowStepStatusIcon';\n\nexport interface WorkflowStepItemProps {\n  step: WorkflowStepViewModel;\n  index: number;\n  isLast: boolean;\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  expanded: boolean;\n  active?: boolean;\n  onExpandedChange: () => void;\n}\n\nexport function WorkflowStepItem({\n  step,\n  index,\n  isLast,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  expanded,\n  active = false,\n  onExpandedChange,\n}: WorkflowStepItemProps) {\n  const contentId = React.useId();\n  const errorDescriptionId = React.useId();\n  const normalizedContent = normalizeWorkflowStepContent(step.content);\n  const hasContent = normalizedContent.hasRenderableContent;\n  const error = getNonBlankWorkflowStepError(step.error);\n  const hasError = error !== undefined;\n  const hasExpandableDetails = hasContent || hasError;\n  const isDisclosureControl = hasExpandableDetails && expandable;\n  const prefersReducedMotion = useReducedMotion();\n  const appearanceConfig = workflowStepAppearanceConfig[appearance];\n  const disclosureTransition = {\n    duration: prefersReducedMotion ? 0 : 0.2,\n  };\n  const stepContent = (\n    <>\n      <WorkflowStepStatusIcon status={step.status} index={index} />\n\n      <div className=\"min-w-0 flex-1 text-start\">\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={cn(\n              'text-sm font-medium',\n              step.status === 'pending'\n                ? 'text-text-quaternary'\n                : 'text-foreground',\n            )}\n          >\n            {step.title}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {getWorkflowStepStatusLabel(step.status)}\n          </span>\n          {step.durationMs !== undefined && (\n            <span className=\"text-xs text-muted-foreground\">\n              {formatWorkflowStepDuration(step.durationMs)}\n            </span>\n          )}\n        </div>\n        {step.description && (\n          <p className=\"mt-0.5 text-xs text-text-quaternary\">\n            {step.description}\n          </p>\n        )}\n      </div>\n\n      {isDisclosureControl && (\n        <div className=\"shrink-0\">\n          {expanded ? (\n            <ChevronDown className=\"size-4 text-muted-foreground\" />\n          ) : (\n            <ChevronRight className=\"size-4 text-muted-foreground rtl:rotate-180\" />\n          )}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      data-slot={itemSlot}\n      data-step-status={step.status}\n      data-appearance={appearance}\n      className={cn(\n        appearanceConfig.rootClassName,\n        appearanceConfig.hasDivider && !isLast && 'border-b border-border',\n      )}\n    >\n      {isDisclosureControl ? (\n        <button\n          type=\"button\"\n          onClick={onExpandedChange}\n          aria-current={active ? 'step' : undefined}\n          aria-expanded={expanded}\n          aria-controls={contentId}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full cursor-pointer hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n          )}\n        >\n          {stepContent}\n        </button>\n      ) : (\n        <div\n          aria-current={active ? 'step' : undefined}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full',\n          )}\n        >\n          {stepContent}\n        </div>\n      )}\n\n      <AnimatePresence initial={false}>\n        {expanded && hasExpandableDetails && (\n          <motion.div\n            id={contentId}\n            data-slot=\"workflow-step-panel\"\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={disclosureTransition}\n            className=\"overflow-hidden motion-reduce:transition-none\"\n          >\n            <div className=\"px-4 pb-3 ps-12\">\n              {hasError && (\n                <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-3\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"mt-0.5 size-4 shrink-0 text-destructive\" />\n                    <p className=\"text-sm text-destructive\">{error}</p>\n                  </div>\n                </div>\n              )}\n              {hasContent && (\n                <div className={hasError ? 'mt-3' : undefined}>\n                  {normalizedContent.content}\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {hasError && (\n        <span id={errorDescriptionId} className=\"sr-only\">\n          {error}\n        </span>\n      )}\n\n      {appearanceConfig.hasConnector && !isLast && (\n        <div\n          data-slot=\"workflow-step-connector\"\n          aria-hidden=\"true\"\n          className=\"absolute top-8 -bottom-3 start-6 w-px bg-border\"\n        />\n      )}\n    </div>\n  );\n}\n\nWorkflowStepItem.displayName = 'WorkflowStepItem';\n\nexport function WorkflowStepRenderer({\n  steps,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  activeStepId,\n  expandedStepIds: controlledExpandedStepIds,\n  defaultExpandedStepIds = [],\n  onExpandedStepIdsChange,\n  className,\n  renderItems = true,\n}: PrivateWorkflowStepRendererProps) {\n  const isControlled = controlledExpandedStepIds !== undefined;\n  const controlledSnapshot = isControlled\n    ? [...controlledExpandedStepIds]\n    : undefined;\n  const [uncontrolledExpandedStepIds, setUncontrolledExpandedStepIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeExpandedWorkflowStepIds(defaultExpandedStepIds, steps),\n    );\n  const lastControlledExpandedStepIdsRef = React.useRef<readonly string[]>(\n    controlledSnapshot ?? [],\n  );\n  const wasControlledRef = React.useRef(isControlled);\n  const rawExpandedStepIds = isControlled\n    ? controlledExpandedStepIds\n    : uncontrolledExpandedStepIds;\n  const visibleExpandedStepIds = normalizeExpandedWorkflowStepIds(\n    rawExpandedStepIds,\n    steps,\n  );\n  const expandedSet = new Set(visibleExpandedStepIds);\n\n  React.useLayoutEffect(() => {\n    if (controlledSnapshot !== undefined) {\n      lastControlledExpandedStepIdsRef.current = controlledSnapshot;\n    }\n  }, [controlledSnapshot]);\n\n  React.useLayoutEffect(() => {\n    const wasControlled = wasControlledRef.current;\n    wasControlledRef.current = isControlled;\n    if (isControlled) return;\n\n    setUncontrolledExpandedStepIds((current) => {\n      const source = wasControlled\n        ? lastControlledExpandedStepIdsRef.current\n        : current;\n      const reconciled = normalizeExpandedWorkflowStepIds(source, steps);\n      return areWorkflowStepIdsEqual(reconciled, current)\n        ? current\n        : reconciled;\n    });\n  }, [isControlled, steps]);\n\n  const toggleStep = (id: string) => {\n    const next = new Set(visibleExpandedStepIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    const normalizedNext = normalizeExpandedWorkflowStepIds([...next], steps);\n    if (!isControlled) {\n      setUncontrolledExpandedStepIds([...normalizedNext]);\n    }\n    onExpandedStepIdsChange?.([...normalizedNext]);\n  };\n\n  if (!renderItems) return null;\n\n  return (\n    <ol\n      data-slot=\"workflow-step-list\"\n      data-appearance={appearance}\n      className={cn('m-0 list-none p-0', className)}\n    >\n      {steps.map((step, index) => (\n        <li key={step.id}>\n          <WorkflowStepItem\n            step={step}\n            index={index}\n            isLast={index === steps.length - 1}\n            appearance={appearance}\n            itemSlot={itemSlot}\n            expandable={expandable}\n            expanded={expandedSet.has(step.id)}\n            active={activeStepId === step.id}\n            onExpandedChange={() => toggleStep(step.id)}\n          />\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nWorkflowStepRenderer.displayName = 'WorkflowStepRenderer';\n"],"x_google_ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"workflow-step-renderer.js","names":["__iconNode"],"sources":["../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/loader.mjs","../../../../../../../../../../../Users/akarim/Documents/test/humain_foundation_ui/node_modules/.bun/lucide-react@1.25.0+0f58469d5b3bd39f/node_modules/lucide-react/dist/esm/icons/pause.mjs","../../src/components/organisms/ai/_shared/workflow-step-renderer.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 2v4\", key: \"3427ic\" }],\n  [\"path\", { d: \"m16.2 7.8 2.9-2.9\", key: \"r700ao\" }],\n  [\"path\", { d: \"M18 12h4\", key: \"wj9ykh\" }],\n  [\"path\", { d: \"m16.2 16.2 2.9 2.9\", key: \"1bxg5t\" }],\n  [\"path\", { d: \"M12 18v4\", key: \"jadmvz\" }],\n  [\"path\", { d: \"m4.9 19.1 2.9-2.9\", key: \"bwix9q\" }],\n  [\"path\", { d: \"M2 12h4\", key: \"j09sii\" }],\n  [\"path\", { d: \"m4.9 4.9 2.9 2.9\", key: \"giyufr\" }]\n];\nconst Loader = createLucideIcon(\"loader\", __iconNode);\n\nexport { __iconNode, Loader as default };\n//# sourceMappingURL=loader.mjs.map\n","/**\n * @license lucide-react v1.25.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"rect\", { x: \"14\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"kaeet6\" }],\n  [\"rect\", { x: \"5\", y: \"3\", width: \"5\", height: \"18\", rx: \"1\", key: \"1wsw3u\" }]\n];\nconst Pause = createLucideIcon(\"pause\", __iconNode);\n\nexport { __iconNode, Pause as default };\n//# sourceMappingURL=pause.mjs.map\n","import { cva } from 'class-variance-authority';\nimport {\n  AlertCircle,\n  Check,\n  ChevronDown,\n  ChevronRight,\n  Loader,\n  Pause,\n} from 'lucide-react';\nimport { AnimatePresence, motion, useReducedMotion } from 'motion/react';\nimport * as React from 'react';\nimport { assertNever, cn } from '@/lib/utils';\n\nexport type WorkflowStepStatus =\n  | 'pending'\n  | 'running'\n  | 'suspended'\n  | 'completed'\n  | 'error';\n\nexport type WorkflowStepAppearance = 'contained' | 'embedded' | 'timeline';\n\nexport interface WorkflowStepViewModel {\n  id: string;\n  title: string;\n  description?: string;\n  status: WorkflowStepStatus;\n  content?: React.ReactNode;\n  durationMs?: number;\n  error?: string;\n}\n\nexport interface WorkflowStepRendererProps {\n  steps: readonly WorkflowStepViewModel[];\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  activeStepId?: string;\n  expandedStepIds?: readonly string[];\n  defaultExpandedStepIds?: readonly string[];\n  onExpandedStepIdsChange?: (ids: readonly string[]) => void;\n  className?: string;\n}\n\ninterface PrivateWorkflowStepRendererProps extends WorkflowStepRendererProps {\n  renderItems?: boolean;\n}\n\nconst workflowStepItemStatusClasses = {\n  pending: 'text-muted-foreground',\n  running: 'text-primary',\n  suspended: 'text-warning',\n  completed: 'text-success',\n  error: 'text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nconst workflowStepIconStatusClasses = {\n  pending: 'bg-accent text-muted-foreground',\n  running: 'bg-primary/20 text-primary',\n  suspended: 'bg-warning/20 text-warning',\n  completed: 'bg-success/20 text-success',\n  error: 'bg-destructive/20 text-destructive',\n} as const satisfies Record<WorkflowStepStatus, string>;\n\nexport const workflowStepItemVariants = cva(\n  'flex items-start gap-3 px-4 py-3 transition-colors motion-reduce:transition-none',\n  {\n    variants: {\n      status: workflowStepItemStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nexport const workflowStepIconVariants = cva(\n  'size-5 shrink-0 flex items-center justify-center rounded-full',\n  {\n    variants: {\n      status: workflowStepIconStatusClasses,\n    },\n    defaultVariants: {\n      status: 'pending',\n    },\n  },\n);\n\nconst workflowStepAppearanceConfig = {\n  contained: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  embedded: {\n    rootClassName: 'relative',\n    hasDivider: true,\n    hasConnector: false,\n  },\n  timeline: {\n    rootClassName: 'relative',\n    hasDivider: false,\n    hasConnector: true,\n  },\n} as const satisfies Record<\n  WorkflowStepAppearance,\n  { rootClassName: string; hasDivider: boolean; hasConnector: boolean }\n>;\n\nexport function normalizeExpandedWorkflowStepIds(\n  ids: readonly string[],\n  steps: readonly WorkflowStepViewModel[],\n): string[] {\n  const requested = new Set(ids);\n  return steps.flatMap((step) => (requested.has(step.id) ? [step.id] : []));\n}\n\nfunction areWorkflowStepIdsEqual(\n  left: readonly string[],\n  right: readonly string[],\n): boolean {\n  return (\n    left.length === right.length &&\n    left.every((id, index) => id === right[index])\n  );\n}\n\nfunction formatWorkflowStepDuration(durationMs: number): string {\n  if (durationMs < 1000) return `${durationMs}ms`;\n  if (durationMs < 60_000) return `${(durationMs / 1000).toFixed(1)}s`;\n\n  const totalSeconds = Math.floor(durationMs / 1000);\n  const hours = Math.floor(totalSeconds / 3600);\n  const minutes = Math.floor((totalSeconds % 3600) / 60);\n  const seconds = totalSeconds % 60;\n\n  return [\n    hours > 0 ? `${hours}h` : null,\n    minutes > 0 ? `${minutes}m` : null,\n    seconds > 0 ? `${seconds}s` : null,\n  ]\n    .filter((part): part is string => part !== null)\n    .join(' ');\n}\n\nfunction isIterableWorkflowStepContent(\n  content: React.ReactNode,\n): content is Iterable<React.ReactNode> {\n  return (\n    typeof content === 'object' &&\n    content !== null &&\n    Symbol.iterator in content &&\n    typeof (content as Iterable<React.ReactNode>)[Symbol.iterator] ===\n      'function'\n  );\n}\n\nfunction isIteratorWorkflowStepContent(\n  content: unknown,\n): content is Iterator<React.ReactNode> {\n  return (\n    typeof (content as Partial<Iterator<React.ReactNode>>).next === 'function'\n  );\n}\n\ninterface NormalizedWorkflowStepContent {\n  content: React.ReactNode;\n  hasRenderableContent: boolean;\n  changed: boolean;\n}\n\nconst normalizedOneShotWorkflowStepContent = new WeakMap<\n  object,\n  NormalizedWorkflowStepContent\n>();\n\nfunction normalizeIterableWorkflowStepContent(\n  content: Iterable<React.ReactNode>,\n  iterator: Iterator<React.ReactNode>,\n): NormalizedWorkflowStepContent {\n  const normalizedChildren: React.ReactNode[] = [];\n  let hasRenderableContent = false;\n  let changed = !Array.isArray(content);\n\n  for (let result = iterator.next(); !result.done; result = iterator.next()) {\n    const normalizedChild = normalizeWorkflowStepContent(result.value);\n    normalizedChildren.push(normalizedChild.content);\n    hasRenderableContent ||= normalizedChild.hasRenderableContent;\n    changed ||= normalizedChild.changed;\n  }\n\n  return {\n    content: changed ? normalizedChildren : content,\n    hasRenderableContent,\n    changed,\n  };\n}\n\nfunction normalizeWorkflowStepContent(\n  content: React.ReactNode,\n): NormalizedWorkflowStepContent {\n  if (\n    content === null ||\n    content === undefined ||\n    typeof content === 'boolean' ||\n    content === ''\n  ) {\n    return { content, hasRenderableContent: false, changed: false };\n  }\n\n  if (\n    typeof content === 'string' ||\n    typeof content === 'number' ||\n    typeof content === 'bigint'\n  ) {\n    return { content, hasRenderableContent: true, changed: false };\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(content)) {\n    if (content.type !== React.Fragment) {\n      return { content, hasRenderableContent: true, changed: false };\n    }\n\n    const normalizedChildren = normalizeWorkflowStepContent(\n      content.props.children,\n    );\n    return {\n      content: normalizedChildren.changed\n        ? React.cloneElement(content, undefined, normalizedChildren.content)\n        : content,\n      hasRenderableContent: normalizedChildren.hasRenderableContent,\n      changed: normalizedChildren.changed,\n    };\n  }\n\n  if (isIterableWorkflowStepContent(content)) {\n    const iterator = content[Symbol.iterator]();\n    const oneShotCacheKey = isIteratorWorkflowStepContent(iterator)\n      ? (iterator as object)\n      : null;\n\n    if (oneShotCacheKey !== null) {\n      const cached = normalizedOneShotWorkflowStepContent.get(oneShotCacheKey);\n      if (cached !== undefined) return cached;\n    }\n\n    const normalized = normalizeIterableWorkflowStepContent(content, iterator);\n    if (oneShotCacheKey !== null) {\n      normalizedOneShotWorkflowStepContent.set(oneShotCacheKey, normalized);\n    }\n    return normalized;\n  }\n\n  return { content, hasRenderableContent: true, changed: false };\n}\n\nfunction getNonBlankWorkflowStepError(\n  error: string | undefined,\n): string | undefined {\n  return error?.trim() ? error : undefined;\n}\n\nfunction getWorkflowStepStatusLabel(status: WorkflowStepStatus): string {\n  switch (status) {\n    case 'pending':\n      return 'Pending';\n    case 'running':\n      return 'Running';\n    case 'suspended':\n      return 'Paused';\n    case 'completed':\n      return 'Completed';\n    case 'error':\n      return 'Error';\n    default:\n      return assertNever(status);\n  }\n}\n\nexport interface WorkflowStepStatusIconProps {\n  status: WorkflowStepStatus;\n  index: number;\n  className?: string;\n}\n\nexport function WorkflowStepStatusIcon({\n  status,\n  index,\n  className,\n}: WorkflowStepStatusIconProps) {\n  const iconClass = cn(workflowStepIconVariants({ status }), className);\n\n  switch (status) {\n    case 'pending':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <span className=\"text-xs font-medium\">{index + 1}</span>\n        </div>\n      );\n    case 'running':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-status-pulse motion-reduce:!animate-none',\n          )}\n        >\n          <Loader className=\"size-3 animate-spin motion-reduce:animate-none\" />\n        </div>\n      );\n    case 'suspended':\n      return (\n        <div data-slot=\"workflow-step-icon\" className={iconClass}>\n          <Pause className=\"size-3\" />\n        </div>\n      );\n    case 'completed':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(\n            iconClass,\n            'delight-check-bounce motion-reduce:!animate-none',\n          )}\n        >\n          <Check className=\"size-3\" />\n        </div>\n      );\n    case 'error':\n      return (\n        <div\n          data-slot=\"workflow-step-icon\"\n          className={cn(iconClass, 'delight-shake motion-reduce:!animate-none')}\n        >\n          <AlertCircle className=\"size-3\" />\n        </div>\n      );\n    default:\n      return assertNever(status);\n  }\n}\n\nWorkflowStepStatusIcon.displayName = 'WorkflowStepStatusIcon';\n\nexport interface WorkflowStepItemProps {\n  step: WorkflowStepViewModel;\n  index: number;\n  isLast: boolean;\n  appearance?: WorkflowStepAppearance;\n  itemSlot?: string;\n  expandable?: boolean;\n  expanded: boolean;\n  active?: boolean;\n  onExpandedChange: () => void;\n}\n\nexport function WorkflowStepItem({\n  step,\n  index,\n  isLast,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  expanded,\n  active = false,\n  onExpandedChange,\n}: WorkflowStepItemProps) {\n  const contentId = React.useId();\n  const errorDescriptionId = React.useId();\n  const normalizedContent = normalizeWorkflowStepContent(step.content);\n  const hasContent = normalizedContent.hasRenderableContent;\n  const error = getNonBlankWorkflowStepError(step.error);\n  const hasError = error !== undefined;\n  const hasExpandableDetails = hasContent || hasError;\n  const isDisclosureControl = hasExpandableDetails && expandable;\n  const prefersReducedMotion = useReducedMotion();\n  const appearanceConfig = workflowStepAppearanceConfig[appearance];\n  const disclosureTransition = {\n    duration: prefersReducedMotion ? 0 : 0.2,\n  };\n  const stepContent = (\n    <>\n      <WorkflowStepStatusIcon status={step.status} index={index} />\n\n      <div className=\"min-w-0 flex-1 text-start\">\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={cn(\n              'text-sm font-medium',\n              step.status === 'pending'\n                ? 'text-text-quaternary'\n                : 'text-foreground',\n            )}\n          >\n            {step.title}\n          </span>\n          <span className=\"text-xs text-secondary-foreground\">\n            {getWorkflowStepStatusLabel(step.status)}\n          </span>\n          {step.durationMs !== undefined && (\n            <span className=\"text-xs text-muted-foreground\">\n              {formatWorkflowStepDuration(step.durationMs)}\n            </span>\n          )}\n        </div>\n        {step.description && (\n          <p className=\"mt-0.5 text-xs text-text-quaternary\">\n            {step.description}\n          </p>\n        )}\n      </div>\n\n      {isDisclosureControl && (\n        <div className=\"shrink-0\">\n          {expanded ? (\n            <ChevronDown className=\"size-4 text-muted-foreground\" />\n          ) : (\n            <ChevronRight className=\"size-4 text-muted-foreground rtl:rotate-180\" />\n          )}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div\n      data-slot={itemSlot}\n      data-step-status={step.status}\n      data-appearance={appearance}\n      className={cn(\n        appearanceConfig.rootClassName,\n        appearanceConfig.hasDivider && !isLast && 'border-b border-border',\n      )}\n    >\n      {isDisclosureControl ? (\n        <button\n          type=\"button\"\n          onClick={onExpandedChange}\n          aria-current={active ? 'step' : undefined}\n          aria-expanded={expanded}\n          aria-controls={contentId}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full cursor-pointer hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-ring',\n          )}\n        >\n          {stepContent}\n        </button>\n      ) : (\n        <div\n          aria-current={active ? 'step' : undefined}\n          aria-describedby={hasError ? errorDescriptionId : undefined}\n          className={cn(\n            workflowStepItemVariants({ status: step.status }),\n            'w-full',\n          )}\n        >\n          {stepContent}\n        </div>\n      )}\n\n      <AnimatePresence initial={false}>\n        {expanded && hasExpandableDetails && (\n          <motion.div\n            id={contentId}\n            data-slot=\"workflow-step-panel\"\n            initial={{ height: 0, opacity: 0 }}\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            transition={disclosureTransition}\n            className=\"overflow-hidden motion-reduce:transition-none\"\n          >\n            <div className=\"px-4 pb-3 ps-12\">\n              {hasError && (\n                <div className=\"rounded-lg border border-destructive/50 bg-destructive/10 p-3\">\n                  <div className=\"flex items-start gap-2\">\n                    <AlertCircle className=\"mt-0.5 size-4 shrink-0 text-destructive\" />\n                    <p className=\"text-sm text-destructive\">{error}</p>\n                  </div>\n                </div>\n              )}\n              {hasContent && (\n                <div className={hasError ? 'mt-3' : undefined}>\n                  {normalizedContent.content}\n                </div>\n              )}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n\n      {hasError && (\n        <span id={errorDescriptionId} className=\"sr-only\">\n          {error}\n        </span>\n      )}\n\n      {appearanceConfig.hasConnector && !isLast && (\n        <div\n          data-slot=\"workflow-step-connector\"\n          aria-hidden=\"true\"\n          className=\"absolute top-8 -bottom-3 start-6 w-px bg-border\"\n        />\n      )}\n    </div>\n  );\n}\n\nWorkflowStepItem.displayName = 'WorkflowStepItem';\n\nexport function WorkflowStepRenderer({\n  steps,\n  appearance = 'contained',\n  itemSlot = 'workflow-step-item',\n  expandable = true,\n  activeStepId,\n  expandedStepIds: controlledExpandedStepIds,\n  defaultExpandedStepIds = [],\n  onExpandedStepIdsChange,\n  className,\n  renderItems = true,\n}: PrivateWorkflowStepRendererProps) {\n  const isControlled = controlledExpandedStepIds !== undefined;\n  const controlledSnapshot = isControlled\n    ? [...controlledExpandedStepIds]\n    : undefined;\n  const [uncontrolledExpandedStepIds, setUncontrolledExpandedStepIds] =\n    React.useState<readonly string[]>(() =>\n      normalizeExpandedWorkflowStepIds(defaultExpandedStepIds, steps),\n    );\n  const lastControlledExpandedStepIdsRef = React.useRef<readonly string[]>(\n    controlledSnapshot ?? [],\n  );\n  const wasControlledRef = React.useRef(isControlled);\n  const rawExpandedStepIds = isControlled\n    ? controlledExpandedStepIds\n    : uncontrolledExpandedStepIds;\n  const visibleExpandedStepIds = normalizeExpandedWorkflowStepIds(\n    rawExpandedStepIds,\n    steps,\n  );\n  const expandedSet = new Set(visibleExpandedStepIds);\n\n  React.useLayoutEffect(() => {\n    if (controlledSnapshot !== undefined) {\n      lastControlledExpandedStepIdsRef.current = controlledSnapshot;\n    }\n  }, [controlledSnapshot]);\n\n  React.useLayoutEffect(() => {\n    const wasControlled = wasControlledRef.current;\n    wasControlledRef.current = isControlled;\n    if (isControlled) return;\n\n    setUncontrolledExpandedStepIds((current) => {\n      const source = wasControlled\n        ? lastControlledExpandedStepIdsRef.current\n        : current;\n      const reconciled = normalizeExpandedWorkflowStepIds(source, steps);\n      return areWorkflowStepIdsEqual(reconciled, current)\n        ? current\n        : reconciled;\n    });\n  }, [isControlled, steps]);\n\n  const toggleStep = (id: string) => {\n    const next = new Set(visibleExpandedStepIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    const normalizedNext = normalizeExpandedWorkflowStepIds([...next], steps);\n    if (!isControlled) {\n      setUncontrolledExpandedStepIds([...normalizedNext]);\n    }\n    onExpandedStepIdsChange?.([...normalizedNext]);\n  };\n\n  if (!renderItems) return null;\n\n  return (\n    <ol\n      data-slot=\"workflow-step-list\"\n      data-appearance={appearance}\n      className={cn('m-0 list-none p-0', className)}\n    >\n      {steps.map((step, index) => (\n        <li key={step.id}>\n          <WorkflowStepItem\n            step={step}\n            index={index}\n            isLast={index === steps.length - 1}\n            appearance={appearance}\n            itemSlot={itemSlot}\n            expandable={expandable}\n            expanded={expandedSet.has(step.id)}\n            active={activeStepId === step.id}\n            onExpandedChange={() => toggleStep(step.id)}\n          />\n        </li>\n      ))}\n    </ol>\n  );\n}\n\nWorkflowStepRenderer.displayName = 'WorkflowStepRenderer';\n"],"x_google_ignoreList":[0,1],"mappings":"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"}

package/dist/wc-react/hf-app-sidebar.js

@@ -281,7 +281,7 @@ function we({ label: e, className: t }) {
     "data-slot": "app-sidebar-nav-section",
     role: "separator",
     "aria-label": e,
-    className: d("py-2", t),
+    className: d("py-2 group-data-[collapsible=icon]:w-8", t),
     children: [/* @__PURE__ */ a("div", {
       className: "flex h-8 items-center px-2 group-data-[collapsible=icon]:hidden",
       children: /* @__PURE__ */ a("span", {