@octaviaflow/core 3.1.0-beta.75 → 3.1.0-beta.76

package/dist/index.js

@@ -28,6 +28,7 @@ import {
   useViewportOrNull
 } from "./chunk-2N74IQCL.js";
 import {
+  AVATAR_PALETTE_SIZE,
   Avatar,
   AvatarStack,
   BlogCard,
@@ -40,6 +41,7 @@ import {
   CountUp,
   TestimonialCard,
   Textarea,
+  avatarPaletteIndex,
   easeLinear,
   easeOutCubic,
   easeOutExpo,
@@ -48,7 +50,7 @@ import {
   useTextareaCommands,
   useTextareaSelection,
   useTextareaTools
-} from "./chunk-DDVOFKLY.js";
+} from "./chunk-REEBXURQ.js";
 import {
   $05678f3aee5e7d1a$export$6d08773d2e66f8f2,
   $384704861d32dbed$export$bca9d026f8e704eb,
@@ -17121,7 +17123,7 @@ function MembersSettings({
             src: m.avatar?.src,
             initials: m.avatar?.initials,
             alt: "",
-            seed: m.email
+            seed: m.name
           }
         ),
         /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__person-text", children: [
@@ -17181,6 +17183,8 @@ function MembersSettings({
     /* @__PURE__ */ jsx72(
       FormSection,
       {
+        className: "ods-settings-section",
+        divided: false,
         title: "Members",
         description: `${members.length} ${members.length === 1 ? "person" : "people"} in this workspace.`,
         footer: canManage && onInvite ? /* @__PURE__ */ jsx72(Button, { variant: "primary", size: "sm", onClick: () => setInviteOpen(true), children: "Invite member" }) : void 0,
@@ -17193,43 +17197,52 @@ function MembersSettings({
         ) : /* @__PURE__ */ jsx72(DataTable, { columns, data: members, getRowId: (m) => m.id })
       }
     ),
-    joinRequests && (onApproveRequest || onRejectRequest) && /* @__PURE__ */ jsx72(FormSection, { title: "Join requests", description: "People who asked to join this workspace.", children: joinRequests.length === 0 ? /* @__PURE__ */ jsx72(EmptyState, { title: "No pending requests", size: "sm" }) : /* @__PURE__ */ jsx72("ul", { className: "ods-members-settings__requests", children: joinRequests.map((request) => /* @__PURE__ */ jsxs71("li", { className: "ods-members-settings__request", children: [
-      /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__person", children: [
-        /* @__PURE__ */ jsx72(Avatar, { size: "sm", initials: void 0, alt: "", seed: request.email }),
-        /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__person-text", children: [
-          /* @__PURE__ */ jsx72("span", { className: "ods-members-settings__person-name", children: request.name ?? request.email }),
-          /* @__PURE__ */ jsx72("span", { className: "ods-members-settings__person-email", children: request.name ? request.email : request.requestedAt ?? "" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__request-actions", children: [
-        onRejectRequest && /* @__PURE__ */ jsx72(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            loading: busyId === `reject-${request.id}`,
-            onClick: () => runMaybeAsync(
-              onRejectRequest(request),
-              (v) => setBusyId(v ? `reject-${request.id}` : null)
-            ),
-            children: "Decline"
-          }
-        ),
-        onApproveRequest && /* @__PURE__ */ jsx72(
-          Button,
-          {
-            variant: "secondary",
-            size: "sm",
-            loading: busyId === `approve-${request.id}`,
-            onClick: () => runMaybeAsync(
-              onApproveRequest(request),
-              (v) => setBusyId(v ? `approve-${request.id}` : null)
+    joinRequests && (onApproveRequest || onRejectRequest) && /* @__PURE__ */ jsx72(
+      FormSection,
+      {
+        className: "ods-settings-section",
+        divided: false,
+        title: "Join requests",
+        description: "People who asked to join this workspace.",
+        children: joinRequests.length === 0 ? /* @__PURE__ */ jsx72(EmptyState, { title: "No pending requests", size: "sm" }) : /* @__PURE__ */ jsx72("ul", { className: "ods-members-settings__requests", children: joinRequests.map((request) => /* @__PURE__ */ jsxs71("li", { className: "ods-members-settings__request", children: [
+          /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__person", children: [
+            /* @__PURE__ */ jsx72(Avatar, { size: "sm", alt: "", seed: request.name ?? request.email }),
+            /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__person-text", children: [
+              /* @__PURE__ */ jsx72("span", { className: "ods-members-settings__person-name", children: request.name ?? request.email }),
+              /* @__PURE__ */ jsx72("span", { className: "ods-members-settings__person-email", children: request.name ? request.email : request.requestedAt ?? "" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs71("span", { className: "ods-members-settings__request-actions", children: [
+            onRejectRequest && /* @__PURE__ */ jsx72(
+              Button,
+              {
+                variant: "ghost",
+                size: "sm",
+                loading: busyId === `reject-${request.id}`,
+                onClick: () => runMaybeAsync(
+                  onRejectRequest(request),
+                  (v) => setBusyId(v ? `reject-${request.id}` : null)
+                ),
+                children: "Decline"
+              }
             ),
-            children: "Approve"
-          }
-        )
-      ] })
-    ] }, request.id)) }) }),
+            onApproveRequest && /* @__PURE__ */ jsx72(
+              Button,
+              {
+                variant: "secondary",
+                size: "sm",
+                loading: busyId === `approve-${request.id}`,
+                onClick: () => runMaybeAsync(
+                  onApproveRequest(request),
+                  (v) => setBusyId(v ? `approve-${request.id}` : null)
+                ),
+                children: "Approve"
+              }
+            )
+          ] })
+        ] }, request.id)) })
+      }
+    ),
     /* @__PURE__ */ jsx72(
       ConfirmDialog,
       {
@@ -17353,7 +17366,7 @@ function OrganizationSettings({
     }
   };
   return /* @__PURE__ */ jsxs73("div", { className: "ods-org-settings", children: [
-    /* @__PURE__ */ jsx74(FormSection, { title: "Workspace", children: /* @__PURE__ */ jsxs73("div", { className: "ods-org-settings__fields", children: [
+    /* @__PURE__ */ jsx74(FormSection, { className: "ods-settings-section", divided: false, title: "Workspace", children: /* @__PURE__ */ jsxs73("div", { className: "ods-org-settings__fields", children: [
       /* @__PURE__ */ jsx74(
         Input,
         {
@@ -17406,56 +17419,74 @@ function OrganizationSettings({
       ),
       domain && /* @__PURE__ */ jsx74(Input, { label: "Domain", value: domain, disabled: true, readOnly: true })
     ] }) }),
-    (values.requireApproval !== void 0 || values.discoverability !== void 0) && /* @__PURE__ */ jsxs73(FormSection, { title: "Access", description: "How new people get into this workspace.", children: [
-      values.requireApproval !== void 0 && /* @__PURE__ */ jsx74(
-        SettingsRow,
-        {
-          title: "Require approval",
-          description: "An admin must approve every join request.",
-          control: /* @__PURE__ */ jsx74(
-            Switch,
+    (values.requireApproval !== void 0 || values.discoverability !== void 0) && /* @__PURE__ */ jsxs73(
+      FormSection,
+      {
+        className: "ods-settings-section",
+        divided: false,
+        title: "Access",
+        description: "How new people get into this workspace.",
+        children: [
+          values.requireApproval !== void 0 && /* @__PURE__ */ jsx74(
+            SettingsRow,
             {
-              "aria-label": "Require approval",
-              checked: draft.requireApproval ?? false,
-              onChange: (v) => set("requireApproval", v),
-              disabled: busy
+              title: "Require approval",
+              description: "An admin must approve every join request.",
+              control: /* @__PURE__ */ jsx74(
+                Switch,
+                {
+                  "aria-label": "Require approval",
+                  checked: draft.requireApproval ?? false,
+                  onChange: (v) => set("requireApproval", v),
+                  disabled: busy
+                }
+              )
             }
-          )
-        }
-      ),
-      values.discoverability !== void 0 && /* @__PURE__ */ jsx74(
-        SettingsRow,
-        {
-          title: "Domain discovery",
-          description: "Let verified same-domain signups find this workspace and request to join. Off = invisible; invitation only.",
-          control: /* @__PURE__ */ jsx74(
-            Switch,
+          ),
+          values.discoverability !== void 0 && /* @__PURE__ */ jsx74(
+            SettingsRow,
             {
-              "aria-label": "Domain discovery",
-              checked: draft.discoverability === "request",
-              onChange: (v) => set("discoverability", v ? "request" : "private"),
-              disabled: busy
+              title: "Domain discovery",
+              description: "Let verified same-domain signups find this workspace and request to join. Off = invisible; invitation only.",
+              control: /* @__PURE__ */ jsx74(
+                Switch,
+                {
+                  "aria-label": "Domain discovery",
+                  checked: draft.discoverability === "request",
+                  onChange: (v) => set("discoverability", v ? "request" : "private"),
+                  disabled: busy
+                }
+              )
             }
           )
-        }
-      )
-    ] }),
-    summary && /* @__PURE__ */ jsx74(FormSection, { title: "Plan & usage", description: "Managed by the platform.", children: /* @__PURE__ */ jsx74(
-      DescriptionList,
-      {
-        items: [
-          ...summary.plan !== void 0 ? [
-            {
-              label: "Plan",
-              value: /* @__PURE__ */ jsx74(Badge, { variant: "info", children: summary.plan })
-            }
-          ] : [],
-          ...summary.memberCount !== void 0 ? [{ label: "Members", value: String(summary.memberCount) }] : [],
-          ...summary.type !== void 0 ? [{ label: "Type", value: summary.type }] : [],
-          ...summary.createdAt !== void 0 ? [{ label: "Created", value: summary.createdAt }] : []
         ]
       }
-    ) }),
+    ),
+    summary && /* @__PURE__ */ jsx74(
+      FormSection,
+      {
+        className: "ods-settings-section",
+        divided: false,
+        title: "Plan & usage",
+        description: "Managed by the platform.",
+        children: /* @__PURE__ */ jsx74(
+          DescriptionList,
+          {
+            items: [
+              ...summary.plan !== void 0 ? [
+                {
+                  label: "Plan",
+                  value: /* @__PURE__ */ jsx74(Badge, { variant: "info", children: summary.plan })
+                }
+              ] : [],
+              ...summary.memberCount !== void 0 ? [{ label: "Members", value: String(summary.memberCount) }] : [],
+              ...summary.type !== void 0 ? [{ label: "Type", value: summary.type }] : [],
+              ...summary.createdAt !== void 0 ? [{ label: "Created", value: summary.createdAt }] : []
+            ]
+          }
+        )
+      }
+    ),
     children,
     onSave && !readOnly && /* @__PURE__ */ jsx74("div", { className: "ods-org-settings__footer", children: /* @__PURE__ */ jsx74(
       Button,
@@ -17537,7 +17568,7 @@ function ProfileSettings({
     }
   };
   return /* @__PURE__ */ jsxs74("div", { className: "ods-profile-settings", children: [
-    /* @__PURE__ */ jsx75(FormSection, { title: "Identity", children: /* @__PURE__ */ jsxs74("div", { className: "ods-profile-settings__identity", children: [
+    /* @__PURE__ */ jsx75(FormSection, { className: "ods-settings-section", divided: false, title: "Identity", children: /* @__PURE__ */ jsxs74("div", { className: "ods-profile-settings__identity", children: [
       /* @__PURE__ */ jsxs74("div", { className: "ods-profile-settings__avatar", children: [
         /* @__PURE__ */ jsx75(
           Avatar,
@@ -17546,7 +17577,7 @@ function ProfileSettings({
             src: avatar?.src,
             initials: avatar?.initials,
             alt: "Your avatar",
-            seed: email
+            seed: `${values.firstName} ${values.lastName}`.trim() || email
           }
         ),
         onAvatarChange && /* @__PURE__ */ jsx75(Button, { variant: "ghost", size: "sm", onClick: onAvatarChange, disabled: busy, children: "Change avatar" })
@@ -17624,7 +17655,7 @@ function ProfileSettings({
         )
       ] })
     ] }) }),
-    showPreferences && /* @__PURE__ */ jsxs74(FormSection, { title: "Preferences", children: [
+    showPreferences && /* @__PURE__ */ jsxs74(FormSection, { className: "ods-settings-section", divided: false, title: "Preferences", children: [
       values.theme !== void 0 && /* @__PURE__ */ jsx75(
         SettingsRow,
         {
@@ -17682,7 +17713,7 @@ function ProfileSettings({
         }
       )
     ] }),
-    showNotifications && /* @__PURE__ */ jsxs74(FormSection, { title: "Notifications", children: [
+    showNotifications && /* @__PURE__ */ jsxs74(FormSection, { className: "ods-settings-section", divided: false, title: "Notifications", children: [
       values.notifyEmail !== void 0 && /* @__PURE__ */ jsx75(
         SettingsRow,
         {
@@ -17729,7 +17760,7 @@ function ProfileSettings({
         }
       )
     ] }),
-    onChangePassword && /* @__PURE__ */ jsx75(FormSection, { title: "Security", children: /* @__PURE__ */ jsx75(
+    onChangePassword && /* @__PURE__ */ jsx75(FormSection, { className: "ods-settings-section", divided: false, title: "Security", children: /* @__PURE__ */ jsx75(
       SettingsRow,
       {
         title: "Password",
@@ -18739,11 +18770,7 @@ var IntegrationCard = forwardRef53(function IntegrationCard2({
 IntegrationCard.displayName = "IntegrationCard";
 
 // src/components/KanbanCard/KanbanCard.tsx
-import {
-  CalendarIcon as CalendarIcon2,
-  ChatIcon,
-  OverflowMenuHorizontalIcon as OverflowMenuHorizontalIcon2
-} from "@octaviaflow/icons";
+import { CalendarIcon as CalendarIcon2, ChatIcon, OverflowMenuHorizontalIcon as OverflowMenuHorizontalIcon2 } from "@octaviaflow/icons";
 import {
   forwardRef as forwardRef54,
   useId as useId32
@@ -18752,144 +18779,136 @@ import { Fragment as Fragment34, jsx as jsx81, jsxs as jsxs79 } from "react/jsx-
 function isAssigneeObject(v) {
   return typeof v === "object" && v !== null && "name" in v;
 }
-var KanbanCard = forwardRef54(
-  function KanbanCard2({
-    title,
-    titleAs = "h3",
-    tag,
-    tags,
-    badge,
-    date,
-    comments,
-    assignee,
-    priority,
-    onClick,
-    onMore,
-    moreLabel = "More options",
-    href,
-    disabled = false,
-    radius = "sm",
-    id: providedId,
-    className,
-    ...rest
-  }, ref) {
-    const reactId = useId32();
-    const baseId = providedId ?? `ods-kanban-card-${reactId}`;
-    const titleId = `${baseId}-title`;
-    const tagList = tags ?? (tag ? [tag] : []);
-    const isInteractive = Boolean(href || onClick) && !disabled;
-    const renderAssignee = () => {
-      if (!assignee) return null;
-      if (isAssigneeObject(assignee)) {
-        const altText = assignee.avatar?.alt ?? (typeof assignee.name === "string" ? assignee.name : void 0);
-        return /* @__PURE__ */ jsx81(
-          Avatar,
-          {
-            size: "xs",
-            src: assignee.avatar?.src,
-            initials: assignee.avatar?.initials,
-            alt: altText,
-            className: "ods-kanban-card__assignee"
-          }
-        );
-      }
+var KanbanCard = forwardRef54(function KanbanCard2({
+  title,
+  titleAs = "h3",
+  tag,
+  tags,
+  badge,
+  date,
+  comments,
+  assignee,
+  priority,
+  onClick,
+  onMore,
+  moreLabel = "More options",
+  href,
+  disabled = false,
+  radius = "sm",
+  id: providedId,
+  className,
+  ...rest
+}, ref) {
+  const reactId = useId32();
+  const baseId = providedId ?? `ods-kanban-card-${reactId}`;
+  const titleId = `${baseId}-title`;
+  const tagList = tags ?? (tag ? [tag] : []);
+  const isInteractive = Boolean(href || onClick) && !disabled;
+  const renderAssignee = () => {
+    if (!assignee) return null;
+    if (isAssigneeObject(assignee)) {
+      const altText = assignee.avatar?.alt ?? (typeof assignee.name === "string" ? assignee.name : void 0);
       return /* @__PURE__ */ jsx81(
-        "div",
+        Avatar,
         {
-          className: "ods-kanban-card__assignee ods-kanban-card__assignee--legacy",
-          "aria-hidden": "true",
-          children: assignee
+          size: "xs",
+          src: assignee.avatar?.src,
+          initials: assignee.avatar?.initials,
+          seed: assignee.avatar?.seed,
+          palette: assignee.avatar?.palette,
+          alt: altText,
+          className: "ods-kanban-card__assignee"
         }
       );
-    };
-    const body = /* @__PURE__ */ jsxs79(Fragment34, { children: [
-      (tagList.length > 0 || badge || onMore) && /* @__PURE__ */ jsxs79("div", { className: "ods-kanban-card__head", children: [
-        tagList.length > 0 && /* @__PURE__ */ jsx81("span", { className: "ods-kanban-card__tags", children: tagList.map((t, i) => /* @__PURE__ */ jsx81("span", { className: "ods-kanban-card__tag", children: t }, i)) }),
-        badge && /* @__PURE__ */ jsx81("span", { className: "ods-kanban-card__badge", children: badge }),
-        onMore && /* @__PURE__ */ jsx81(
-          "button",
-          {
-            type: "button",
-            className: "ods-kanban-card__more",
-            "aria-label": moreLabel,
-            onClick: (e) => {
-              e.stopPropagation();
-              onMore(e);
-            },
-            children: /* @__PURE__ */ jsx81(OverflowMenuHorizontalIcon2, { size: "xs" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx81(
-        Card.Title,
-        {
-          as: titleAs,
-          id: titleId,
-          className: "ods-kanban-card__title",
-          children: title
-        }
-      ),
-      (date || typeof comments === "number" || assignee) && /* @__PURE__ */ jsxs79("div", { className: "ods-kanban-card__footer", children: [
-        /* @__PURE__ */ jsxs79("div", { className: "ods-kanban-card__meta", children: [
-          date && /* @__PURE__ */ jsxs79("span", { className: "ods-kanban-card__date", children: [
-            /* @__PURE__ */ jsx81(CalendarIcon2, { size: "xs" }),
-            date
-          ] }),
-          typeof comments === "number" && /* @__PURE__ */ jsxs79("span", { className: "ods-kanban-card__comments", children: [
-            /* @__PURE__ */ jsx81(ChatIcon, { size: "xs" }),
-            comments
-          ] })
-        ] }),
-        renderAssignee()
-      ] })
-    ] });
-    const sharedClass = cn(
-      "ods-kanban-card",
-      priority && `ods-kanban-card--${priority}`,
-      isInteractive && "ods-kanban-card--interactive",
-      disabled && "ods-kanban-card--disabled",
-      className
+    }
+    return /* @__PURE__ */ jsx81(
+      "div",
+      {
+        className: "ods-kanban-card__assignee ods-kanban-card__assignee--legacy",
+        "aria-hidden": "true",
+        children: assignee
+      }
     );
-    if (href && !disabled) {
-      return /* @__PURE__ */ jsx81(
-        Card,
+  };
+  const body = /* @__PURE__ */ jsxs79(Fragment34, { children: [
+    (tagList.length > 0 || badge || onMore) && /* @__PURE__ */ jsxs79("div", { className: "ods-kanban-card__head", children: [
+      tagList.length > 0 && /* @__PURE__ */ jsx81("span", { className: "ods-kanban-card__tags", children: tagList.map((t, i) => /* @__PURE__ */ jsx81("span", { className: "ods-kanban-card__tag", children: t }, i)) }),
+      badge && /* @__PURE__ */ jsx81("span", { className: "ods-kanban-card__badge", children: badge }),
+      onMore && /* @__PURE__ */ jsx81(
+        "button",
         {
-          asChild: true,
-          radius,
-          padding: "none",
-          className: sharedClass,
-          "aria-labelledby": titleId,
-          children: /* @__PURE__ */ jsx81(
-            "a",
-            {
-              ...rest,
-              ref,
-              href,
-              id: baseId,
-              onClick,
-              children: body
-            }
-          )
+          type: "button",
+          className: "ods-kanban-card__more",
+          "aria-label": moreLabel,
+          onClick: (e) => {
+            e.stopPropagation();
+            onMore(e);
+          },
+          children: /* @__PURE__ */ jsx81(OverflowMenuHorizontalIcon2, { size: "xs" })
         }
-      );
-    }
+      )
+    ] }),
+    /* @__PURE__ */ jsx81(Card.Title, { as: titleAs, id: titleId, className: "ods-kanban-card__title", children: title }),
+    (date || typeof comments === "number" || assignee) && /* @__PURE__ */ jsxs79("div", { className: "ods-kanban-card__footer", children: [
+      /* @__PURE__ */ jsxs79("div", { className: "ods-kanban-card__meta", children: [
+        date && /* @__PURE__ */ jsxs79("span", { className: "ods-kanban-card__date", children: [
+          /* @__PURE__ */ jsx81(CalendarIcon2, { size: "xs" }),
+          date
+        ] }),
+        typeof comments === "number" && /* @__PURE__ */ jsxs79("span", { className: "ods-kanban-card__comments", children: [
+          /* @__PURE__ */ jsx81(ChatIcon, { size: "xs" }),
+          comments
+        ] })
+      ] }),
+      renderAssignee()
+    ] })
+  ] });
+  const sharedClass = cn(
+    "ods-kanban-card",
+    priority && `ods-kanban-card--${priority}`,
+    isInteractive && "ods-kanban-card--interactive",
+    disabled && "ods-kanban-card--disabled",
+    className
+  );
+  if (href && !disabled) {
     return /* @__PURE__ */ jsx81(
       Card,
       {
-        ...rest,
-        ref,
-        id: baseId,
+        asChild: true,
         radius,
         padding: "none",
-        onClick: isInteractive ? onClick : void 0,
-        disabled,
         className: sharedClass,
         "aria-labelledby": titleId,
-        children: body
+        children: /* @__PURE__ */ jsx81(
+          "a",
+          {
+            ...rest,
+            ref,
+            href,
+            id: baseId,
+            onClick,
+            children: body
+          }
+        )
       }
     );
   }
-);
+  return /* @__PURE__ */ jsx81(
+    Card,
+    {
+      ...rest,
+      ref,
+      id: baseId,
+      radius,
+      padding: "none",
+      onClick: isInteractive ? onClick : void 0,
+      disabled,
+      className: sharedClass,
+      "aria-labelledby": titleId,
+      children: body
+    }
+  );
+});
 KanbanCard.displayName = "KanbanCard";
 
 // src/components/Kbd/Kbd.tsx
@@ -28368,11 +28387,68 @@ var ScrollArea = forwardRef81(
 );
 ScrollArea.displayName = "ScrollArea";
 
+// src/components/SettingsLayout/SettingsLayout.tsx
+import { Fragment as Fragment47, jsx as jsx116, jsxs as jsxs112 } from "react/jsx-runtime";
+function SettingsLayout({
+  groups,
+  activeId,
+  onNavigate,
+  navLabel = "Settings",
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs112("div", { className: cn("ods-settings-layout", className), ...rest, children: [
+    /* @__PURE__ */ jsx116("nav", { className: "ods-settings-layout__nav", "aria-label": navLabel, children: groups.map((group, gi) => /* @__PURE__ */ jsxs112(
+      "div",
+      {
+        className: "ods-settings-layout__group",
+        children: [
+          group.label && /* @__PURE__ */ jsx116("div", { className: "ods-settings-layout__group-label", children: group.label }),
+          /* @__PURE__ */ jsx116("ul", { className: "ods-settings-layout__list", children: group.items.map((item) => {
+            const active = item.id === activeId;
+            const content = /* @__PURE__ */ jsxs112(Fragment47, { children: [
+              item.icon && /* @__PURE__ */ jsx116("span", { className: "ods-settings-layout__item-icon", "aria-hidden": "true", children: item.icon }),
+              /* @__PURE__ */ jsx116("span", { className: "ods-settings-layout__item-label", children: item.label })
+            ] });
+            const itemClass = cn(
+              "ods-settings-layout__item",
+              active && "ods-settings-layout__item--active"
+            );
+            return /* @__PURE__ */ jsx116("li", { children: item.href ? /* @__PURE__ */ jsx116(
+              "a",
+              {
+                className: itemClass,
+                href: item.href,
+                "aria-current": active ? "page" : void 0,
+                onClick: () => onNavigate?.(item.id),
+                children: content
+              }
+            ) : /* @__PURE__ */ jsx116(
+              "button",
+              {
+                type: "button",
+                className: itemClass,
+                "aria-current": active ? "page" : void 0,
+                disabled: item.disabled,
+                onClick: () => onNavigate?.(item.id),
+                children: content
+              }
+            ) }, item.id);
+          }) })
+        ]
+      },
+      gi
+    )) }),
+    /* @__PURE__ */ jsx116("div", { className: "ods-settings-layout__content", children })
+  ] });
+}
+
 // src/components/Sheet/Sheet.tsx
 import { AnimatePresence as AnimatePresence14, motion as motion22 } from "framer-motion";
 import { useEffect as useEffect45 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
-import { Fragment as Fragment47, jsx as jsx116, jsxs as jsxs112 } from "react/jsx-runtime";
+import { Fragment as Fragment48, jsx as jsx117, jsxs as jsxs113 } from "react/jsx-runtime";
 var slideVariants = {
   top: { initial: { y: "-100%" }, animate: { y: 0 }, exit: { y: "-100%" } },
   bottom: { initial: { y: "100%" }, animate: { y: 0 }, exit: { y: "100%" } },
@@ -28416,8 +28492,8 @@ function Sheet({
   const variant = slideVariants[side];
   const resolved = resolveSize(side, size);
   const isVertical = side === "left" || side === "right";
-  const content = /* @__PURE__ */ jsx116(AnimatePresence14, { children: open && /* @__PURE__ */ jsxs112(Fragment47, { children: [
-    /* @__PURE__ */ jsx116(
+  const content = /* @__PURE__ */ jsx117(AnimatePresence14, { children: open && /* @__PURE__ */ jsxs113(Fragment48, { children: [
+    /* @__PURE__ */ jsx117(
       motion22.div,
       {
         className: "ods-sheet__backdrop",
@@ -28429,7 +28505,7 @@ function Sheet({
         "aria-hidden": "true"
       }
     ),
-    /* @__PURE__ */ jsxs112(
+    /* @__PURE__ */ jsxs113(
       motion22.div,
       {
         className: cn("ods-sheet", `ods-sheet--${side}`, className),
@@ -28442,13 +28518,13 @@ function Sheet({
         exit: variant.exit,
         transition: { type: "tween", ease: [0.32, 0.72, 0, 1], duration: 0.28 },
         children: [
-          (side === "bottom" || side === "top") && dragHandle && /* @__PURE__ */ jsx116("div", { className: "ods-sheet__handle", "aria-hidden": "true" }),
-          (title || description) && /* @__PURE__ */ jsxs112("header", { className: "ods-sheet__head", children: [
-            title && /* @__PURE__ */ jsx116("h2", { className: "ods-sheet__title", children: title }),
-            description && /* @__PURE__ */ jsx116("p", { className: "ods-sheet__desc", children: description })
+          (side === "bottom" || side === "top") && dragHandle && /* @__PURE__ */ jsx117("div", { className: "ods-sheet__handle", "aria-hidden": "true" }),
+          (title || description) && /* @__PURE__ */ jsxs113("header", { className: "ods-sheet__head", children: [
+            title && /* @__PURE__ */ jsx117("h2", { className: "ods-sheet__title", children: title }),
+            description && /* @__PURE__ */ jsx117("p", { className: "ods-sheet__desc", children: description })
           ] }),
-          /* @__PURE__ */ jsx116("div", { className: "ods-sheet__body", children }),
-          footer && /* @__PURE__ */ jsx116("footer", { className: "ods-sheet__footer", children: footer })
+          /* @__PURE__ */ jsx117("div", { className: "ods-sheet__body", children }),
+          footer && /* @__PURE__ */ jsx117("footer", { className: "ods-sheet__footer", children: footer })
         ]
       }
     )
@@ -28458,9 +28534,9 @@ function Sheet({
 }
 
 // src/components/Show/Show.tsx
-import { jsx as jsx117 } from "react/jsx-runtime";
+import { jsx as jsx118 } from "react/jsx-runtime";
 function Show({ above, below, children, ...rest }) {
-  return /* @__PURE__ */ jsx117(
+  return /* @__PURE__ */ jsx118(
     "span",
     {
       "data-ods-show": "",
@@ -28475,7 +28551,7 @@ Show.displayName = "Show";
 
 // src/components/Sidebar/Sidebar.tsx
 import { useCallback as useCallback39, useEffect as useEffect46, useRef as useRef42, useState as useState56 } from "react";
-import { Fragment as Fragment48, jsx as jsx118, jsxs as jsxs113 } from "react/jsx-runtime";
+import { Fragment as Fragment49, jsx as jsx119, jsxs as jsxs114 } from "react/jsx-runtime";
 function Sidebar({
   variant = "expanded",
   sections,
@@ -28553,7 +28629,7 @@ function Sidebar({
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
   }, [overlayOpen]);
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "nav",
     {
       className: cn(
@@ -28568,7 +28644,7 @@ function Sidebar({
       onMouseEnter: autoMode && !pinned ? handleEnter : void 0,
       onMouseLeave: autoMode && !pinned ? handleLeave : void 0,
       children: [
-        showAsRail ? /* @__PURE__ */ jsx118(
+        showAsRail ? /* @__PURE__ */ jsx119(
           RailLayout,
           {
             sections: allSections,
@@ -28578,7 +28654,7 @@ function Sidebar({
             tooltipDelay,
             suppressTooltips: overlayOpen
           }
-        ) : /* @__PURE__ */ jsx118(
+        ) : /* @__PURE__ */ jsx119(
           ExpandedLayout,
           {
             sections: allSections,
@@ -28589,7 +28665,7 @@ function Sidebar({
             onPinToggle: autoMode ? () => setPinned(!pinned) : void 0
           }
         ),
-        overlayOpen && /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__overlay", onMouseEnter: handleEnter, onMouseLeave: handleLeave, children: /* @__PURE__ */ jsx118(
+        overlayOpen && /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__overlay", onMouseEnter: handleEnter, onMouseLeave: handleLeave, children: /* @__PURE__ */ jsx119(
           ExpandedLayout,
           {
             sections: allSections,
@@ -28612,8 +28688,8 @@ function RailLayout({
   tooltipDelay,
   suppressTooltips
 }) {
-  return /* @__PURE__ */ jsxs113(Fragment48, { children: [
-    /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__nav-rail", children: sections.flatMap((s) => s.items).map((item) => /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsxs114(Fragment49, { children: [
+    /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__nav-rail", children: sections.flatMap((s) => s.items).map((item) => /* @__PURE__ */ jsx119(
       RailItem,
       {
         item,
@@ -28622,8 +28698,8 @@ function RailLayout({
       },
       item.id
     )) }),
-    /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__spacer" }),
-    footerItems && footerItems.length > 0 && /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__footer-rail", children: footerItems.map((item) => /* @__PURE__ */ jsx118(
+    /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__spacer" }),
+    footerItems && footerItems.length > 0 && /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__footer-rail", children: footerItems.map((item) => /* @__PURE__ */ jsx119(
       RailItem,
       {
         item,
@@ -28632,24 +28708,24 @@ function RailLayout({
       },
       item.id
     )) }),
-    onToggle && /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__footer-control ods-sidebar__footer-control--rail", children: /* @__PURE__ */ jsx118(
+    onToggle && /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__footer-control ods-sidebar__footer-control--rail", children: /* @__PURE__ */ jsx119(
       "button",
       {
         type: "button",
         className: "ods-sidebar__collapse ods-sidebar__collapse--rail",
         onClick: onToggle,
         "aria-label": "Expand sidebar",
-        children: /* @__PURE__ */ jsx118(SidebarToggleIcon, { collapsed: true })
+        children: /* @__PURE__ */ jsx119(SidebarToggleIcon, { collapsed: true })
       }
     ) }),
-    user && /* @__PURE__ */ jsx118(SidebarUserRail, { user })
+    user && /* @__PURE__ */ jsx119(SidebarUserRail, { user })
   ] });
 }
 function SidebarUserRail({ user }) {
   const labelText = typeof user.name === "string" ? user.name : "User";
-  const avatar = user.avatar ?? /* @__PURE__ */ jsx118("span", { children: user.initial ?? (typeof user.name === "string" ? user.name.charAt(0).toUpperCase() : "?") });
+  const avatar = user.avatar ?? /* @__PURE__ */ jsx119("span", { children: user.initial ?? (typeof user.name === "string" ? user.name.charAt(0).toUpperCase() : "?") });
   if (user.menu && user.menu.length > 0) {
-    return /* @__PURE__ */ jsx118(
+    return /* @__PURE__ */ jsx119(
       DropdownMenu,
       {
         trigger: avatar,
@@ -28660,7 +28736,7 @@ function SidebarUserRail({ user }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx118(
+  return /* @__PURE__ */ jsx119(
     "button",
     {
       type: "button",
@@ -28697,7 +28773,7 @@ function RailItem({
   };
   const Comp = item.href ? "a" : "button";
   const labelText = typeof item.label === "string" ? item.label : void 0;
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "div",
     {
       className: "ods-sidebar__rail-wrap",
@@ -28706,7 +28782,7 @@ function RailItem({
       onFocus: show,
       onBlur: hide,
       children: [
-        /* @__PURE__ */ jsx118(
+        /* @__PURE__ */ jsx119(
           Comp,
           {
             type: item.href ? void 0 : "button",
@@ -28721,24 +28797,24 @@ function RailItem({
             "aria-label": labelText,
             "aria-haspopup": hasChildren ? "menu" : void 0,
             "aria-expanded": hasChildren ? open : void 0,
-            children: /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-icon", children: item.icon })
+            children: /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-icon", children: item.icon })
           }
         ),
-        open && labelText && hasChildren && /* @__PURE__ */ jsx118(RailFlyout, { title: labelText, items: item.children ?? [] }),
-        open && labelText && !hasChildren && /* @__PURE__ */ jsxs113("div", { className: "ods-sidebar__rail-tooltip", role: "tooltip", children: [
-          /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-tooltip-label", children: labelText }),
-          item.shortcut && /* @__PURE__ */ jsx118("kbd", { className: "ods-sidebar__rail-kbd", children: item.shortcut })
+        open && labelText && hasChildren && /* @__PURE__ */ jsx119(RailFlyout, { title: labelText, items: item.children ?? [] }),
+        open && labelText && !hasChildren && /* @__PURE__ */ jsxs114("div", { className: "ods-sidebar__rail-tooltip", role: "tooltip", children: [
+          /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-tooltip-label", children: labelText }),
+          item.shortcut && /* @__PURE__ */ jsx119("kbd", { className: "ods-sidebar__rail-kbd", children: item.shortcut })
         ] })
       ]
     }
   );
 }
 function RailFlyout({ title, items }) {
-  return /* @__PURE__ */ jsxs113("div", { className: "ods-sidebar__rail-flyout", role: "menu", children: [
-    /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__rail-flyout-header", children: /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-flyout-title", children: title }) }),
-    /* @__PURE__ */ jsx118("ul", { className: "ods-sidebar__rail-flyout-list", children: items.map((child) => {
+  return /* @__PURE__ */ jsxs114("div", { className: "ods-sidebar__rail-flyout", role: "menu", children: [
+    /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__rail-flyout-header", children: /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-flyout-title", children: title }) }),
+    /* @__PURE__ */ jsx119("ul", { className: "ods-sidebar__rail-flyout-list", children: items.map((child) => {
       const ChildComp = child.href ? "a" : "button";
-      return /* @__PURE__ */ jsx118("li", { children: /* @__PURE__ */ jsxs113(
+      return /* @__PURE__ */ jsx119("li", { children: /* @__PURE__ */ jsxs114(
         ChildComp,
         {
           type: child.href ? void 0 : "button",
@@ -28751,10 +28827,10 @@ function RailFlyout({ title, items }) {
           ),
           "aria-current": child.active ? "page" : void 0,
           children: [
-            /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-flyout-icon", children: child.icon }),
-            /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-flyout-label", children: child.label }),
-            child.tag && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-flyout-tag", children: child.tag }),
-            child.badge && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__rail-flyout-badge", children: child.badge })
+            /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-flyout-icon", children: child.icon }),
+            /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-flyout-label", children: child.label }),
+            child.tag && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-flyout-tag", children: child.tag }),
+            child.badge && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__rail-flyout-badge", children: child.badge })
           ]
         }
       ) }, child.id);
@@ -28770,14 +28846,14 @@ function ExpandedLayout({
   onPinToggle
 }) {
   const hasFooterControl = Boolean(onPinToggle || onToggle);
-  return /* @__PURE__ */ jsxs113(Fragment48, { children: [
-    /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__body", children: sections.map((section, sIdx) => /* @__PURE__ */ jsxs113("div", { className: "ods-sidebar__section", children: [
-      section.label && /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__section-label", children: section.label }),
-      section.items.map((item) => /* @__PURE__ */ jsx118(ExpandedItem, { item, level: 0 }, item.id))
+  return /* @__PURE__ */ jsxs114(Fragment49, { children: [
+    /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__body", children: sections.map((section, sIdx) => /* @__PURE__ */ jsxs114("div", { className: "ods-sidebar__section", children: [
+      section.label && /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__section-label", children: section.label }),
+      section.items.map((item) => /* @__PURE__ */ jsx119(ExpandedItem, { item, level: 0 }, item.id))
     ] }, section.id ?? sIdx)) }),
-    (footerItems || user || hasFooterControl) && /* @__PURE__ */ jsxs113("div", { className: "ods-sidebar__footer", children: [
-      footerItems && footerItems.length > 0 && /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__footer-list", children: footerItems.map((item) => /* @__PURE__ */ jsx118(ExpandedItem, { item, level: 0 }, item.id)) }),
-      hasFooterControl && /* @__PURE__ */ jsx118("div", { className: "ods-sidebar__footer-control", children: onPinToggle ? /* @__PURE__ */ jsxs113(
+    (footerItems || user || hasFooterControl) && /* @__PURE__ */ jsxs114("div", { className: "ods-sidebar__footer", children: [
+      footerItems && footerItems.length > 0 && /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__footer-list", children: footerItems.map((item) => /* @__PURE__ */ jsx119(ExpandedItem, { item, level: 0 }, item.id)) }),
+      hasFooterControl && /* @__PURE__ */ jsx119("div", { className: "ods-sidebar__footer-control", children: onPinToggle ? /* @__PURE__ */ jsxs114(
         "button",
         {
           type: "button",
@@ -28786,11 +28862,11 @@ function ExpandedLayout({
           "aria-label": pinned ? "Unpin sidebar" : "Pin sidebar",
           "aria-pressed": pinned,
           children: [
-            /* @__PURE__ */ jsx118(SidebarToggleIcon, { collapsed: false }),
-            /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__pin-label", children: pinned ? "Unpin" : "Pin sidebar" })
+            /* @__PURE__ */ jsx119(SidebarToggleIcon, { collapsed: false }),
+            /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__pin-label", children: pinned ? "Unpin" : "Pin sidebar" })
           ]
         }
-      ) : /* @__PURE__ */ jsxs113(
+      ) : /* @__PURE__ */ jsxs114(
         "button",
         {
           type: "button",
@@ -28798,17 +28874,17 @@ function ExpandedLayout({
           onClick: onToggle,
           "aria-label": "Collapse sidebar",
           children: [
-            /* @__PURE__ */ jsx118(SidebarToggleIcon, { collapsed: false }),
-            /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__pin-label", children: "Collapse" })
+            /* @__PURE__ */ jsx119(SidebarToggleIcon, { collapsed: false }),
+            /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__pin-label", children: "Collapse" })
           ]
         }
       ) }),
-      user && /* @__PURE__ */ jsx118(SidebarUserCard, { user })
+      user && /* @__PURE__ */ jsx119(SidebarUserCard, { user })
     ] })
   ] });
 }
 function SidebarToggleIcon({ collapsed }) {
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     "svg",
     {
       width: "14",
@@ -28821,8 +28897,8 @@ function SidebarToggleIcon({ collapsed }) {
       strokeLinejoin: "round",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx118("path", { d: "M3 2v12" }),
-        /* @__PURE__ */ jsx118("path", { d: collapsed ? "M8 5l3 3-3 3" : "M11 5l-3 3 3 3" })
+        /* @__PURE__ */ jsx119("path", { d: "M3 2v12" }),
+        /* @__PURE__ */ jsx119("path", { d: collapsed ? "M8 5l3 3-3 3" : "M11 5l-3 3 3 3" })
       ]
     }
   );
@@ -28833,8 +28909,8 @@ function ExpandedItem({ item, level }) {
     item.defaultExpanded ?? (hasChildren && hasActiveDescendant(item))
   );
   if (hasChildren) {
-    return /* @__PURE__ */ jsxs113(Fragment48, { children: [
-      /* @__PURE__ */ jsxs113(
+    return /* @__PURE__ */ jsxs114(Fragment49, { children: [
+      /* @__PURE__ */ jsxs114(
         "button",
         {
           type: "button",
@@ -28851,11 +28927,11 @@ function ExpandedItem({ item, level }) {
           },
           "aria-expanded": open,
           children: [
-            /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__icon", children: item.icon }),
-            /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__label", children: item.label }),
-            item.tag && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__tag", children: item.tag }),
-            item.badge && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__badge", children: item.badge }),
-            /* @__PURE__ */ jsx118(
+            /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__icon", children: item.icon }),
+            /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__label", children: item.label }),
+            item.tag && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__tag", children: item.tag }),
+            item.badge && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__badge", children: item.badge }),
+            /* @__PURE__ */ jsx119(
               "svg",
               {
                 className: cn("ods-sidebar__chevron", open && "ods-sidebar__chevron--open"),
@@ -28864,7 +28940,7 @@ function ExpandedItem({ item, level }) {
                 viewBox: "0 0 12 12",
                 fill: "none",
                 "aria-hidden": "true",
-                children: /* @__PURE__ */ jsx118(
+                children: /* @__PURE__ */ jsx119(
                   "path",
                   {
                     d: "M4.5 3l3 3-3 3",
@@ -28879,20 +28955,20 @@ function ExpandedItem({ item, level }) {
           ]
         }
       ),
-      open && /* @__PURE__ */ jsx118(
+      open && /* @__PURE__ */ jsx119(
         "div",
         {
           className: cn(
             "ods-sidebar__subtree",
             `ods-sidebar__subtree--l${Math.min(level + 1, 3)}`
           ),
-          children: item.children.map((child) => /* @__PURE__ */ jsx118(ExpandedItem, { item: child, level: level + 1 }, child.id))
+          children: item.children.map((child) => /* @__PURE__ */ jsx119(ExpandedItem, { item: child, level: level + 1 }, child.id))
         }
       )
     ] });
   }
   const Comp = item.href ? "a" : "button";
-  return /* @__PURE__ */ jsxs113(
+  return /* @__PURE__ */ jsxs114(
     Comp,
     {
       type: item.href ? void 0 : "button",
@@ -28905,30 +28981,30 @@ function ExpandedItem({ item, level }) {
       ),
       "aria-current": item.active ? "page" : void 0,
       children: [
-        /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__icon", children: item.icon }),
-        /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__label", children: item.label }),
-        item.tag && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__tag", children: item.tag }),
-        item.badge && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__badge", children: item.badge })
+        /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__icon", children: item.icon }),
+        /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__label", children: item.label }),
+        item.tag && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__tag", children: item.tag }),
+        item.badge && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__badge", children: item.badge })
       ]
     }
   );
 }
 function SidebarUserCard({ user }) {
   const labelText = typeof user.name === "string" ? user.name : "User";
-  const body = /* @__PURE__ */ jsxs113(Fragment48, { children: [
-    /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__user-avatar", children: user.avatar ?? /* @__PURE__ */ jsx118("span", { children: user.initial ?? (typeof user.name === "string" ? user.name.charAt(0).toUpperCase() : "?") }) }),
-    /* @__PURE__ */ jsxs113("span", { className: "ods-sidebar__user-info", children: [
-      /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__user-name", children: user.name }),
-      user.email && /* @__PURE__ */ jsx118("span", { className: "ods-sidebar__user-email", children: user.email })
+  const body = /* @__PURE__ */ jsxs114(Fragment49, { children: [
+    /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__user-avatar", children: user.avatar ?? /* @__PURE__ */ jsx119("span", { children: user.initial ?? (typeof user.name === "string" ? user.name.charAt(0).toUpperCase() : "?") }) }),
+    /* @__PURE__ */ jsxs114("span", { className: "ods-sidebar__user-info", children: [
+      /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__user-name", children: user.name }),
+      user.email && /* @__PURE__ */ jsx119("span", { className: "ods-sidebar__user-email", children: user.email })
     ] }),
-    /* @__PURE__ */ jsxs113("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx118("circle", { cx: "8", cy: "3", r: "1.3", fill: "currentColor" }),
-      /* @__PURE__ */ jsx118("circle", { cx: "8", cy: "8", r: "1.3", fill: "currentColor" }),
-      /* @__PURE__ */ jsx118("circle", { cx: "8", cy: "13", r: "1.3", fill: "currentColor" })
+    /* @__PURE__ */ jsxs114("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx119("circle", { cx: "8", cy: "3", r: "1.3", fill: "currentColor" }),
+      /* @__PURE__ */ jsx119("circle", { cx: "8", cy: "8", r: "1.3", fill: "currentColor" }),
+      /* @__PURE__ */ jsx119("circle", { cx: "8", cy: "13", r: "1.3", fill: "currentColor" })
     ] })
   ] });
   if (user.menu && user.menu.length > 0) {
-    return /* @__PURE__ */ jsx118(
+    return /* @__PURE__ */ jsx119(
       DropdownMenu,
       {
         trigger: body,
@@ -28940,7 +29016,7 @@ function SidebarUserCard({ user }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx118("button", { type: "button", className: "ods-sidebar__user-card", onClick: user.onClick, children: body });
+  return /* @__PURE__ */ jsx119("button", { type: "button", className: "ods-sidebar__user-card", onClick: user.onClick, children: body });
 }
 function hasActiveDescendant(item) {
   if (!item.children) return false;
@@ -28956,7 +29032,7 @@ import { AnimatePresence as AnimatePresence15, motion as motion23 } from "framer
 import { useEffect as useEffect47, useRef as useRef43 } from "react";
 import { FocusScope as FocusScope2, OverlayProvider as OverlayProvider2, useDialog as useDialog2, useModal as useModal2, useOverlay as useOverlay2 } from "react-aria";
 import { createPortal as createPortal15 } from "react-dom";
-import { Fragment as Fragment49, jsx as jsx119, jsxs as jsxs114 } from "react/jsx-runtime";
+import { Fragment as Fragment50, jsx as jsx120, jsxs as jsxs115 } from "react/jsx-runtime";
 var slideVariants2 = {
   left: {
     initial: { x: "-100%" },
@@ -29022,8 +29098,8 @@ function SlideoutContent({
   const { onDrag, onDragStart, onDragEnd, onAnimationStart, ...safeOverlayProps } = overlayProps;
   const variant = slideVariants2[position];
   const panelWidth = typeof width === "number" ? `${width}px` : width;
-  return /* @__PURE__ */ jsx119(AnimatePresence15, { children: open && /* @__PURE__ */ jsxs114(Fragment49, { children: [
-    /* @__PURE__ */ jsx119(
+  return /* @__PURE__ */ jsx120(AnimatePresence15, { children: open && /* @__PURE__ */ jsxs115(Fragment50, { children: [
+    /* @__PURE__ */ jsx120(
       motion23.div,
       {
         className: "ods-slideout__backdrop",
@@ -29037,7 +29113,7 @@ function SlideoutContent({
         style: insetStyle
       }
     ),
-    /* @__PURE__ */ jsx119(FocusScope2, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs114(
+    /* @__PURE__ */ jsx120(FocusScope2, { contain: true, restoreFocus: true, autoFocus: true, children: /* @__PURE__ */ jsxs115(
       motion23.div,
       {
         ...safeOverlayProps,
@@ -29054,21 +29130,21 @@ function SlideoutContent({
         exit: variant.exit,
         transition: { type: "tween", ease: [0.32, 0.72, 0, 1], duration: 0.28 },
         children: [
-          title && /* @__PURE__ */ jsxs114("div", { className: "ods-slideout__header", children: [
-            /* @__PURE__ */ jsx119("h2", { ...titleProps, className: "ods-slideout__title", children: title }),
-            /* @__PURE__ */ jsx119(
+          title && /* @__PURE__ */ jsxs115("div", { className: "ods-slideout__header", children: [
+            /* @__PURE__ */ jsx120("h2", { ...titleProps, className: "ods-slideout__title", children: title }),
+            /* @__PURE__ */ jsx120(
               "button",
               {
                 className: "ods-slideout__close",
                 onClick: onClose,
                 "aria-label": "Close panel",
                 type: "button",
-                children: /* @__PURE__ */ jsx119("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx119("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) })
+                children: /* @__PURE__ */ jsx120("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx120("path", { d: "M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" }) })
               }
             )
           ] }),
-          /* @__PURE__ */ jsx119("div", { className: "ods-slideout__body", children }),
-          footer && /* @__PURE__ */ jsx119("div", { className: "ods-slideout__footer", children: footer })
+          /* @__PURE__ */ jsx120("div", { className: "ods-slideout__body", children }),
+          footer && /* @__PURE__ */ jsx120("div", { className: "ods-slideout__footer", children: footer })
         ]
       }
     ) })
@@ -29077,7 +29153,7 @@ function SlideoutContent({
 function SlideoutPanel(props) {
   if (typeof document === "undefined") return null;
   return createPortal15(
-    /* @__PURE__ */ jsx119(OverlayProvider2, { children: /* @__PURE__ */ jsx119(SlideoutContent, { ...props }) }),
+    /* @__PURE__ */ jsx120(OverlayProvider2, { children: /* @__PURE__ */ jsx120(SlideoutContent, { ...props }) }),
     document.body
   );
 }
@@ -29115,8 +29191,8 @@ function useRelativeTime(date, options2 = {}) {
 }
 
 // src/components/VersionHistory/VersionHistory.tsx
-import { jsx as jsx120, jsxs as jsxs115 } from "react/jsx-runtime";
-var ChevronGlyph = ({ open }) => /* @__PURE__ */ jsx120(
+import { jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
+var ChevronGlyph = ({ open }) => /* @__PURE__ */ jsx121(
   "svg",
   {
     width: "16",
@@ -29125,12 +29201,12 @@ var ChevronGlyph = ({ open }) => /* @__PURE__ */ jsx120(
     fill: "currentColor",
     "aria-hidden": "true",
     style: { transform: open ? "rotate(180deg)" : "none", transition: "transform 120ms ease" },
-    children: /* @__PURE__ */ jsx120("path", { d: "M5.22 7.22a.75.75 0 011.06 0L10 10.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 8.28a.75.75 0 010-1.06z" })
+    children: /* @__PURE__ */ jsx121("path", { d: "M5.22 7.22a.75.75 0 011.06 0L10 10.94l3.72-3.72a.75.75 0 111.06 1.06l-4.25 4.25a.75.75 0 01-1.06 0L5.22 8.28a.75.75 0 010-1.06z" })
   }
 );
-var RefreshGlyph = () => /* @__PURE__ */ jsx120("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx120("path", { d: "M10 3.5a6.5 6.5 0 015.74 3.46.75.75 0 11-1.32.71A5 5 0 005 8.5h1.75a.5.5 0 01.35.85L4.6 11.85a.5.5 0 01-.7 0L1.4 9.35A.5.5 0 011.75 8.5H3.5A6.5 6.5 0 0110 3.5zm4.4 4.65a.5.5 0 01.7 0l2.5 2.5a.5.5 0 01-.35.85H15.5A6.5 6.5 0 014.26 12.54a.75.75 0 011.32-.71A5 5 0 0015 11.5h-1.75a.5.5 0 01-.35-.85l2.5-2.5z" }) });
-var RestoreGlyph = () => /* @__PURE__ */ jsx120("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx120("path", { d: "M9 3.5a6.5 6.5 0 106.4 7.62.75.75 0 10-1.48-.24A5 5 0 119 5v1.94a.4.4 0 00.66.3l3.13-2.69a.4.4 0 000-.6L9.66 1.26a.4.4 0 00-.66.3V3.5z" }) });
-var ArrowGlyph = () => /* @__PURE__ */ jsx120("svg", { width: "12", height: "12", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx120("path", { d: "M3 10a.75.75 0 01.75-.75h9.69L10.22 6.03a.75.75 0 011.06-1.06l4.5 4.5a.75.75 0 010 1.06l-4.5 4.5a.75.75 0 11-1.06-1.06l3.22-3.22H3.75A.75.75 0 013 10z" }) });
+var RefreshGlyph = () => /* @__PURE__ */ jsx121("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx121("path", { d: "M10 3.5a6.5 6.5 0 015.74 3.46.75.75 0 11-1.32.71A5 5 0 005 8.5h1.75a.5.5 0 01.35.85L4.6 11.85a.5.5 0 01-.7 0L1.4 9.35A.5.5 0 011.75 8.5H3.5A6.5 6.5 0 0110 3.5zm4.4 4.65a.5.5 0 01.7 0l2.5 2.5a.5.5 0 01-.35.85H15.5A6.5 6.5 0 014.26 12.54a.75.75 0 011.32-.71A5 5 0 0015 11.5h-1.75a.5.5 0 01-.35-.85l2.5-2.5z" }) });
+var RestoreGlyph = () => /* @__PURE__ */ jsx121("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx121("path", { d: "M9 3.5a6.5 6.5 0 106.4 7.62.75.75 0 10-1.48-.24A5 5 0 119 5v1.94a.4.4 0 00.66.3l3.13-2.69a.4.4 0 000-.6L9.66 1.26a.4.4 0 00-.66.3V3.5z" }) });
+var ArrowGlyph = () => /* @__PURE__ */ jsx121("svg", { width: "12", height: "12", viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx121("path", { d: "M3 10a.75.75 0 01.75-.75h9.69L10.22 6.03a.75.75 0 011.06-1.06l4.5 4.5a.75.75 0 010 1.06l-4.5 4.5a.75.75 0 11-1.06-1.06l3.22-3.22H3.75A.75.75 0 013 10z" }) });
 var TONE_TO_CHIP = {
   neutral: "default",
   accent: "primary",
@@ -29171,7 +29247,7 @@ function VersionHistory({
   const [expandedId, setExpandedId] = useState58(defaultExpandedId);
   const baseId = useId47();
   const showToolbar = Boolean(tabs && tabs.length > 0 || onRefresh);
-  return /* @__PURE__ */ jsxs115(
+  return /* @__PURE__ */ jsxs116(
     SlideoutPanel,
     {
       open,
@@ -29183,10 +29259,10 @@ function VersionHistory({
       offsetBottom,
       className: cn("ods-version-history", className),
       children: [
-        showToolbar && /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__toolbar", children: [
-          tabs && tabs.length > 0 ? /* @__PURE__ */ jsx120("div", { className: "ods-version-history__tabs", role: "tablist", "aria-label": "History source", children: tabs.map((tab) => {
+        showToolbar && /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__toolbar", children: [
+          tabs && tabs.length > 0 ? /* @__PURE__ */ jsx121("div", { className: "ods-version-history__tabs", role: "tablist", "aria-label": "History source", children: tabs.map((tab) => {
             const selected = tab.id === activeTab;
-            return /* @__PURE__ */ jsxs115(
+            return /* @__PURE__ */ jsxs116(
               "button",
               {
                 type: "button",
@@ -29198,15 +29274,15 @@ function VersionHistory({
                 ),
                 onClick: () => onTabChange?.(tab.id),
                 children: [
-                  tab.icon && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__tab-icon", children: tab.icon }),
+                  tab.icon && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__tab-icon", children: tab.icon }),
                   tab.label,
-                  typeof tab.count === "number" && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__tab-count", children: tab.count })
+                  typeof tab.count === "number" && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__tab-count", children: tab.count })
                 ]
               },
               tab.id
             );
-          }) }) : /* @__PURE__ */ jsx120("span", {}),
-          onRefresh && /* @__PURE__ */ jsx120(
+          }) }) : /* @__PURE__ */ jsx121("span", {}),
+          onRefresh && /* @__PURE__ */ jsx121(
             "button",
             {
               type: "button",
@@ -29216,22 +29292,22 @@ function VersionHistory({
               "aria-label": "Refresh history",
               title: "Refresh",
               "data-spinning": refreshing || void 0,
-              children: /* @__PURE__ */ jsx120(RefreshGlyph, {})
+              children: /* @__PURE__ */ jsx121(RefreshGlyph, {})
             }
           )
         ] }),
-        error && /* @__PURE__ */ jsx120("div", { className: "ods-version-history__banner", children: /* @__PURE__ */ jsx120(Banner, { variant: "error", appearance: "subtle", title: "Couldn't load history", description: error }) }),
-        /* @__PURE__ */ jsx120("div", { className: "ods-version-history__body", role: "tabpanel", children: loading ? /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__status", role: "status", "aria-live": "polite", children: [
-          /* @__PURE__ */ jsx120(Spinner, { size: "md", tone: "accent", label: "Loading history" }),
-          /* @__PURE__ */ jsx120("span", { className: "ods-version-history__status-label", children: "Loading history\u2026" })
-        ] }) : entries.length === 0 ? /* @__PURE__ */ jsx120("div", { className: "ods-version-history__status ods-version-history__status--empty", children: /* @__PURE__ */ jsx120("span", { className: "ods-version-history__status-label", children: emptyLabel }) }) : /* @__PURE__ */ jsx120("ol", { className: "ods-version-history__list", children: entries.map((entry) => {
+        error && /* @__PURE__ */ jsx121("div", { className: "ods-version-history__banner", children: /* @__PURE__ */ jsx121(Banner, { variant: "error", appearance: "subtle", title: "Couldn't load history", description: error }) }),
+        /* @__PURE__ */ jsx121("div", { className: "ods-version-history__body", role: "tabpanel", children: loading ? /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__status", role: "status", "aria-live": "polite", children: [
+          /* @__PURE__ */ jsx121(Spinner, { size: "md", tone: "accent", label: "Loading history" }),
+          /* @__PURE__ */ jsx121("span", { className: "ods-version-history__status-label", children: "Loading history\u2026" })
+        ] }) : entries.length === 0 ? /* @__PURE__ */ jsx121("div", { className: "ods-version-history__status ods-version-history__status--empty", children: /* @__PURE__ */ jsx121("span", { className: "ods-version-history__status-label", children: emptyLabel }) }) : /* @__PURE__ */ jsx121("ol", { className: "ods-version-history__list", children: entries.map((entry) => {
           const tone = entry.tone ?? "neutral";
           const isExpanded = expandedId === entry.id;
           const hasDetails = Boolean(entry.diff && entry.diff.length > 0 || entry.details);
           const detailsId = `${baseId}-${entry.id}-details`;
           const reversible = entry.reversible !== false;
           const time = renderTime(entry.timestamp);
-          return /* @__PURE__ */ jsxs115(
+          return /* @__PURE__ */ jsxs116(
             "li",
             {
               className: cn(
@@ -29240,26 +29316,26 @@ function VersionHistory({
               ),
               "aria-current": entry.current ? "true" : void 0,
               children: [
-                /* @__PURE__ */ jsx120("div", { className: "ods-version-history__rail", "aria-hidden": "true", children: /* @__PURE__ */ jsx120(
+                /* @__PURE__ */ jsx121("div", { className: "ods-version-history__rail", "aria-hidden": "true", children: /* @__PURE__ */ jsx121(
                   "span",
                   {
                     className: "ods-version-history__dot",
                     "data-tone": tone
                   }
                 ) }),
-                /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__main", children: [
-                  /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__head", children: [
-                    /* @__PURE__ */ jsx120("span", { className: "ods-version-history__title", children: entry.title }),
-                    entry.current && /* @__PURE__ */ jsx120(Chip, { size: "sm", variant: "success", children: "Current" }),
-                    entry.tag != null && /* @__PURE__ */ jsx120(Chip, { size: "sm", variant: TONE_TO_CHIP[tone], children: entry.tag })
+                /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__main", children: [
+                  /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__head", children: [
+                    /* @__PURE__ */ jsx121("span", { className: "ods-version-history__title", children: entry.title }),
+                    entry.current && /* @__PURE__ */ jsx121(Chip, { size: "sm", variant: "success", children: "Current" }),
+                    entry.tag != null && /* @__PURE__ */ jsx121(Chip, { size: "sm", variant: TONE_TO_CHIP[tone], children: entry.tag })
                   ] }),
-                  (entry.author || time) && /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__meta", children: [
-                    entry.author && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__author", children: entry.author }),
-                    entry.author && time && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__dot-sep", "aria-hidden": "true", children: "\xB7" }),
-                    time && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__time", children: time })
+                  (entry.author || time) && /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__meta", children: [
+                    entry.author && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__author", children: entry.author }),
+                    entry.author && time && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__dot-sep", "aria-hidden": "true", children: "\xB7" }),
+                    time && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__time", children: time })
                   ] }),
-                  entry.description && /* @__PURE__ */ jsx120("p", { className: "ods-version-history__desc", children: entry.description }),
-                  hasDetails && /* @__PURE__ */ jsxs115(
+                  entry.description && /* @__PURE__ */ jsx121("p", { className: "ods-version-history__desc", children: entry.description }),
+                  hasDetails && /* @__PURE__ */ jsxs116(
                     "button",
                     {
                       type: "button",
@@ -29268,30 +29344,30 @@ function VersionHistory({
                       "aria-controls": detailsId,
                       onClick: () => setExpandedId(isExpanded ? null : entry.id),
                       children: [
-                        /* @__PURE__ */ jsx120(ChevronGlyph, { open: isExpanded }),
+                        /* @__PURE__ */ jsx121(ChevronGlyph, { open: isExpanded }),
                         isExpanded ? "Hide changes" : "Show changes"
                       ]
                     }
                   ),
-                  hasDetails && isExpanded && /* @__PURE__ */ jsxs115("div", { id: detailsId, className: "ods-version-history__details", children: [
-                    entry.diff && entry.diff.length > 0 && /* @__PURE__ */ jsx120("dl", { className: "ods-version-history__diff", children: entry.diff.map((row, i) => /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__diff-row", children: [
-                      /* @__PURE__ */ jsx120("dt", { className: "ods-version-history__diff-field", children: row.field }),
-                      /* @__PURE__ */ jsxs115("dd", { className: "ods-version-history__diff-change", children: [
-                        row.from != null && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__diff-from", children: row.from }),
-                        row.from != null && row.to != null && /* @__PURE__ */ jsx120(ArrowGlyph, {}),
-                        row.to != null && /* @__PURE__ */ jsx120("span", { className: "ods-version-history__diff-to", children: row.to })
+                  hasDetails && isExpanded && /* @__PURE__ */ jsxs116("div", { id: detailsId, className: "ods-version-history__details", children: [
+                    entry.diff && entry.diff.length > 0 && /* @__PURE__ */ jsx121("dl", { className: "ods-version-history__diff", children: entry.diff.map((row, i) => /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__diff-row", children: [
+                      /* @__PURE__ */ jsx121("dt", { className: "ods-version-history__diff-field", children: row.field }),
+                      /* @__PURE__ */ jsxs116("dd", { className: "ods-version-history__diff-change", children: [
+                        row.from != null && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__diff-from", children: row.from }),
+                        row.from != null && row.to != null && /* @__PURE__ */ jsx121(ArrowGlyph, {}),
+                        row.to != null && /* @__PURE__ */ jsx121("span", { className: "ods-version-history__diff-to", children: row.to })
                       ] })
                     ] }, i)) }),
                     entry.details
                   ] }),
-                  (onPreview || onApply && reversible) && /* @__PURE__ */ jsxs115("div", { className: "ods-version-history__actions", children: [
-                    onPreview && /* @__PURE__ */ jsx120(Button, { size: "sm", variant: "ghost", onClick: () => onPreview(entry), children: previewLabel }),
-                    onApply && reversible && /* @__PURE__ */ jsx120(
+                  (onPreview || onApply && reversible) && /* @__PURE__ */ jsxs116("div", { className: "ods-version-history__actions", children: [
+                    onPreview && /* @__PURE__ */ jsx121(Button, { size: "sm", variant: "ghost", onClick: () => onPreview(entry), children: previewLabel }),
+                    onApply && reversible && /* @__PURE__ */ jsx121(
                       Button,
                       {
                         size: "sm",
                         variant: "secondary",
-                        leftIcon: /* @__PURE__ */ jsx120(RestoreGlyph, {}),
+                        leftIcon: /* @__PURE__ */ jsx121(RestoreGlyph, {}),
                         disabled: entry.current,
                         onClick: () => onApply(entry),
                         children: applyLabel
@@ -29311,7 +29387,7 @@ function VersionHistory({
 VersionHistory.displayName = "VersionHistory";
 
 // src/components/StatusList/StatusList.tsx
-import { Fragment as Fragment50, jsx as jsx121, jsxs as jsxs116 } from "react/jsx-runtime";
+import { Fragment as Fragment51, jsx as jsx122, jsxs as jsxs117 } from "react/jsx-runtime";
 var TONE_TO_CHIP2 = {
   success: "success",
   running: "primary",
@@ -29333,30 +29409,30 @@ function StatusList({
 }) {
   const visible = typeof max === "number" ? items.slice(0, max) : items;
   const overflow = items.length - visible.length;
-  const renderRowInner = (item) => /* @__PURE__ */ jsxs116(Fragment50, { children: [
-    /* @__PURE__ */ jsx121(
+  const renderRowInner = (item) => /* @__PURE__ */ jsxs117(Fragment51, { children: [
+    /* @__PURE__ */ jsx122(
       "span",
       {
         className: "ods-status-list__lead",
         "data-tone": item.tone ?? "neutral",
         "aria-hidden": "true",
-        children: item.icon ?? /* @__PURE__ */ jsx121("span", { className: "ods-status-list__dot" })
+        children: item.icon ?? /* @__PURE__ */ jsx122("span", { className: "ods-status-list__dot" })
       }
     ),
-    /* @__PURE__ */ jsxs116("span", { className: "ods-status-list__text", children: [
-      /* @__PURE__ */ jsx121("span", { className: "ods-status-list__name", children: item.name }),
-      item.meta != null && /* @__PURE__ */ jsx121("span", { className: "ods-status-list__meta", children: item.meta })
+    /* @__PURE__ */ jsxs117("span", { className: "ods-status-list__text", children: [
+      /* @__PURE__ */ jsx122("span", { className: "ods-status-list__name", children: item.name }),
+      item.meta != null && /* @__PURE__ */ jsx122("span", { className: "ods-status-list__meta", children: item.meta })
     ] }),
-    item.sparkline && item.sparkline.length > 1 && /* @__PURE__ */ jsx121("span", { className: "ods-status-list__spark", children: /* @__PURE__ */ jsx121(Sparkline, { data: item.sparkline, width: 72, height: 22 }) }),
-    item.status != null && /* @__PURE__ */ jsx121(Chip, { size: "sm", variant: TONE_TO_CHIP2[item.tone ?? "neutral"], children: item.status }),
-    item.trailing != null && /* @__PURE__ */ jsx121("span", { className: "ods-status-list__trailing", children: item.trailing })
+    item.sparkline && item.sparkline.length > 1 && /* @__PURE__ */ jsx122("span", { className: "ods-status-list__spark", children: /* @__PURE__ */ jsx122(Sparkline, { data: item.sparkline, width: 72, height: 22 }) }),
+    item.status != null && /* @__PURE__ */ jsx122(Chip, { size: "sm", variant: TONE_TO_CHIP2[item.tone ?? "neutral"], children: item.status }),
+    item.trailing != null && /* @__PURE__ */ jsx122("span", { className: "ods-status-list__trailing", children: item.trailing })
   ] });
-  return /* @__PURE__ */ jsxs116("div", { className: cn("ods-status-list", className), ...rest, children: [
-    (title != null || action != null) && /* @__PURE__ */ jsxs116("div", { className: "ods-status-list__header", children: [
-      title != null && /* @__PURE__ */ jsx121("h3", { className: "ods-status-list__title", children: title }),
-      action != null && /* @__PURE__ */ jsx121("div", { className: "ods-status-list__action", children: action })
+  return /* @__PURE__ */ jsxs117("div", { className: cn("ods-status-list", className), ...rest, children: [
+    (title != null || action != null) && /* @__PURE__ */ jsxs117("div", { className: "ods-status-list__header", children: [
+      title != null && /* @__PURE__ */ jsx122("h3", { className: "ods-status-list__title", children: title }),
+      action != null && /* @__PURE__ */ jsx122("div", { className: "ods-status-list__action", children: action })
     ] }),
-    visible.length === 0 ? /* @__PURE__ */ jsx121("div", { className: "ods-status-list__empty", children: emptyLabel }) : /* @__PURE__ */ jsx121(
+    visible.length === 0 ? /* @__PURE__ */ jsx122("div", { className: "ods-status-list__empty", children: emptyLabel }) : /* @__PURE__ */ jsx122(
       "ul",
       {
         className: cn(
@@ -29370,7 +29446,7 @@ function StatusList({
             interactive && "ods-status-list__row--interactive",
             item.muted && "ods-status-list__row--muted"
           );
-          return /* @__PURE__ */ jsx121("li", { className: "ods-status-list__item", children: item.href ? /* @__PURE__ */ jsx121("a", { className: rowClass, href: item.href, children: renderRowInner(item) }) : onItemClick ? /* @__PURE__ */ jsx121(
+          return /* @__PURE__ */ jsx122("li", { className: "ods-status-list__item", children: item.href ? /* @__PURE__ */ jsx122("a", { className: rowClass, href: item.href, children: renderRowInner(item) }) : onItemClick ? /* @__PURE__ */ jsx122(
             "button",
             {
               type: "button",
@@ -29378,11 +29454,11 @@ function StatusList({
               onClick: () => onItemClick(item),
               children: renderRowInner(item)
             }
-          ) : /* @__PURE__ */ jsx121("div", { className: rowClass, children: renderRowInner(item) }) }, item.id);
+          ) : /* @__PURE__ */ jsx122("div", { className: rowClass, children: renderRowInner(item) }) }, item.id);
         })
       }
     ),
-    overflow > 0 && /* @__PURE__ */ jsxs116("div", { className: "ods-status-list__more", children: [
+    overflow > 0 && /* @__PURE__ */ jsxs117("div", { className: "ods-status-list__more", children: [
       "+",
       overflow,
       " more"
@@ -29396,7 +29472,7 @@ import {
   forwardRef as forwardRef82,
   useId as useId48
 } from "react";
-import { jsx as jsx122, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx123, jsxs as jsxs118 } from "react/jsx-runtime";
 var Slider = forwardRef82(function Slider2({
   label,
   value,
@@ -29430,7 +29506,7 @@ var Slider = forwardRef82(function Slider2({
   const valueText = String(display);
   const handle = (e) => onChange?.(Number(e.target.value));
   const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs117(
+  return /* @__PURE__ */ jsxs118(
     "div",
     {
       className: cn(
@@ -29442,8 +29518,8 @@ var Slider = forwardRef82(function Slider2({
         className
       ),
       children: [
-        (label || showValue) && /* @__PURE__ */ jsxs117("div", { className: "ods-slider__head", children: [
-          label && /* @__PURE__ */ jsx122(
+        (label || showValue) && /* @__PURE__ */ jsxs118("div", { className: "ods-slider__head", children: [
+          label && /* @__PURE__ */ jsx123(
             "label",
             {
               id: labelId,
@@ -29452,17 +29528,17 @@ var Slider = forwardRef82(function Slider2({
               children: label
             }
           ),
-          showValue && /* @__PURE__ */ jsx122("span", { className: "ods-slider__value", "aria-hidden": "true", children: display })
+          showValue && /* @__PURE__ */ jsx123("span", { className: "ods-slider__value", "aria-hidden": "true", children: display })
         ] }),
-        /* @__PURE__ */ jsxs117("div", { className: "ods-slider__track", children: [
-          /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsxs118("div", { className: "ods-slider__track", children: [
+          /* @__PURE__ */ jsx123(
             "span",
             {
               className: "ods-slider__fill",
               style: { width: `${pct}%` }
             }
           ),
-          /* @__PURE__ */ jsx122(
+          /* @__PURE__ */ jsx123(
             "input",
             {
               ...rest,
@@ -29486,22 +29562,22 @@ var Slider = forwardRef82(function Slider2({
         ] }),
         marks && marks.length > 0 && // Marks are decorative — aria-hidden so the screen reader hears
         // the formatted value, not "tick mark, tick mark, …".
-        /* @__PURE__ */ jsx122("div", { className: "ods-slider__marks", "aria-hidden": "true", children: marks.map((m) => {
+        /* @__PURE__ */ jsx123("div", { className: "ods-slider__marks", "aria-hidden": "true", children: marks.map((m) => {
           const left = (m.value - min) / span * 100;
-          return /* @__PURE__ */ jsxs117(
+          return /* @__PURE__ */ jsxs118(
             "div",
             {
               className: "ods-slider__mark",
               style: { left: `${left}%` },
               children: [
-                /* @__PURE__ */ jsx122("span", { className: "ods-slider__mark-tick" }),
-                m.label && /* @__PURE__ */ jsx122("span", { className: "ods-slider__mark-label", children: m.label })
+                /* @__PURE__ */ jsx123("span", { className: "ods-slider__mark-tick" }),
+                m.label && /* @__PURE__ */ jsx123("span", { className: "ods-slider__mark-label", children: m.label })
               ]
             },
             m.value
           );
         }) }),
-        error ? /* @__PURE__ */ jsx122(
+        error ? /* @__PURE__ */ jsx123(
           "div",
           {
             id: hintId,
@@ -29509,7 +29585,7 @@ var Slider = forwardRef82(function Slider2({
             role: "alert",
             children: error
           }
-        ) : helperText ? /* @__PURE__ */ jsx122("div", { id: hintId, className: "ods-slider__hint", children: helperText }) : null
+        ) : helperText ? /* @__PURE__ */ jsx123("div", { id: hintId, className: "ods-slider__hint", children: helperText }) : null
       ]
     }
   );
@@ -29520,9 +29596,9 @@ Slider.displayName = "Slider";
 import {
   Children as Children2,
   forwardRef as forwardRef83,
-  Fragment as Fragment51
+  Fragment as Fragment52
 } from "react";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx124 } from "react/jsx-runtime";
 function resolveGap2(gap) {
   if (typeof gap === "string") return gap;
   if (gap === 0) return "0";
@@ -29561,11 +29637,11 @@ var Stack = forwardRef83(function Stack2({
   const Component = as ?? "div";
   const items = divider ? Children2.toArray(children).flatMap(
     (child, i, arr) => i < arr.length - 1 ? [
-      /* @__PURE__ */ jsx123(Fragment51, { children: child }, `item-${i}`),
-      /* @__PURE__ */ jsx123(Fragment51, { children: divider }, `divider-${i}`)
-    ] : [/* @__PURE__ */ jsx123(Fragment51, { children: child }, `item-${i}`)]
+      /* @__PURE__ */ jsx124(Fragment52, { children: child }, `item-${i}`),
+      /* @__PURE__ */ jsx124(Fragment52, { children: divider }, `divider-${i}`)
+    ] : [/* @__PURE__ */ jsx124(Fragment52, { children: child }, `item-${i}`)]
   ) : children;
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx124(
     Component,
     {
       ...rest,
@@ -29593,13 +29669,13 @@ var Stack = forwardRef83(function Stack2({
 Stack.displayName = "Stack";
 var HStack = forwardRef83(
   function HStack2(props, ref) {
-    return /* @__PURE__ */ jsx123(Stack, { ref, direction: "row", ...props });
+    return /* @__PURE__ */ jsx124(Stack, { ref, direction: "row", ...props });
   }
 );
 HStack.displayName = "HStack";
 var VStack = forwardRef83(
   function VStack2(props, ref) {
-    return /* @__PURE__ */ jsx123(Stack, { ref, direction: "column", ...props });
+    return /* @__PURE__ */ jsx124(Stack, { ref, direction: "column", ...props });
   }
 );
 VStack.displayName = "VStack";
@@ -29615,7 +29691,7 @@ import {
   useState as useState59
 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
-import { jsx as jsx124, jsxs as jsxs118 } from "react/jsx-runtime";
+import { jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
 var Spotlight = forwardRef84(
   function Spotlight2({
     open,
@@ -29682,7 +29758,7 @@ var Spotlight = forwardRef84(
       height: rect.height + padding * 2
     } : null;
     return createPortal16(
-      /* @__PURE__ */ jsx124(AnimatePresence16, { children: open && /* @__PURE__ */ jsxs118(
+      /* @__PURE__ */ jsx125(AnimatePresence16, { children: open && /* @__PURE__ */ jsxs119(
         motion24.div,
         {
           ...rest,
@@ -29694,7 +29770,7 @@ var Spotlight = forwardRef84(
           exit: disableAnimation || reducedMotion ? void 0 : { opacity: 0 },
           transition: { duration: 0.18 },
           children: [
-            /* @__PURE__ */ jsxs118(
+            /* @__PURE__ */ jsxs119(
               "svg",
               {
                 className: cn(
@@ -29708,8 +29784,8 @@ var Spotlight = forwardRef84(
                 "aria-hidden": "true",
                 onClick: onDismiss,
                 children: [
-                  /* @__PURE__ */ jsx124("defs", { children: /* @__PURE__ */ jsxs118("mask", { id: maskId, children: [
-                    /* @__PURE__ */ jsx124(
+                  /* @__PURE__ */ jsx125("defs", { children: /* @__PURE__ */ jsxs119("mask", { id: maskId, children: [
+                    /* @__PURE__ */ jsx125(
                       "rect",
                       {
                         x: 0,
@@ -29719,7 +29795,7 @@ var Spotlight = forwardRef84(
                         fill: "white"
                       }
                     ),
-                    cutout && shape === "rect" && /* @__PURE__ */ jsx124(
+                    cutout && shape === "rect" && /* @__PURE__ */ jsx125(
                       "rect",
                       {
                         x: cutout.x,
@@ -29731,7 +29807,7 @@ var Spotlight = forwardRef84(
                         fill: "black"
                       }
                     ),
-                    cutout && shape === "circle" && /* @__PURE__ */ jsx124(
+                    cutout && shape === "circle" && /* @__PURE__ */ jsx125(
                       "ellipse",
                       {
                         cx: cutout.x + cutout.width / 2,
@@ -29742,7 +29818,7 @@ var Spotlight = forwardRef84(
                       }
                     )
                   ] }) }),
-                  /* @__PURE__ */ jsx124(
+                  /* @__PURE__ */ jsx125(
                     "rect",
                     {
                       x: 0,
@@ -29756,7 +29832,7 @@ var Spotlight = forwardRef84(
                 ]
               }
             ),
-            children && /* @__PURE__ */ jsx124("div", { className: "ods-spotlight__content", children })
+            children && /* @__PURE__ */ jsx125("div", { className: "ods-spotlight__content", children })
           ]
         }
       ) }),
@@ -29771,7 +29847,7 @@ import {
   forwardRef as forwardRef85
 } from "react";
 import { ArrowDownIcon as ArrowDownIcon4, ArrowUpIcon as ArrowUpIcon4, SubtractIcon as SubtractIcon2 } from "@octaviaflow/icons";
-import { jsx as jsx125, jsxs as jsxs119 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs120 } from "react/jsx-runtime";
 var Stat = forwardRef85(function Stat2({
   label,
   value,
@@ -29785,23 +29861,23 @@ var Stat = forwardRef85(function Stat2({
   ...rest
 }, ref) {
   const TrendIcon = deltaTrend === "up" ? ArrowUpIcon4 : deltaTrend === "down" ? ArrowDownIcon4 : SubtractIcon2;
-  return /* @__PURE__ */ jsxs119(
+  return /* @__PURE__ */ jsxs120(
     "div",
     {
       ...rest,
       ref,
       className: cn("ods-stat", `ods-stat--${size}`, className),
       children: [
-        /* @__PURE__ */ jsxs119("div", { className: "ods-stat__head", children: [
-          /* @__PURE__ */ jsx125("div", { className: "ods-stat__label", children: label }),
-          icon && /* @__PURE__ */ jsx125("span", { className: "ods-stat__icon", "aria-hidden": "true", children: icon })
+        /* @__PURE__ */ jsxs120("div", { className: "ods-stat__head", children: [
+          /* @__PURE__ */ jsx126("div", { className: "ods-stat__label", children: label }),
+          icon && /* @__PURE__ */ jsx126("span", { className: "ods-stat__icon", "aria-hidden": "true", children: icon })
         ] }),
-        /* @__PURE__ */ jsx125("div", { className: "ods-stat__value", children: value }),
-        description && /* @__PURE__ */ jsx125("div", { className: "ods-stat__description", children: description }),
-        delta && /* @__PURE__ */ jsxs119("div", { className: cn("ods-stat__delta", `ods-stat__delta--${deltaTrend}`), children: [
-          /* @__PURE__ */ jsx125("span", { className: "ods-stat__delta-arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsx125(TrendIcon, { size: "xs" }) }),
-          /* @__PURE__ */ jsx125("span", { className: "ods-stat__delta-value", children: delta }),
-          deltaSuffix && /* @__PURE__ */ jsx125("span", { className: "ods-stat__delta-suffix", children: deltaSuffix })
+        /* @__PURE__ */ jsx126("div", { className: "ods-stat__value", children: value }),
+        description && /* @__PURE__ */ jsx126("div", { className: "ods-stat__description", children: description }),
+        delta && /* @__PURE__ */ jsxs120("div", { className: cn("ods-stat__delta", `ods-stat__delta--${deltaTrend}`), children: [
+          /* @__PURE__ */ jsx126("span", { className: "ods-stat__delta-arrow", "aria-hidden": "true", children: /* @__PURE__ */ jsx126(TrendIcon, { size: "xs" }) }),
+          /* @__PURE__ */ jsx126("span", { className: "ods-stat__delta-value", children: delta }),
+          deltaSuffix && /* @__PURE__ */ jsx126("span", { className: "ods-stat__delta-suffix", children: deltaSuffix })
         ] })
       ]
     }
@@ -29818,7 +29894,7 @@ import {
   useMemo as useMemo32,
   useState as useState60
 } from "react";
-import { jsx as jsx126, jsxs as jsxs120 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs121 } from "react/jsx-runtime";
 var STATUS_COLORS = {
   success: "var(--ods-status-success)",
   failed: "var(--ods-status-failed)",
@@ -29890,7 +29966,7 @@ var StatusTiles = forwardRef86(
       return `${t} \u2014 ${visible.length} runs (${summaryText})`;
     }, [ariaLabel, title, visible]);
     const interactive = Boolean(onTileHover || onTileClick);
-    return /* @__PURE__ */ jsxs120(
+    return /* @__PURE__ */ jsxs121(
       "div",
       {
         ...rest,
@@ -29899,14 +29975,14 @@ var StatusTiles = forwardRef86(
         role: "group",
         "aria-label": resolvedAriaLabel,
         children: [
-          (title || summary) && /* @__PURE__ */ jsxs120("div", { className: "ods-status-tiles__head", children: [
-            title && /* @__PURE__ */ jsx126("span", { className: "ods-status-tiles__title", children: title }),
-            summary && /* @__PURE__ */ jsx126("span", { className: "ods-status-tiles__summary", children: summary })
+          (title || summary) && /* @__PURE__ */ jsxs121("div", { className: "ods-status-tiles__head", children: [
+            title && /* @__PURE__ */ jsx127("span", { className: "ods-status-tiles__title", children: title }),
+            summary && /* @__PURE__ */ jsx127("span", { className: "ods-status-tiles__summary", children: summary })
           ] }),
-          /* @__PURE__ */ jsx126("div", { className: "ods-status-tiles__row", style: { gap }, children: visible.map((tile, i) => {
+          /* @__PURE__ */ jsx127("div", { className: "ods-status-tiles__row", style: { gap }, children: visible.map((tile, i) => {
             const fill2 = tile.color ?? STATUS_COLORS[tile.status];
             const tooltipText = tile.label !== void 0 ? typeof tile.label === "string" ? tile.label : void 0 : STATUS_TEXT[tile.status];
-            return /* @__PURE__ */ jsx126(
+            return /* @__PURE__ */ jsx127(
               motion25.button,
               {
                 type: "button",
@@ -29958,7 +30034,7 @@ import {
   forwardRef as forwardRef87,
   useId as useId50
 } from "react";
-import { jsx as jsx127, jsxs as jsxs121 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs122 } from "react/jsx-runtime";
 function deriveStatus(step, index, active) {
   if (step.status) return step.status;
   if (index < active) return "complete";
@@ -30026,7 +30102,7 @@ var Stepper = forwardRef87(
       e.preventDefault();
       goTo(i);
     };
-    return /* @__PURE__ */ jsx127(
+    return /* @__PURE__ */ jsx128(
       "ol",
       {
         ...rest,
@@ -30045,13 +30121,13 @@ var Stepper = forwardRef87(
           const status = deriveStatus(step, i, activeIndex);
           const isLast = i === steps.length - 1;
           const segmentCompleted = showProgressTrail && i < activeIndex && status !== "error";
-          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ jsx127(CheckmarkIcon12, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ jsx127(ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ jsx127("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
-          const labelText = /* @__PURE__ */ jsxs121("span", { className: "ods-stepper__label-text", children: [
-            /* @__PURE__ */ jsx127("span", { className: "ods-stepper__label-title", children: step.label }),
-            step.optional && /* @__PURE__ */ jsx127("span", { className: "ods-stepper__label-optional", children: "Optional" }),
-            step.description && /* @__PURE__ */ jsx127("span", { className: "ods-stepper__label-desc", children: step.description })
+          const indicatorContent = step.indicator ?? (status === "complete" ? /* @__PURE__ */ jsx128(CheckmarkIcon12, { size: "sm", "aria-hidden": true }) : status === "error" ? /* @__PURE__ */ jsx128(ErrorIcon, { size: "sm", "aria-hidden": true }) : /* @__PURE__ */ jsx128("span", { className: "ods-stepper__indicator-num", children: i + 1 }));
+          const labelText = /* @__PURE__ */ jsxs122("span", { className: "ods-stepper__label-text", children: [
+            /* @__PURE__ */ jsx128("span", { className: "ods-stepper__label-title", children: step.label }),
+            step.optional && /* @__PURE__ */ jsx128("span", { className: "ods-stepper__label-optional", children: "Optional" }),
+            step.description && /* @__PURE__ */ jsx128("span", { className: "ods-stepper__label-desc", children: step.description })
           ] });
-          const stepInner = isInteractive ? /* @__PURE__ */ jsxs121(
+          const stepInner = isInteractive ? /* @__PURE__ */ jsxs122(
             "button",
             {
               type: "button",
@@ -30063,7 +30139,7 @@ var Stepper = forwardRef87(
               onClick: handleClick(i),
               onKeyDown: (e) => handleKeyDown(e, i),
               children: [
-                /* @__PURE__ */ jsx127(
+                /* @__PURE__ */ jsx128(
                   "span",
                   {
                     className: cn(
@@ -30077,13 +30153,13 @@ var Stepper = forwardRef87(
                 labelText
               ]
             }
-          ) : /* @__PURE__ */ jsxs121(
+          ) : /* @__PURE__ */ jsxs122(
             "span",
             {
               className: "ods-stepper__step-static",
               "aria-current": status === "active" ? "step" : void 0,
               children: [
-                /* @__PURE__ */ jsx127(
+                /* @__PURE__ */ jsx128(
                   "span",
                   {
                     className: cn(
@@ -30098,7 +30174,7 @@ var Stepper = forwardRef87(
               ]
             }
           );
-          return /* @__PURE__ */ jsxs121(
+          return /* @__PURE__ */ jsxs122(
             "li",
             {
               className: cn(
@@ -30108,7 +30184,7 @@ var Stepper = forwardRef87(
               ),
               children: [
                 stepInner,
-                !isLast && /* @__PURE__ */ jsx127(
+                !isLast && /* @__PURE__ */ jsx128(
                   "span",
                   {
                     className: cn(
@@ -30138,7 +30214,7 @@ import {
   useMemo as useMemo33,
   useState as useState61
 } from "react";
-import { jsx as jsx128, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx129, jsxs as jsxs123 } from "react/jsx-runtime";
 var defaultFormat7 = (n) => {
   if (Math.abs(n) >= 1e6) return `${(n / 1e6).toFixed(1)}M`;
   if (Math.abs(n) >= 1e3) return `${(n / 1e3).toFixed(1)}k`;
@@ -30362,7 +30438,7 @@ var Sankey = forwardRef88(function Sankey2({
     const t = typeof title === "string" ? title : "Sankey";
     return `${t} \u2014 ${nodes.length} nodes, ${links.length} flows`;
   }, [ariaLabel, title, nodes.length, links.length]);
-  return /* @__PURE__ */ jsxs122(
+  return /* @__PURE__ */ jsxs123(
     "div",
     {
       ...rest,
@@ -30371,11 +30447,11 @@ var Sankey = forwardRef88(function Sankey2({
       role: "group",
       "aria-label": resolvedAriaLabel,
       children: [
-        (title || total) && /* @__PURE__ */ jsxs122("div", { className: "ods-sankey__head", children: [
-          title && /* @__PURE__ */ jsx128("div", { className: "ods-sankey__title", children: title }),
-          total && /* @__PURE__ */ jsx128("div", { className: "ods-sankey__total", children: total })
+        (title || total) && /* @__PURE__ */ jsxs123("div", { className: "ods-sankey__head", children: [
+          title && /* @__PURE__ */ jsx129("div", { className: "ods-sankey__title", children: title }),
+          total && /* @__PURE__ */ jsx129("div", { className: "ods-sankey__total", children: total })
         ] }),
-        /* @__PURE__ */ jsx128("div", { className: "ods-sankey__plot", style: { width, height }, children: /* @__PURE__ */ jsxs122(
+        /* @__PURE__ */ jsx129("div", { className: "ods-sankey__plot", style: { width, height }, children: /* @__PURE__ */ jsxs123(
           "svg",
           {
             className: "ods-sankey__svg",
@@ -30385,7 +30461,7 @@ var Sankey = forwardRef88(function Sankey2({
               layoutLinks.map((l) => {
                 const color = l.color ?? linkColor ?? l.sourceNode.color ?? nodeColor;
                 const active = hoveredLink === l || hoveredNode?.id === l.source || hoveredNode?.id === l.target;
-                return /* @__PURE__ */ jsx128(
+                return /* @__PURE__ */ jsx129(
                   motion26.path,
                   {
                     d: l.path,
@@ -30413,7 +30489,7 @@ var Sankey = forwardRef88(function Sankey2({
                       duration: 0.6,
                       ease: [0.16, 1, 0.3, 1]
                     },
-                    children: /* @__PURE__ */ jsx128("title", { children: `${l.sourceNode.label} \u2192 ${l.targetNode.label}: ${formatValue(l.value)}` })
+                    children: /* @__PURE__ */ jsx129("title", { children: `${l.sourceNode.label} \u2192 ${l.targetNode.label}: ${formatValue(l.value)}` })
                   },
                   `${reactId}-link-${l.source}-${l.target}`
                 );
@@ -30424,7 +30500,7 @@ var Sankey = forwardRef88(function Sankey2({
                 const isFirst = n.column === 0;
                 const isLast = n.column === columnCount - 1;
                 const active = hoveredNode === n;
-                return /* @__PURE__ */ jsxs122(
+                return /* @__PURE__ */ jsxs123(
                   "g",
                   {
                     className: "ods-sankey__node-group",
@@ -30432,7 +30508,7 @@ var Sankey = forwardRef88(function Sankey2({
                     onMouseLeave: () => fireNode(null),
                     onClick: onNodeClick ? () => onNodeClick(n) : void 0,
                     children: [
-                      /* @__PURE__ */ jsx128(
+                      /* @__PURE__ */ jsx129(
                         motion26.rect,
                         {
                           x: n.x,
@@ -30461,10 +30537,10 @@ var Sankey = forwardRef88(function Sankey2({
                             delay: disableAnimation ? 0 : 0.2 + n.column * 0.05,
                             ease: [0.16, 1, 0.3, 1]
                           },
-                          children: /* @__PURE__ */ jsx128("title", { children: `${n.label} \u2014 in ${formatValue(n.inFlow)} \xB7 out ${formatValue(n.outFlow)}` })
+                          children: /* @__PURE__ */ jsx129("title", { children: `${n.label} \u2014 in ${formatValue(n.inFlow)} \xB7 out ${formatValue(n.outFlow)}` })
                         }
                       ),
-                      /* @__PURE__ */ jsx128(
+                      /* @__PURE__ */ jsx129(
                         "text",
                         {
                           x: isFirst ? n.x - 6 : isLast ? n.x + nodeWidth + 6 : n.x + nodeWidth + 6,
@@ -30501,7 +30577,7 @@ import {
   CaretSortIcon as CaretSortIcon2,
   CaretUpIcon as CaretUpIcon3
 } from "@octaviaflow/icons";
-import { Fragment as Fragment52, jsx as jsx129, jsxs as jsxs123 } from "react/jsx-runtime";
+import { Fragment as Fragment53, jsx as jsx130, jsxs as jsxs124 } from "react/jsx-runtime";
 function TableInner({
   columns,
   data,
@@ -30552,7 +30628,7 @@ function TableInner({
     [onSelectionChange, selectedRows]
   );
   const totalCols = columns.length + (selectable ? 1 : 0) + (expandable ? 1 : 0);
-  return /* @__PURE__ */ jsx129(
+  return /* @__PURE__ */ jsx130(
     "div",
     {
       ...rest,
@@ -30560,9 +30636,9 @@ function TableInner({
       className: cn("ods-table-wrapper", className),
       role: "region",
       "aria-label": ariaLabel,
-      children: /* @__PURE__ */ jsxs123("table", { className: "ods-table", children: [
-        /* @__PURE__ */ jsx129("thead", { className: "ods-table__header", children: /* @__PURE__ */ jsxs123("tr", { children: [
-          selectable && /* @__PURE__ */ jsx129("th", { className: "ods-table__cell--checkbox", scope: "col", children: /* @__PURE__ */ jsx129(
+      children: /* @__PURE__ */ jsxs124("table", { className: "ods-table", children: [
+        /* @__PURE__ */ jsx130("thead", { className: "ods-table__header", children: /* @__PURE__ */ jsxs124("tr", { children: [
+          selectable && /* @__PURE__ */ jsx130("th", { className: "ods-table__cell--checkbox", scope: "col", children: /* @__PURE__ */ jsx130(
             "input",
             {
               type: "checkbox",
@@ -30571,8 +30647,8 @@ function TableInner({
               onChange: handleSelectAll
             }
           ) }),
-          expandable && /* @__PURE__ */ jsx129("th", { className: "ods-table__cell--expand", scope: "col", "aria-label": "Expand" }),
-          columns.map((col) => /* @__PURE__ */ jsx129(
+          expandable && /* @__PURE__ */ jsx130("th", { className: "ods-table__cell--expand", scope: "col", "aria-label": "Expand" }),
+          columns.map((col) => /* @__PURE__ */ jsx130(
             "th",
             {
               className: cn("ods-table__cell", col.sortable && "ods-table__cell--sortable"),
@@ -30580,9 +30656,9 @@ function TableInner({
               scope: "col",
               "aria-sort": sortKey === col.key ? sortDirection === "asc" ? "ascending" : "descending" : void 0,
               onClick: col.sortable ? () => handleSort(col.key) : void 0,
-              children: /* @__PURE__ */ jsxs123("span", { className: "ods-table__header-content", children: [
+              children: /* @__PURE__ */ jsxs124("span", { className: "ods-table__header-content", children: [
                 col.header,
-                col.sortable && /* @__PURE__ */ jsx129(
+                col.sortable && /* @__PURE__ */ jsx130(
                   "span",
                   {
                     className: cn(
@@ -30590,7 +30666,7 @@ function TableInner({
                       sortKey === col.key && "ods-table__sort-icon--active"
                     ),
                     "aria-hidden": "true",
-                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ jsx129(CaretDownIcon3, { size: "xs" }) : /* @__PURE__ */ jsx129(CaretUpIcon3, { size: "xs" }) : /* @__PURE__ */ jsx129(CaretSortIcon2, { size: "xs" })
+                    children: sortKey === col.key ? sortDirection === "desc" ? /* @__PURE__ */ jsx130(CaretDownIcon3, { size: "xs" }) : /* @__PURE__ */ jsx130(CaretUpIcon3, { size: "xs" }) : /* @__PURE__ */ jsx130(CaretSortIcon2, { size: "xs" })
                   }
                 )
               ] })
@@ -30598,10 +30674,10 @@ function TableInner({
             col.key
           ))
         ] }) }),
-        /* @__PURE__ */ jsxs123("tbody", { children: [
-          loading && /* @__PURE__ */ jsx129("tr", { children: /* @__PURE__ */ jsx129("td", { colSpan: totalCols, className: "ods-table__loading", children: /* @__PURE__ */ jsx129("div", { className: "ods-table__loading-bar" }) }) }),
-          !loading && data.length === 0 && /* @__PURE__ */ jsx129("tr", { children: /* @__PURE__ */ jsx129("td", { colSpan: totalCols, className: "ods-table__empty", children: emptyMessage }) }),
-          data.map((row, rowIndex) => /* @__PURE__ */ jsx129(
+        /* @__PURE__ */ jsxs124("tbody", { children: [
+          loading && /* @__PURE__ */ jsx130("tr", { children: /* @__PURE__ */ jsx130("td", { colSpan: totalCols, className: "ods-table__loading", children: /* @__PURE__ */ jsx130("div", { className: "ods-table__loading-bar" }) }) }),
+          !loading && data.length === 0 && /* @__PURE__ */ jsx130("tr", { children: /* @__PURE__ */ jsx130("td", { colSpan: totalCols, className: "ods-table__empty", children: emptyMessage }) }),
+          data.map((row, rowIndex) => /* @__PURE__ */ jsx130(
             TableRow,
             {
               row,
@@ -30635,14 +30711,14 @@ function TableRow({
 }) {
   const isSelected = selectedRows?.has(rowIndex) ?? false;
   const [expanded, setExpanded] = useState62(false);
-  return /* @__PURE__ */ jsxs123(Fragment52, { children: [
-    /* @__PURE__ */ jsxs123(
+  return /* @__PURE__ */ jsxs124(Fragment53, { children: [
+    /* @__PURE__ */ jsxs124(
       "tr",
       {
         className: cn("ods-table__row", isSelected && "ods-table__row--selected"),
         "data-row-index": rowIndex,
         children: [
-          selectable && /* @__PURE__ */ jsx129("td", { className: "ods-table__cell--checkbox", children: /* @__PURE__ */ jsx129(
+          selectable && /* @__PURE__ */ jsx130("td", { className: "ods-table__cell--checkbox", children: /* @__PURE__ */ jsx130(
             "input",
             {
               type: "checkbox",
@@ -30651,7 +30727,7 @@ function TableRow({
               onChange: () => onSelectRow(rowIndex)
             }
           ) }),
-          expandable && /* @__PURE__ */ jsx129("td", { className: "ods-table__cell--expand", children: /* @__PURE__ */ jsx129(
+          expandable && /* @__PURE__ */ jsx130("td", { className: "ods-table__cell--expand", children: /* @__PURE__ */ jsx130(
             "button",
             {
               type: "button",
@@ -30659,14 +30735,14 @@ function TableRow({
               "aria-label": expanded ? "Collapse row" : "Expand row",
               "aria-expanded": expanded,
               onClick: () => setExpanded(!expanded),
-              children: /* @__PURE__ */ jsx129(CaretRightIcon, { size: "xs" })
+              children: /* @__PURE__ */ jsx130(CaretRightIcon, { size: "xs" })
             }
           ) }),
-          columns.map((col) => /* @__PURE__ */ jsx129("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
+          columns.map((col) => /* @__PURE__ */ jsx130("td", { className: "ods-table__cell", children: col.render ? col.render(row[col.key], row, rowIndex) : row[col.key] }, col.key))
         ]
       }
     ),
-    expandable && expanded && renderExpanded && /* @__PURE__ */ jsx129("tr", { className: "ods-table__row--expanded", children: /* @__PURE__ */ jsx129("td", { colSpan: totalCols, className: "ods-table__expanded-cell", children: renderExpanded(row, rowIndex) }) })
+    expandable && expanded && renderExpanded && /* @__PURE__ */ jsx130("tr", { className: "ods-table__row--expanded", children: /* @__PURE__ */ jsx130("td", { colSpan: totalCols, className: "ods-table__expanded-cell", children: renderExpanded(row, rowIndex) }) })
   ] });
 }
 
@@ -30677,7 +30753,7 @@ import {
   useState as useState63
 } from "react";
 import { CloseIcon as CloseIcon19 } from "@octaviaflow/icons";
-import { jsx as jsx130, jsxs as jsxs124 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs125 } from "react/jsx-runtime";
 var TagsInput = forwardRef90(
   function TagsInput2({
     label,
@@ -30728,7 +30804,7 @@ var TagsInput = forwardRef90(
       }
     };
     const describedBy = [consumerDescribedBy, hintId].filter(Boolean).join(" ") || void 0;
-    return /* @__PURE__ */ jsxs124(
+    return /* @__PURE__ */ jsxs125(
       "div",
       {
         className: cn(
@@ -30739,7 +30815,7 @@ var TagsInput = forwardRef90(
           wrapperClassName
         ),
         children: [
-          label && /* @__PURE__ */ jsx130(
+          label && /* @__PURE__ */ jsx131(
             "label",
             {
               id: labelId,
@@ -30748,10 +30824,10 @@ var TagsInput = forwardRef90(
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs124("div", { className: "ods-tags__field", children: [
-            value.map((tag, i) => /* @__PURE__ */ jsxs124("span", { className: "ods-tags__chip", children: [
-              /* @__PURE__ */ jsx130("span", { className: "ods-tags__chip-text", children: tag }),
-              /* @__PURE__ */ jsx130(
+          /* @__PURE__ */ jsxs125("div", { className: "ods-tags__field", children: [
+            value.map((tag, i) => /* @__PURE__ */ jsxs125("span", { className: "ods-tags__chip", children: [
+              /* @__PURE__ */ jsx131("span", { className: "ods-tags__chip-text", children: tag }),
+              /* @__PURE__ */ jsx131(
                 "button",
                 {
                   type: "button",
@@ -30759,11 +30835,11 @@ var TagsInput = forwardRef90(
                   onClick: () => removeTag(i),
                   "aria-label": `Remove ${tag}`,
                   disabled,
-                  children: /* @__PURE__ */ jsx130(CloseIcon19, { size: "xs" })
+                  children: /* @__PURE__ */ jsx131(CloseIcon19, { size: "xs" })
                 }
               )
             ] }, `${tag}-${i}`)),
-            /* @__PURE__ */ jsx130(
+            /* @__PURE__ */ jsx131(
               "input",
               {
                 ...rest,
@@ -30783,7 +30859,7 @@ var TagsInput = forwardRef90(
               }
             )
           ] }),
-          error ? /* @__PURE__ */ jsx130(
+          error ? /* @__PURE__ */ jsx131(
             "div",
             {
               id: hintId,
@@ -30791,7 +30867,7 @@ var TagsInput = forwardRef90(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ jsx130("div", { id: hintId, className: "ods-tags__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx131("div", { id: hintId, className: "ods-tags__hint", children: helperText }) : null
         ]
       }
     );
@@ -30804,272 +30880,236 @@ import {
   forwardRef as forwardRef91,
   useId as useId53
 } from "react";
-import { Fragment as Fragment53, jsx as jsx131, jsxs as jsxs125 } from "react/jsx-runtime";
-var TemplateCard = forwardRef91(
-  function TemplateCard2({
-    name,
-    nameAs = "h3",
-    description,
-    image,
-    icon,
-    icons,
-    iconConnector = "arrow",
-    apps,
-    maxApps = 5,
-    iconTone = "default",
-    imageAspect = "16/9",
-    category,
-    author,
-    stats,
-    requirements,
-    tags,
-    cta,
-    footer,
-    badge,
-    size = "md",
-    onClick,
-    href,
-    disabled = false,
-    radius = "md",
-    id: providedId,
-    className,
-    ...rest
-  }, ref) {
-    const reactId = useId53();
-    const baseId = providedId ?? `ods-template-card-${reactId}`;
-    const nameId = `${baseId}-name`;
-    const descId = description ? `${baseId}-desc` : void 0;
-    const isInteractive = Boolean(href || onClick) && !disabled;
-    const hasInternalInteractive = Boolean(cta || footer);
-    const useStretchedLink = Boolean(href) && !disabled && hasInternalInteractive;
-    const titleContent = useStretchedLink ? /* @__PURE__ */ jsx131(
-      "a",
-      {
-        className: "ods-template-card__stretched-link",
-        href,
-        onClick,
-        children: name
-      }
-    ) : name;
-    const renderAuthor = () => {
-      if (!author) return null;
-      const derivedInitials = author.avatar?.initials ?? (typeof author.name === "string" ? author.name.charAt(0).toUpperCase() : void 0);
-      return /* @__PURE__ */ jsxs125("div", { className: "ods-template-card__author", children: [
-        (author.avatar || derivedInitials) && /* @__PURE__ */ jsx131(
-          Avatar,
-          {
-            size: "xs",
-            src: author.avatar?.src,
-            initials: derivedInitials,
-            alt: author.avatar?.alt ?? (typeof author.name === "string" ? author.name : void 0),
-            className: "ods-template-card__author-avatar"
-          }
-        ),
-        /* @__PURE__ */ jsx131("span", { className: "ods-template-card__author-name", children: author.name }),
-        author.byline && /* @__PURE__ */ jsx131("span", { className: "ods-template-card__author-byline", children: author.byline })
-      ] });
-    };
-    const hasImage = Boolean(image);
-    const hasIconFlow = !hasImage && Array.isArray(icons) && icons.length > 0;
-    const hasAppStack = !hasImage && !hasIconFlow && Array.isArray(apps) && apps.length > 0;
-    const hasIcon = !hasImage && !hasIconFlow && !hasAppStack && Boolean(icon);
-    const showMedia = hasImage || hasIconFlow || hasAppStack || hasIcon;
-    const visibleApps = hasAppStack ? apps.slice(0, maxApps) : [];
-    const overflowApps = hasAppStack ? apps.length - visibleApps.length : 0;
-    const renderConnector = () => {
-      if (iconConnector === "arrow")
-        return /* @__PURE__ */ jsxs125(
-          "svg",
-          {
-            className: "ods-template-card__edge",
-            width: "44",
-            height: "12",
-            viewBox: "0 0 44 12",
-            "aria-hidden": "true",
-            children: [
-              /* @__PURE__ */ jsx131("circle", { cx: "3", cy: "6", r: "2", fill: "currentColor" }),
-              /* @__PURE__ */ jsx131(
-                "path",
-                {
-                  className: "ods-template-card__edge-line",
-                  d: "M7 6 H34",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeDasharray: "4 3",
-                  strokeLinecap: "round"
-                }
-              ),
-              /* @__PURE__ */ jsx131("path", { d: "M35 2.5 41 6 35 9.5 Z", fill: "currentColor", stroke: "none" })
-            ]
-          }
-        );
-      if (iconConnector === "dot") return "\xB7";
-      if (iconConnector === "line") return "\u2500";
-      if (iconConnector === "plus") return "+";
-      return iconConnector;
-    };
-    const body = /* @__PURE__ */ jsxs125(Fragment53, { children: [
-      showMedia && /* @__PURE__ */ jsxs125(
-        "div",
+import { Fragment as Fragment54, jsx as jsx132, jsxs as jsxs126 } from "react/jsx-runtime";
+var TemplateCard = forwardRef91(function TemplateCard2({
+  name,
+  nameAs = "h3",
+  description,
+  image,
+  icon,
+  icons,
+  iconConnector = "arrow",
+  apps,
+  maxApps = 5,
+  iconTone = "default",
+  imageAspect = "16/9",
+  category,
+  author,
+  stats,
+  requirements,
+  tags,
+  cta,
+  footer,
+  badge,
+  size = "md",
+  onClick,
+  href,
+  disabled = false,
+  radius = "md",
+  id: providedId,
+  className,
+  ...rest
+}, ref) {
+  const reactId = useId53();
+  const baseId = providedId ?? `ods-template-card-${reactId}`;
+  const nameId = `${baseId}-name`;
+  const descId = description ? `${baseId}-desc` : void 0;
+  const isInteractive = Boolean(href || onClick) && !disabled;
+  const hasInternalInteractive = Boolean(cta || footer);
+  const useStretchedLink = Boolean(href) && !disabled && hasInternalInteractive;
+  const titleContent = useStretchedLink ? /* @__PURE__ */ jsx132(
+    "a",
+    {
+      className: "ods-template-card__stretched-link",
+      href,
+      onClick,
+      children: name
+    }
+  ) : name;
+  const renderAuthor = () => {
+    if (!author) return null;
+    const derivedInitials = author.avatar?.initials ?? (typeof author.name === "string" ? author.name.charAt(0).toUpperCase() : void 0);
+    return /* @__PURE__ */ jsxs126("div", { className: "ods-template-card__author", children: [
+      (author.avatar || derivedInitials) && /* @__PURE__ */ jsx132(
+        Avatar,
         {
-          className: cn(
-            "ods-template-card__image",
-            `ods-template-card__image--ratio-${imageAspect.replace("/", "-")}`,
-            (hasIcon || hasIconFlow || hasAppStack) && "ods-template-card__image--icon",
-            hasIcon && `ods-template-card__image--tone-${iconTone}`,
-            (hasIconFlow || hasAppStack) && "ods-template-card__image--flow"
-          ),
+          size: "xs",
+          src: author.avatar?.src,
+          initials: derivedInitials,
+          seed: author.avatar?.seed,
+          palette: author.avatar?.palette,
+          alt: author.avatar?.alt ?? (typeof author.name === "string" ? author.name : void 0),
+          className: "ods-template-card__author-avatar"
+        }
+      ),
+      /* @__PURE__ */ jsx132("span", { className: "ods-template-card__author-name", children: author.name }),
+      author.byline && /* @__PURE__ */ jsx132("span", { className: "ods-template-card__author-byline", children: author.byline })
+    ] });
+  };
+  const hasImage = Boolean(image);
+  const hasIconFlow = !hasImage && Array.isArray(icons) && icons.length > 0;
+  const hasAppStack = !hasImage && !hasIconFlow && Array.isArray(apps) && apps.length > 0;
+  const hasIcon = !hasImage && !hasIconFlow && !hasAppStack && Boolean(icon);
+  const showMedia = hasImage || hasIconFlow || hasAppStack || hasIcon;
+  const visibleApps = hasAppStack ? apps.slice(0, maxApps) : [];
+  const overflowApps = hasAppStack ? apps.length - visibleApps.length : 0;
+  const renderConnector = () => {
+    if (iconConnector === "arrow")
+      return /* @__PURE__ */ jsxs126(
+        "svg",
+        {
+          className: "ods-template-card__edge",
+          width: "44",
+          height: "12",
+          viewBox: "0 0 44 12",
           "aria-hidden": "true",
           children: [
-            hasImage && image,
-            hasIcon && /* @__PURE__ */ jsx131("span", { className: "ods-template-card__icon", children: icon }),
-            hasAppStack && /* @__PURE__ */ jsxs125("span", { className: "ods-template-card__app-stack", children: [
-              visibleApps.map((app, i) => /* @__PURE__ */ jsx131(
-                "span",
-                {
-                  className: cn(
-                    "ods-template-card__app",
-                    !app.src && `ods-template-card__app--tone-${app.tone ?? iconTone}`
-                  ),
-                  role: app.label ? "img" : void 0,
-                  "aria-label": app.label,
-                  children: app.src ? /* @__PURE__ */ jsx131("img", { src: app.src, alt: app.label ?? "" }) : app.icon
-                },
-                i
-              )),
-              overflowApps > 0 && /* @__PURE__ */ jsxs125("span", { className: "ods-template-card__app ods-template-card__app--more", children: [
-                "+",
-                overflowApps
-              ] })
-            ] }),
-            hasIconFlow && /* @__PURE__ */ jsx131("span", { className: "ods-template-card__icon-flow", children: icons.map((step, i) => /* @__PURE__ */ jsxs125("span", { className: "ods-template-card__icon-flow-item", children: [
-              i > 0 && /* @__PURE__ */ jsx131(
-                "span",
-                {
-                  className: "ods-template-card__icon-connector",
-                  "aria-hidden": "true",
-                  children: renderConnector()
-                }
-              ),
-              /* @__PURE__ */ jsx131(
-                "span",
-                {
-                  className: cn(
-                    "ods-template-card__icon-tile",
-                    `ods-template-card__icon-tile--tone-${step.tone ?? iconTone}`
-                  ),
-                  "aria-label": step.label,
-                  role: step.label ? "img" : void 0,
-                  children: step.icon
-                }
-              )
-            ] }, i)) }),
-            badge && /* @__PURE__ */ jsx131("span", { className: "ods-template-card__badge", children: badge })
+            /* @__PURE__ */ jsx132("circle", { cx: "3", cy: "6", r: "2", fill: "currentColor" }),
+            /* @__PURE__ */ jsx132(
+              "path",
+              {
+                className: "ods-template-card__edge-line",
+                d: "M7 6 H34",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5",
+                strokeDasharray: "4 3",
+                strokeLinecap: "round"
+              }
+            ),
+            /* @__PURE__ */ jsx132("path", { d: "M35 2.5 41 6 35 9.5 Z", fill: "currentColor", stroke: "none" })
           ]
         }
-      ),
-      /* @__PURE__ */ jsxs125("div", { className: "ods-template-card__content", children: [
-        category && /* @__PURE__ */ jsx131("div", { className: "ods-template-card__category", children: category }),
-        /* @__PURE__ */ jsx131(
-          Card.Title,
-          {
-            as: nameAs,
-            id: nameId,
-            className: "ods-template-card__name",
-            children: titleContent
-          }
-        ),
-        description && /* @__PURE__ */ jsx131(
-          Card.Description,
-          {
-            id: descId,
-            className: "ods-template-card__description",
-            children: description
-          }
-        ),
-        requirements && requirements.length > 0 && /* @__PURE__ */ jsx131(
-          "div",
-          {
-            className: "ods-template-card__requirements",
-            "aria-label": "Requirements",
-            children: requirements.map((r, i) => /* @__PURE__ */ jsx131("span", { className: "ods-template-card__requirement", children: r }, i))
-          }
+      );
+    if (iconConnector === "dot") return "\xB7";
+    if (iconConnector === "line") return "\u2500";
+    if (iconConnector === "plus") return "+";
+    return iconConnector;
+  };
+  const body = /* @__PURE__ */ jsxs126(Fragment54, { children: [
+    showMedia && /* @__PURE__ */ jsxs126(
+      "div",
+      {
+        className: cn(
+          "ods-template-card__image",
+          `ods-template-card__image--ratio-${imageAspect.replace("/", "-")}`,
+          (hasIcon || hasIconFlow || hasAppStack) && "ods-template-card__image--icon",
+          hasIcon && `ods-template-card__image--tone-${iconTone}`,
+          (hasIconFlow || hasAppStack) && "ods-template-card__image--flow"
         ),
-        stats && stats.length > 0 && /* @__PURE__ */ jsx131("dl", { className: "ods-template-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs125("div", { className: "ods-template-card__stat", children: [
-          /* @__PURE__ */ jsx131("dt", { className: "ods-template-card__stat-label", children: s.label }),
-          /* @__PURE__ */ jsxs125("dd", { className: "ods-template-card__stat-value", children: [
-            s.icon && /* @__PURE__ */ jsx131(
+        "aria-hidden": "true",
+        children: [
+          hasImage && image,
+          hasIcon && /* @__PURE__ */ jsx132("span", { className: "ods-template-card__icon", children: icon }),
+          hasAppStack && /* @__PURE__ */ jsxs126("span", { className: "ods-template-card__app-stack", children: [
+            visibleApps.map((app, i) => /* @__PURE__ */ jsx132(
               "span",
               {
-                className: "ods-template-card__stat-icon",
-                "aria-hidden": "true",
-                children: s.icon
+                className: cn(
+                  "ods-template-card__app",
+                  !app.src && `ods-template-card__app--tone-${app.tone ?? iconTone}`
+                ),
+                role: app.label ? "img" : void 0,
+                "aria-label": app.label,
+                children: app.src ? /* @__PURE__ */ jsx132("img", { src: app.src, alt: app.label ?? "" }) : app.icon
+              },
+              i
+            )),
+            overflowApps > 0 && /* @__PURE__ */ jsxs126("span", { className: "ods-template-card__app ods-template-card__app--more", children: [
+              "+",
+              overflowApps
+            ] })
+          ] }),
+          hasIconFlow && /* @__PURE__ */ jsx132("span", { className: "ods-template-card__icon-flow", children: icons.map((step, i) => /* @__PURE__ */ jsxs126("span", { className: "ods-template-card__icon-flow-item", children: [
+            i > 0 && /* @__PURE__ */ jsx132("span", { className: "ods-template-card__icon-connector", "aria-hidden": "true", children: renderConnector() }),
+            /* @__PURE__ */ jsx132(
+              "span",
+              {
+                className: cn(
+                  "ods-template-card__icon-tile",
+                  `ods-template-card__icon-tile--tone-${step.tone ?? iconTone}`
+                ),
+                "aria-label": step.label,
+                role: step.label ? "img" : void 0,
+                children: step.icon
               }
-            ),
-            s.value
-          ] })
-        ] }, i)) }),
-        tags && tags.length > 0 && /* @__PURE__ */ jsx131("div", { className: "ods-template-card__tags", children: tags.map((t, i) => /* @__PURE__ */ jsx131("span", { className: "ods-template-card__tag", children: t }, i)) }),
-        (author || cta || footer) && /* @__PURE__ */ jsxs125("div", { className: "ods-template-card__footer-row", children: [
-          renderAuthor(),
-          (cta || footer) && /* @__PURE__ */ jsxs125("div", { className: "ods-template-card__footer-actions", children: [
-            cta && /* @__PURE__ */ jsx131("div", { className: "ods-template-card__cta", children: cta }),
-            footer && /* @__PURE__ */ jsx131("div", { className: "ods-template-card__footer", children: footer })
-          ] })
+            )
+          ] }, i)) }),
+          badge && /* @__PURE__ */ jsx132("span", { className: "ods-template-card__badge", children: badge })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs126("div", { className: "ods-template-card__content", children: [
+      category && /* @__PURE__ */ jsx132("div", { className: "ods-template-card__category", children: category }),
+      /* @__PURE__ */ jsx132(Card.Title, { as: nameAs, id: nameId, className: "ods-template-card__name", children: titleContent }),
+      description && /* @__PURE__ */ jsx132(Card.Description, { id: descId, className: "ods-template-card__description", children: description }),
+      requirements && requirements.length > 0 && /* @__PURE__ */ jsx132("div", { className: "ods-template-card__requirements", "aria-label": "Requirements", children: requirements.map((r, i) => /* @__PURE__ */ jsx132("span", { className: "ods-template-card__requirement", children: r }, i)) }),
+      stats && stats.length > 0 && /* @__PURE__ */ jsx132("dl", { className: "ods-template-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs126("div", { className: "ods-template-card__stat", children: [
+        /* @__PURE__ */ jsx132("dt", { className: "ods-template-card__stat-label", children: s.label }),
+        /* @__PURE__ */ jsxs126("dd", { className: "ods-template-card__stat-value", children: [
+          s.icon && /* @__PURE__ */ jsx132("span", { className: "ods-template-card__stat-icon", "aria-hidden": "true", children: s.icon }),
+          s.value
+        ] })
+      ] }, i)) }),
+      tags && tags.length > 0 && /* @__PURE__ */ jsx132("div", { className: "ods-template-card__tags", children: tags.map((t, i) => /* @__PURE__ */ jsx132("span", { className: "ods-template-card__tag", children: t }, i)) }),
+      (author || cta || footer) && /* @__PURE__ */ jsxs126("div", { className: "ods-template-card__footer-row", children: [
+        renderAuthor(),
+        (cta || footer) && /* @__PURE__ */ jsxs126("div", { className: "ods-template-card__footer-actions", children: [
+          cta && /* @__PURE__ */ jsx132("div", { className: "ods-template-card__cta", children: cta }),
+          footer && /* @__PURE__ */ jsx132("div", { className: "ods-template-card__footer", children: footer })
         ] })
       ] })
-    ] });
-    const sharedClass = cn(
-      "ods-template-card",
-      `ods-template-card--${size}`,
-      isInteractive && "ods-template-card--interactive",
-      useStretchedLink && "ods-template-card--stretched",
-      disabled && "ods-template-card--disabled",
-      className
-    );
-    if (href && !disabled && !useStretchedLink) {
-      return /* @__PURE__ */ jsx131(
-        Card,
-        {
-          asChild: true,
-          radius,
-          padding: "none",
-          className: sharedClass,
-          "aria-labelledby": nameId,
-          "aria-describedby": descId,
-          children: /* @__PURE__ */ jsx131(
-            "a",
-            {
-              ...rest,
-              ref,
-              href,
-              id: baseId,
-              onClick,
-              children: body
-            }
-          )
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx131(
+    ] })
+  ] });
+  const sharedClass = cn(
+    "ods-template-card",
+    `ods-template-card--${size}`,
+    isInteractive && "ods-template-card--interactive",
+    useStretchedLink && "ods-template-card--stretched",
+    disabled && "ods-template-card--disabled",
+    className
+  );
+  if (href && !disabled && !useStretchedLink) {
+    return /* @__PURE__ */ jsx132(
       Card,
       {
-        ...rest,
-        ref,
-        id: baseId,
+        asChild: true,
         radius,
         padding: "none",
-        onClick: isInteractive ? onClick : void 0,
-        disabled,
         className: sharedClass,
         "aria-labelledby": nameId,
         "aria-describedby": descId,
-        children: body
+        children: /* @__PURE__ */ jsx132(
+          "a",
+          {
+            ...rest,
+            ref,
+            href,
+            id: baseId,
+            onClick,
+            children: body
+          }
+        )
       }
     );
   }
-);
+  return /* @__PURE__ */ jsx132(
+    Card,
+    {
+      ...rest,
+      ref,
+      id: baseId,
+      radius,
+      padding: "none",
+      onClick: isInteractive ? onClick : void 0,
+      disabled,
+      className: sharedClass,
+      "aria-labelledby": nameId,
+      "aria-describedby": descId,
+      children: body
+    }
+  );
+});
 TemplateCard.displayName = "TemplateCard";
 
 // src/components/Timeline/Timeline.tsx
@@ -31077,7 +31117,7 @@ import { AnimatePresence as AnimatePresence17, motion as motion27 } from "framer
 import {
   forwardRef as forwardRef92
 } from "react";
-import { jsx as jsx132, jsxs as jsxs126 } from "react/jsx-runtime";
+import { jsx as jsx133, jsxs as jsxs127 } from "react/jsx-runtime";
 var Timeline = forwardRef92(
   function Timeline2({
     items,
@@ -31087,16 +31127,16 @@ var Timeline = forwardRef92(
     className,
     ...rest
   }, ref) {
-    return /* @__PURE__ */ jsx132(
+    return /* @__PURE__ */ jsx133(
       "ol",
       {
         ...rest,
         ref,
         className: cn("ods-timeline", `ods-timeline--${size}`, className),
-        children: /* @__PURE__ */ jsx132(AnimatePresence17, { initial: false, children: items.map((item, idx) => {
+        children: /* @__PURE__ */ jsx133(AnimatePresence17, { initial: false, children: items.map((item, idx) => {
           const last = idx === items.length - 1;
           const status = item.status ?? "default";
-          return /* @__PURE__ */ jsxs126(
+          return /* @__PURE__ */ jsxs127(
             motion27.li,
             {
               layout: animated,
@@ -31113,8 +31153,8 @@ var Timeline = forwardRef92(
                 delay: animated ? idx * staggerDelay / 1e3 : 0
               },
               children: [
-                /* @__PURE__ */ jsxs126("div", { className: "ods-timeline__rail", children: [
-                  /* @__PURE__ */ jsx132(
+                /* @__PURE__ */ jsxs127("div", { className: "ods-timeline__rail", children: [
+                  /* @__PURE__ */ jsx133(
                     "span",
                     {
                       className: cn(
@@ -31125,12 +31165,12 @@ var Timeline = forwardRef92(
                       children: item.icon
                     }
                   ),
-                  !last && /* @__PURE__ */ jsx132("span", { className: "ods-timeline__line", "aria-hidden": "true" })
+                  !last && /* @__PURE__ */ jsx133("span", { className: "ods-timeline__line", "aria-hidden": "true" })
                 ] }),
-                /* @__PURE__ */ jsxs126("div", { className: "ods-timeline__body", children: [
-                  /* @__PURE__ */ jsx132("div", { className: "ods-timeline__title", children: item.title }),
-                  item.description && /* @__PURE__ */ jsx132("div", { className: "ods-timeline__desc", children: item.description }),
-                  item.meta && /* @__PURE__ */ jsx132("div", { className: "ods-timeline__meta", children: item.meta })
+                /* @__PURE__ */ jsxs127("div", { className: "ods-timeline__body", children: [
+                  /* @__PURE__ */ jsx133("div", { className: "ods-timeline__title", children: item.title }),
+                  item.description && /* @__PURE__ */ jsx133("div", { className: "ods-timeline__desc", children: item.description }),
+                  item.meta && /* @__PURE__ */ jsx133("div", { className: "ods-timeline__meta", children: item.meta })
                 ] })
               ]
             },
@@ -31146,7 +31186,7 @@ Timeline.displayName = "Timeline";
 // src/components/TimePicker/TimePicker.tsx
 import {
   forwardRef as forwardRef93,
-  Fragment as Fragment54,
+  Fragment as Fragment55,
   useCallback as useCallback44,
   useEffect as useEffect50,
   useId as useId54,
@@ -31160,7 +31200,7 @@ import {
   ChevronDownIcon as ChevronDownIcon9,
   TimeIcon as TimeIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment55, jsx as jsx133, jsxs as jsxs127 } from "react/jsx-runtime";
+import { Fragment as Fragment56, jsx as jsx134, jsxs as jsxs128 } from "react/jsx-runtime";
 var pad = (n) => n.toString().padStart(2, "0");
 function format(v, use24h, showSeconds) {
   const base = `${pad(v.hours)}:${pad(v.minutes)}${showSeconds ? `:${pad(v.seconds ?? 0)}` : ""}`;
@@ -31392,7 +31432,7 @@ var TimePicker = forwardRef93(
       if (draft && draft.seg === seg) return draft.digits.padStart(2, "0");
       return pad(val);
     };
-    const segButton = (seg, val) => /* @__PURE__ */ jsx133(
+    const segButton = (seg, val) => /* @__PURE__ */ jsx134(
       "button",
       {
         ref: refOf(seg),
@@ -31412,7 +31452,7 @@ var TimePicker = forwardRef93(
         children: segDisplay(seg, val)
       }
     );
-    return /* @__PURE__ */ jsxs127(
+    return /* @__PURE__ */ jsxs128(
       "div",
       {
         ...rest,
@@ -31425,7 +31465,7 @@ var TimePicker = forwardRef93(
           className
         ),
         children: [
-          label && /* @__PURE__ */ jsx133(
+          label && /* @__PURE__ */ jsx134(
             "label",
             {
               id: labelId,
@@ -31434,7 +31474,7 @@ var TimePicker = forwardRef93(
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs127(
+          /* @__PURE__ */ jsxs128(
             "button",
             {
               type: "button",
@@ -31450,9 +31490,9 @@ var TimePicker = forwardRef93(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx133(TimeIcon2, { size: "xs" }) }),
-                /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
-                /* @__PURE__ */ jsx133(
+                /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx134(TimeIcon2, { size: "xs" }) }),
+                /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__value", children: format(value, use24h, showSeconds) }),
+                /* @__PURE__ */ jsx134(
                   "span",
                   {
                     className: cn(
@@ -31460,14 +31500,14 @@ var TimePicker = forwardRef93(
                       open && "ods-timepicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsx133(ChevronDownIcon9, { size: "xs" })
+                    children: /* @__PURE__ */ jsx134(ChevronDownIcon9, { size: "xs" })
                   }
                 )
               ]
             }
           ),
           open && typeof document !== "undefined" && createPortal17(
-            /* @__PURE__ */ jsxs127(
+            /* @__PURE__ */ jsxs128(
               "div",
               {
                 ref: popoverRef,
@@ -31476,18 +31516,18 @@ var TimePicker = forwardRef93(
                 "aria-label": "Select time",
                 style: anchoredPopoverStyle(popoverPos),
                 children: [
-                  /* @__PURE__ */ jsxs127("div", { className: "ods-timepicker__head", children: [
-                    /* @__PURE__ */ jsxs127("div", { className: "ods-timepicker__display", children: [
+                  /* @__PURE__ */ jsxs128("div", { className: "ods-timepicker__head", children: [
+                    /* @__PURE__ */ jsxs128("div", { className: "ods-timepicker__display", children: [
                       segButton("hours", value.hours),
-                      /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__display-sep", children: ":" }),
+                      /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__display-sep", children: ":" }),
                       segButton("minutes", value.minutes),
-                      showSeconds && /* @__PURE__ */ jsxs127(Fragment55, { children: [
-                        /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__display-sep", children: ":" }),
+                      showSeconds && /* @__PURE__ */ jsxs128(Fragment56, { children: [
+                        /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__display-sep", children: ":" }),
                         segButton("seconds", value.seconds ?? 0)
                       ] })
                     ] }),
-                    !use24h && /* @__PURE__ */ jsxs127("div", { className: "ods-timepicker__period", children: [
-                      /* @__PURE__ */ jsx133(
+                    !use24h && /* @__PURE__ */ jsxs128("div", { className: "ods-timepicker__period", children: [
+                      /* @__PURE__ */ jsx134(
                         "button",
                         {
                           type: "button",
@@ -31499,7 +31539,7 @@ var TimePicker = forwardRef93(
                           children: "AM"
                         }
                       ),
-                      /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(
                         "button",
                         {
                           type: "button",
@@ -31513,41 +31553,41 @@ var TimePicker = forwardRef93(
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsx133("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs127(Fragment54, { children: [
-                    /* @__PURE__ */ jsxs127("div", { className: "ods-timepicker__col", children: [
-                      /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
-                      /* @__PURE__ */ jsx133(
+                  /* @__PURE__ */ jsx134("div", { className: "ods-timepicker__body", children: segOrder().map((seg, i, arr) => /* @__PURE__ */ jsxs128(Fragment55, { children: [
+                    /* @__PURE__ */ jsxs128("div", { className: "ods-timepicker__col", children: [
+                      /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__col-lbl", children: seg === "hours" ? "HOUR" : seg === "minutes" ? "MIN" : "SEC" }),
+                      /* @__PURE__ */ jsx134(
                         "button",
                         {
                           type: "button",
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, 1),
                           "aria-label": `${seg} up`,
-                          children: /* @__PURE__ */ jsx133(CaretUpIcon4, { size: "xs" })
+                          children: /* @__PURE__ */ jsx134(CaretUpIcon4, { size: "xs" })
                         }
                       ),
-                      /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__col-val", children: pad(
+                      /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__col-val", children: pad(
                         seg === "hours" ? value.hours : seg === "minutes" ? value.minutes : value.seconds ?? 0
                       ) }),
-                      /* @__PURE__ */ jsx133(
+                      /* @__PURE__ */ jsx134(
                         "button",
                         {
                           type: "button",
                           className: "ods-timepicker__step",
                           onClick: () => stepBy(seg, -1),
                           "aria-label": `${seg} down`,
-                          children: /* @__PURE__ */ jsx133(CaretDownIcon4, { size: "xs" })
+                          children: /* @__PURE__ */ jsx134(CaretDownIcon4, { size: "xs" })
                         }
                       )
                     ] }),
-                    i < arr.length - 1 && /* @__PURE__ */ jsx133("span", { className: "ods-timepicker__sep", children: ":" })
+                    i < arr.length - 1 && /* @__PURE__ */ jsx134("span", { className: "ods-timepicker__sep", children: ":" })
                   ] }, seg)) })
                 ]
               }
             ),
             document.body
           ),
-          error ? /* @__PURE__ */ jsx133(
+          error ? /* @__PURE__ */ jsx134(
             "div",
             {
               id: hintId,
@@ -31555,7 +31595,7 @@ var TimePicker = forwardRef93(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ jsx133("div", { id: hintId, className: "ods-timepicker__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx134("div", { id: hintId, className: "ods-timepicker__hint", children: helperText }) : null
         ]
       }
     );
@@ -31579,7 +31619,7 @@ import {
   GlobeIcon,
   SearchIcon as SearchIcon13
 } from "@octaviaflow/icons";
-import { Fragment as Fragment56, jsx as jsx134, jsxs as jsxs128 } from "react/jsx-runtime";
+import { Fragment as Fragment57, jsx as jsx135, jsxs as jsxs129 } from "react/jsx-runtime";
 var DEFAULT_TZS = [
   { iana: "America/Los_Angeles", label: "Pacific Time", offset: "UTC\u22128" },
   { iana: "America/Denver", label: "Mountain Time", offset: "UTC\u22127" },
@@ -31714,7 +31754,7 @@ var TimezonePicker = forwardRef94(
     const setTriggerRef = (node) => {
       triggerRef.current = node;
     };
-    return /* @__PURE__ */ jsxs128(
+    return /* @__PURE__ */ jsxs129(
       "div",
       {
         ...rest,
@@ -31727,7 +31767,7 @@ var TimezonePicker = forwardRef94(
           className
         ),
         children: [
-          label && /* @__PURE__ */ jsx134(
+          label && /* @__PURE__ */ jsx135(
             "label",
             {
               id: labelId,
@@ -31736,7 +31776,7 @@ var TimezonePicker = forwardRef94(
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs128(
+          /* @__PURE__ */ jsxs129(
             "button",
             {
               ref: setTriggerRef,
@@ -31753,17 +31793,17 @@ var TimezonePicker = forwardRef94(
               "aria-describedby": describedBy,
               "aria-invalid": error ? true : void 0,
               children: [
-                /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx134(GlobeIcon, { size: "xs" }) }),
-                /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs128(Fragment56, { children: [
-                  /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__name", children: selected.label }),
-                  /* @__PURE__ */ jsxs128("span", { className: "ods-tzpicker__meta", children: [
+                /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__trigger-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx135(GlobeIcon, { size: "xs" }) }),
+                /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__info", children: selected ? /* @__PURE__ */ jsxs129(Fragment57, { children: [
+                  /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__name", children: selected.label }),
+                  /* @__PURE__ */ jsxs129("span", { className: "ods-tzpicker__meta", children: [
                     selected.iana.split("/").pop()?.replace(/_/g, " "),
                     " \xB7",
                     " ",
                     selected.offset
                   ] })
-                ] }) : /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__name ods-tzpicker__name--placeholder", children: placeholder }) }),
-                /* @__PURE__ */ jsx134(
+                ] }) : /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__name ods-tzpicker__name--placeholder", children: placeholder }) }),
+                /* @__PURE__ */ jsx135(
                   "span",
                   {
                     className: cn(
@@ -31771,13 +31811,13 @@ var TimezonePicker = forwardRef94(
                       open && "ods-tzpicker__chev--open"
                     ),
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ jsx134(ChevronDownIcon10, { size: "xs" })
+                    children: /* @__PURE__ */ jsx135(ChevronDownIcon10, { size: "xs" })
                   }
                 )
               ]
             }
           ),
-          open && /* @__PURE__ */ jsxs128(
+          open && /* @__PURE__ */ jsxs129(
             "div",
             {
               className: "ods-tzpicker__popover",
@@ -31785,9 +31825,9 @@ var TimezonePicker = forwardRef94(
               "aria-label": "Select timezone",
               onKeyDown: handlePopoverKey,
               children: [
-                /* @__PURE__ */ jsxs128("div", { className: "ods-tzpicker__search", children: [
-                  /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx134(SearchIcon13, { size: "xs" }) }),
-                  /* @__PURE__ */ jsx134(
+                /* @__PURE__ */ jsxs129("div", { className: "ods-tzpicker__search", children: [
+                  /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__search-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx135(SearchIcon13, { size: "xs" }) }),
+                  /* @__PURE__ */ jsx135(
                     "input",
                     {
                       ref: inputRef,
@@ -31803,7 +31843,7 @@ var TimezonePicker = forwardRef94(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs128(
+                /* @__PURE__ */ jsxs129(
                   "ul",
                   {
                     ref: listRef,
@@ -31812,11 +31852,11 @@ var TimezonePicker = forwardRef94(
                     role: "listbox",
                     "aria-labelledby": labelId,
                     children: [
-                      filtered.length === 0 && /* @__PURE__ */ jsx134("li", { className: "ods-tzpicker__empty", role: "presentation", children: "No timezones found" }),
+                      filtered.length === 0 && /* @__PURE__ */ jsx135("li", { className: "ods-tzpicker__empty", role: "presentation", children: "No timezones found" }),
                       filtered.map((opt, i) => {
                         const isSelected = opt.iana === value;
                         const isActive2 = i === activeIndex;
-                        return /* @__PURE__ */ jsx134("li", { role: "presentation", children: /* @__PURE__ */ jsxs128(
+                        return /* @__PURE__ */ jsx135("li", { role: "presentation", children: /* @__PURE__ */ jsxs129(
                           "button",
                           {
                             type: "button",
@@ -31833,17 +31873,17 @@ var TimezonePicker = forwardRef94(
                             onClick: () => select(opt.iana),
                             onMouseEnter: () => setActiveIndex(i),
                             children: [
-                              /* @__PURE__ */ jsxs128("span", { className: "ods-tzpicker__opt-text", children: [
-                                /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__opt-name", children: opt.label }),
-                                /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__opt-iana", children: opt.iana })
+                              /* @__PURE__ */ jsxs129("span", { className: "ods-tzpicker__opt-text", children: [
+                                /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__opt-name", children: opt.label }),
+                                /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__opt-iana", children: opt.iana })
                               ] }),
-                              /* @__PURE__ */ jsx134("span", { className: "ods-tzpicker__opt-off", children: opt.offset }),
-                              isSelected && /* @__PURE__ */ jsx134(
+                              /* @__PURE__ */ jsx135("span", { className: "ods-tzpicker__opt-off", children: opt.offset }),
+                              isSelected && /* @__PURE__ */ jsx135(
                                 "span",
                                 {
                                   className: "ods-tzpicker__opt-check",
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ jsx134(CheckmarkIcon13, { size: "xs" })
+                                  children: /* @__PURE__ */ jsx135(CheckmarkIcon13, { size: "xs" })
                                 }
                               )
                             ]
@@ -31856,7 +31896,7 @@ var TimezonePicker = forwardRef94(
               ]
             }
           ),
-          error ? /* @__PURE__ */ jsx134(
+          error ? /* @__PURE__ */ jsx135(
             "div",
             {
               id: hintId,
@@ -31864,7 +31904,7 @@ var TimezonePicker = forwardRef94(
               role: "alert",
               children: error
             }
-          ) : helperText ? /* @__PURE__ */ jsx134("div", { id: hintId, className: "ods-tzpicker__hint", children: helperText }) : null
+          ) : helperText ? /* @__PURE__ */ jsx135("div", { id: hintId, className: "ods-tzpicker__hint", children: helperText }) : null
         ]
       }
     );
@@ -31883,10 +31923,10 @@ import {
   useState as useState66
 } from "react";
 import { createPortal as createPortal18 } from "react-dom";
-import { Fragment as Fragment57, jsx as jsx135, jsxs as jsxs129 } from "react/jsx-runtime";
+import { Fragment as Fragment58, jsx as jsx136, jsxs as jsxs130 } from "react/jsx-runtime";
 var defaultIcons = {
-  success: /* @__PURE__ */ jsxs129("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx135(
+  success: /* @__PURE__ */ jsxs130("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx136(
       "circle",
       {
         cx: "8",
@@ -31896,7 +31936,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-success-bd)"
       }
     ),
-    /* @__PURE__ */ jsx135(
+    /* @__PURE__ */ jsx136(
       "path",
       {
         d: "m5 8 2 2 4-4.5",
@@ -31907,8 +31947,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  error: /* @__PURE__ */ jsxs129("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx135(
+  error: /* @__PURE__ */ jsxs130("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx136(
       "circle",
       {
         cx: "8",
@@ -31918,7 +31958,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-failed-bd)"
       }
     ),
-    /* @__PURE__ */ jsx135(
+    /* @__PURE__ */ jsx136(
       "path",
       {
         d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
@@ -31928,8 +31968,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  warning: /* @__PURE__ */ jsxs129("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx135(
+  warning: /* @__PURE__ */ jsxs130("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx136(
       "circle",
       {
         cx: "8",
@@ -31939,7 +31979,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-pending-bd)"
       }
     ),
-    /* @__PURE__ */ jsx135(
+    /* @__PURE__ */ jsx136(
       "path",
       {
         d: "M8 4.5v4.2M8 11v.5",
@@ -31949,8 +31989,8 @@ var defaultIcons = {
       }
     )
   ] }),
-  info: /* @__PURE__ */ jsxs129("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx135(
+  info: /* @__PURE__ */ jsxs130("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx136(
       "circle",
       {
         cx: "8",
@@ -31960,7 +32000,7 @@ var defaultIcons = {
         stroke: "var(--ods-status-running-bd)"
       }
     ),
-    /* @__PURE__ */ jsx135(
+    /* @__PURE__ */ jsx136(
       "path",
       {
         d: "M8 7.5v4M8 4.5v.5",
@@ -31974,19 +32014,19 @@ var defaultIcons = {
 var ToastContext = createContext3(null);
 function ToastBody({ item, onDismiss }) {
   const dismiss = () => onDismiss(item.id);
-  if (item.render) return /* @__PURE__ */ jsx135(Fragment57, { children: item.render({ id: item.id, dismiss }) });
+  if (item.render) return /* @__PURE__ */ jsx136(Fragment58, { children: item.render({ id: item.id, dismiss }) });
   const title = item.title ?? item.message;
-  return /* @__PURE__ */ jsxs129(Fragment57, { children: [
-    /* @__PURE__ */ jsx135("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
-    /* @__PURE__ */ jsxs129("div", { className: "ods-toast__body", children: [
-      title && /* @__PURE__ */ jsx135("div", { className: "ods-toast__title", children: title }),
-      item.description && /* @__PURE__ */ jsx135("div", { className: "ods-toast__desc", children: item.description })
+  return /* @__PURE__ */ jsxs130(Fragment58, { children: [
+    /* @__PURE__ */ jsx136("span", { className: "ods-toast__icon", "aria-hidden": "true", children: item.icon ?? defaultIcons[item.variant] }),
+    /* @__PURE__ */ jsxs130("div", { className: "ods-toast__body", children: [
+      title && /* @__PURE__ */ jsx136("div", { className: "ods-toast__title", children: title }),
+      item.description && /* @__PURE__ */ jsx136("div", { className: "ods-toast__desc", children: item.description })
     ] }),
-    (item.actionLabel || item.action) && /* @__PURE__ */ jsx135("div", { className: "ods-toast__action", children: item.actionLabel ? (
+    (item.actionLabel || item.action) && /* @__PURE__ */ jsx136("div", { className: "ods-toast__action", children: item.actionLabel ? (
       // First-class action chip — consistent styling, auto-dismiss
       // after the consumer's onAction runs. This is the path most
       // consumers should use ("Undo", "Retry", "View").
-      /* @__PURE__ */ jsx135(
+      /* @__PURE__ */ jsx136(
         "button",
         {
           type: "button",
@@ -32005,7 +32045,7 @@ function ToastBody({ item, onDismiss }) {
       // (including any explicit dismiss() they want to call).
       item.action
     ) }),
-    item.closeable && /* @__PURE__ */ jsx135(
+    item.closeable && /* @__PURE__ */ jsx136(
       "button",
       {
         type: "button",
@@ -32015,7 +32055,7 @@ function ToastBody({ item, onDismiss }) {
           e.stopPropagation();
           dismiss();
         },
-        children: /* @__PURE__ */ jsx135("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx135(
+        children: /* @__PURE__ */ jsx136("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx136(
           "path",
           {
             d: "M3 3l8 8M11 3l-8 8",
@@ -32048,7 +32088,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
     }
     return { y: maxStack * 10 * dir, scale: 1 - maxStack * 0.05, opacity: 0 };
   };
-  return /* @__PURE__ */ jsxs129(
+  return /* @__PURE__ */ jsxs130(
     "div",
     {
       className: cn(
@@ -32061,7 +32101,7 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
       onMouseLeave: () => setHovered(false),
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ jsx135(
+        /* @__PURE__ */ jsx136(
           "div",
           {
             className: cn("ods-toast-stack__scroll", expanded && "ods-toast-stack__scroll--expanded"),
@@ -32071,9 +32111,9 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
                 setPinned((p) => !p);
               }
             },
-            children: /* @__PURE__ */ jsx135(AnimatePresence18, { mode: "popLayout", children: ordered.map((item, idx) => {
+            children: /* @__PURE__ */ jsx136(AnimatePresence18, { mode: "popLayout", children: ordered.map((item, idx) => {
               const s = stackedStyle(idx);
-              return /* @__PURE__ */ jsx135(
+              return /* @__PURE__ */ jsx136(
                 motion28.div,
                 {
                   layout: true,
@@ -32096,14 +32136,14 @@ function PositionStack({ items, position, onDismiss, maxStack }) {
                       setPinned(true);
                     }
                   },
-                  children: /* @__PURE__ */ jsx135(ToastBody, { item, onDismiss })
+                  children: /* @__PURE__ */ jsx136(ToastBody, { item, onDismiss })
                 },
                 item.id
               );
             }) })
           }
         ),
-        expanded && items.length > 1 && pinned && /* @__PURE__ */ jsx135(
+        expanded && items.length > 1 && pinned && /* @__PURE__ */ jsx136(
           "button",
           {
             type: "button",
@@ -32196,10 +32236,10 @@ function ToastProvider({
     return out;
   }, [toasts]);
   const ctx = { toast, dismiss, dismissAll };
-  const containers = /* @__PURE__ */ jsx135(Fragment57, { children: POSITIONS.map((pos) => {
+  const containers = /* @__PURE__ */ jsx136(Fragment58, { children: POSITIONS.map((pos) => {
     const list = groups[pos];
     if (list.length === 0) return null;
-    return /* @__PURE__ */ jsx135(
+    return /* @__PURE__ */ jsx136(
       PositionStack,
       {
         items: list,
@@ -32210,7 +32250,7 @@ function ToastProvider({
       pos
     );
   }) });
-  return /* @__PURE__ */ jsxs129(ToastContext.Provider, { value: ctx, children: [
+  return /* @__PURE__ */ jsxs130(ToastContext.Provider, { value: ctx, children: [
     children,
     typeof document !== "undefined" && createPortal18(containers, document.body)
   ] });
@@ -32235,7 +32275,7 @@ import {
   useId as useId56,
   useRef as useRef47
 } from "react";
-import { jsx as jsx136, jsxs as jsxs130 } from "react/jsx-runtime";
+import { jsx as jsx137, jsxs as jsxs131 } from "react/jsx-runtime";
 function Toggle({
   label,
   options: options2,
@@ -32316,7 +32356,7 @@ function Toggle({
   );
   const selectedIdx = options2.findIndex((o) => o.value === value);
   const fallbackTabIdx = selectedIdx >= 0 ? selectedIdx : findNextEnabled(-1, 1);
-  return /* @__PURE__ */ jsxs130(
+  return /* @__PURE__ */ jsxs131(
     "div",
     {
       ...rest,
@@ -32328,8 +32368,8 @@ function Toggle({
         className
       ),
       children: [
-        label && /* @__PURE__ */ jsx136("span", { id: labelId, className: "ods-toggle-field__label", children: label }),
-        /* @__PURE__ */ jsx136(
+        label && /* @__PURE__ */ jsx137("span", { id: labelId, className: "ods-toggle-field__label", children: label }),
+        /* @__PURE__ */ jsx137(
           "div",
           {
             role: "radiogroup",
@@ -32346,7 +32386,7 @@ function Toggle({
             children: options2.map((opt, i) => {
               const active = opt.value === value;
               const isDisabled = disabled || opt.disabled;
-              return /* @__PURE__ */ jsxs130(
+              return /* @__PURE__ */ jsxs131(
                 "button",
                 {
                   ref: (el) => {
@@ -32364,8 +32404,8 @@ function Toggle({
                     active && "ods-toggle__opt--active"
                   ),
                   children: [
-                    opt.icon && /* @__PURE__ */ jsx136("span", { className: "ods-toggle__icon", "aria-hidden": "true", children: opt.icon }),
-                    /* @__PURE__ */ jsx136("span", { className: "ods-toggle__label", children: opt.label })
+                    opt.icon && /* @__PURE__ */ jsx137("span", { className: "ods-toggle__icon", "aria-hidden": "true", children: opt.icon }),
+                    /* @__PURE__ */ jsx137("span", { className: "ods-toggle__label", children: opt.label })
                   ]
                 },
                 opt.value
@@ -32373,7 +32413,7 @@ function Toggle({
             })
           }
         ),
-        error ? /* @__PURE__ */ jsx136(
+        error ? /* @__PURE__ */ jsx137(
           "div",
           {
             id: hintId,
@@ -32381,7 +32421,7 @@ function Toggle({
             role: "alert",
             children: error
           }
-        ) : helperText ? /* @__PURE__ */ jsx136("div", { id: hintId, className: "ods-toggle-field__hint", children: helperText }) : null
+        ) : helperText ? /* @__PURE__ */ jsx137("div", { id: hintId, className: "ods-toggle-field__hint", children: helperText }) : null
       ]
     }
   );
@@ -32389,9 +32429,9 @@ function Toggle({
 Toggle.displayName = "Toggle";
 
 // src/components/Toolbar/Toolbar.tsx
-import { jsx as jsx137, jsxs as jsxs131 } from "react/jsx-runtime";
+import { jsx as jsx138, jsxs as jsxs132 } from "react/jsx-runtime";
 function Toolbar({ children, className }) {
-  return /* @__PURE__ */ jsx137("div", { role: "toolbar", className: cn("ods-toolbar", className), children });
+  return /* @__PURE__ */ jsx138("div", { role: "toolbar", className: cn("ods-toolbar", className), children });
 }
 function ToolbarButton({
   icon,
@@ -32403,7 +32443,7 @@ function ToolbarButton({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsxs131(
+  return /* @__PURE__ */ jsxs132(
     "button",
     {
       type: "button",
@@ -32413,18 +32453,18 @@ function ToolbarButton({
       "aria-pressed": active,
       "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
       children: [
-        icon && /* @__PURE__ */ jsx137("span", { className: "ods-toolbar__btn-icon", "aria-hidden": "true", children: icon }),
-        label && /* @__PURE__ */ jsx137("span", { className: "ods-toolbar__btn-label", children: label }),
+        icon && /* @__PURE__ */ jsx138("span", { className: "ods-toolbar__btn-icon", "aria-hidden": "true", children: icon }),
+        label && /* @__PURE__ */ jsx138("span", { className: "ods-toolbar__btn-label", children: label }),
         children
       ]
     }
   );
 }
 function ToolbarDivider() {
-  return /* @__PURE__ */ jsx137("span", { className: "ods-toolbar__divider", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx138("span", { className: "ods-toolbar__divider", "aria-hidden": "true" });
 }
 function ToolbarSpacer() {
-  return /* @__PURE__ */ jsx137("span", { className: "ods-toolbar__spacer" });
+  return /* @__PURE__ */ jsx138("span", { className: "ods-toolbar__spacer" });
 }
 
 // src/components/ToolCard/ToolCard.tsx
@@ -32442,16 +32482,16 @@ import {
   MagicWandIcon,
   SearchIcon as SearchIcon14
 } from "@octaviaflow/icons";
-import { jsx as jsx138, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs133 } from "react/jsx-runtime";
 var CATEGORY_GLYPH = {
-  search: /* @__PURE__ */ jsx138(SearchIcon14, { size: "xs" }),
-  database: /* @__PURE__ */ jsx138(DataBaseIcon, { size: "xs" }),
-  web: /* @__PURE__ */ jsx138(GlobeIcon2, { size: "xs" }),
-  code: /* @__PURE__ */ jsx138(CodeIcon5, { size: "xs" }),
-  file: /* @__PURE__ */ jsx138(DocumentIcon5, { size: "xs" }),
-  api: /* @__PURE__ */ jsx138(ApiIcon, { size: "xs" }),
-  ai: /* @__PURE__ */ jsx138(MagicWandIcon, { size: "xs" }),
-  custom: /* @__PURE__ */ jsx138(ExtensionsIcon, { size: "xs" })
+  search: /* @__PURE__ */ jsx139(SearchIcon14, { size: "xs" }),
+  database: /* @__PURE__ */ jsx139(DataBaseIcon, { size: "xs" }),
+  web: /* @__PURE__ */ jsx139(GlobeIcon2, { size: "xs" }),
+  code: /* @__PURE__ */ jsx139(CodeIcon5, { size: "xs" }),
+  file: /* @__PURE__ */ jsx139(DocumentIcon5, { size: "xs" }),
+  api: /* @__PURE__ */ jsx139(ApiIcon, { size: "xs" }),
+  ai: /* @__PURE__ */ jsx139(MagicWandIcon, { size: "xs" }),
+  custom: /* @__PURE__ */ jsx139(ExtensionsIcon, { size: "xs" })
 };
 var ToolCard = forwardRef95(
   function ToolCard2({
@@ -32489,7 +32529,7 @@ var ToolCard = forwardRef95(
       }
     };
     const showSwitch = !hideToggle && onToggle !== void 0;
-    return /* @__PURE__ */ jsxs132(
+    return /* @__PURE__ */ jsxs133(
       "div",
       {
         ...rest,
@@ -32512,7 +32552,7 @@ var ToolCard = forwardRef95(
         "aria-label": ariaLabel,
         "aria-describedby": descId,
         children: [
-          /* @__PURE__ */ jsx138(
+          /* @__PURE__ */ jsx139(
             "span",
             {
               className: cn(
@@ -32523,15 +32563,15 @@ var ToolCard = forwardRef95(
               children: icon ?? CATEGORY_GLYPH[category]
             }
           ),
-          /* @__PURE__ */ jsxs132("div", { className: "ods-tool-card__body", children: [
-            /* @__PURE__ */ jsxs132("div", { className: "ods-tool-card__head", children: [
-              /* @__PURE__ */ jsx138("span", { id: nameId, className: "ods-tool-card__name", children: name }),
-              isNew && /* @__PURE__ */ jsx138("span", { className: "ods-tool-card__new", "aria-label": "New", children: "NEW" }),
-              badge && /* @__PURE__ */ jsx138("span", { className: "ods-tool-card__badge", children: badge })
+          /* @__PURE__ */ jsxs133("div", { className: "ods-tool-card__body", children: [
+            /* @__PURE__ */ jsxs133("div", { className: "ods-tool-card__head", children: [
+              /* @__PURE__ */ jsx139("span", { id: nameId, className: "ods-tool-card__name", children: name }),
+              isNew && /* @__PURE__ */ jsx139("span", { className: "ods-tool-card__new", "aria-label": "New", children: "NEW" }),
+              badge && /* @__PURE__ */ jsx139("span", { className: "ods-tool-card__badge", children: badge })
             ] }),
-            description && /* @__PURE__ */ jsx138("div", { id: descId, className: "ods-tool-card__desc", children: description })
+            description && /* @__PURE__ */ jsx139("div", { id: descId, className: "ods-tool-card__desc", children: description })
           ] }),
-          showSwitch && /* @__PURE__ */ jsx138(
+          showSwitch && /* @__PURE__ */ jsx139(
             "button",
             {
               type: "button",
@@ -32552,7 +32592,7 @@ var ToolCard = forwardRef95(
                   e.stopPropagation();
                 }
               },
-              children: /* @__PURE__ */ jsx138("span", { className: "ods-tool-card__switch-thumb", "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx139("span", { className: "ods-tool-card__switch-thumb", "aria-hidden": "true" })
             }
           )
         ]
@@ -32563,7 +32603,7 @@ var ToolCard = forwardRef95(
 ToolCard.displayName = "ToolCard";
 
 // src/components/TopBar/TopBar.tsx
-import { jsx as jsx139, jsxs as jsxs133 } from "react/jsx-runtime";
+import { jsx as jsx140, jsxs as jsxs134 } from "react/jsx-runtime";
 function TopBar({
   brand,
   workspaceSwitcher,
@@ -32583,32 +32623,32 @@ function TopBar({
   const showDividerAfterBrand = hasBrandBlock && (hasWorkspace || hasCrumbs || hasTitle);
   const showDividerAfterWorkspace = hasWorkspace && (hasCrumbs || hasTitle);
   const BrandRoot = brand?.href ? "a" : "div";
-  return /* @__PURE__ */ jsxs133("header", { ...props, className: cn("ods-topbar", className), children: [
-    /* @__PURE__ */ jsxs133("div", { className: "ods-topbar__left", children: [
-      brand && /* @__PURE__ */ jsxs133(
+  return /* @__PURE__ */ jsxs134("header", { ...props, className: cn("ods-topbar", className), children: [
+    /* @__PURE__ */ jsxs134("div", { className: "ods-topbar__left", children: [
+      brand && /* @__PURE__ */ jsxs134(
         BrandRoot,
         {
           href: brand.href,
           className: cn("ods-topbar__brand", brand.href && "ods-topbar__brand--link"),
           children: [
-            brand.logo && /* @__PURE__ */ jsx139("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
-            /* @__PURE__ */ jsx139("span", { className: "ods-topbar__brand-name", children: brand.name })
+            brand.logo && /* @__PURE__ */ jsx140("span", { className: "ods-topbar__brand-mark", children: brand.logo }),
+            /* @__PURE__ */ jsx140("span", { className: "ods-topbar__brand-name", children: brand.name })
           ]
         }
       ),
-      showDividerAfterBrand && /* @__PURE__ */ jsx139("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      workspaceSwitcher && /* @__PURE__ */ jsx139("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
-      showDividerAfterWorkspace && /* @__PURE__ */ jsx139("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
-      hasCrumbs && /* @__PURE__ */ jsx139("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx139("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs133("li", { className: "ods-topbar__crumb", children: [
-        idx > 0 && /* @__PURE__ */ jsx139("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
-        crumb.href ? /* @__PURE__ */ jsx139("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ jsx139("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
+      showDividerAfterBrand && /* @__PURE__ */ jsx140("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      workspaceSwitcher && /* @__PURE__ */ jsx140("div", { className: "ods-topbar__workspace", children: workspaceSwitcher }),
+      showDividerAfterWorkspace && /* @__PURE__ */ jsx140("span", { className: "ods-topbar__divider", "aria-hidden": "true" }),
+      hasCrumbs && /* @__PURE__ */ jsx140("nav", { className: "ods-topbar__breadcrumbs", "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx140("ol", { children: breadcrumbs.map((crumb, idx) => /* @__PURE__ */ jsxs134("li", { className: "ods-topbar__crumb", children: [
+        idx > 0 && /* @__PURE__ */ jsx140("span", { className: "ods-topbar__separator", "aria-hidden": "true", children: "/" }),
+        crumb.href ? /* @__PURE__ */ jsx140("a", { href: crumb.href, children: crumb.label }) : /* @__PURE__ */ jsx140("span", { "aria-current": idx === breadcrumbs.length - 1 ? "page" : void 0, children: crumb.label })
       ] }, idx)) }) }),
-      hasTitle && /* @__PURE__ */ jsx139("h1", { className: "ods-topbar__title", children: title })
+      hasTitle && /* @__PURE__ */ jsx140("h1", { className: "ods-topbar__title", children: title })
     ] }),
-    children && /* @__PURE__ */ jsx139("div", { className: "ods-topbar__center", children }),
-    /* @__PURE__ */ jsxs133("div", { className: "ods-topbar__right", children: [
-      onSearch && /* @__PURE__ */ jsxs133("div", { className: "ods-topbar__search", children: [
-        /* @__PURE__ */ jsx139(
+    children && /* @__PURE__ */ jsx140("div", { className: "ods-topbar__center", children }),
+    /* @__PURE__ */ jsxs134("div", { className: "ods-topbar__right", children: [
+      onSearch && /* @__PURE__ */ jsxs134("div", { className: "ods-topbar__search", children: [
+        /* @__PURE__ */ jsx140(
           "svg",
           {
             className: "ods-topbar__search-icon",
@@ -32617,7 +32657,7 @@ function TopBar({
             viewBox: "0 0 20 20",
             fill: "currentColor",
             "aria-hidden": "true",
-            children: /* @__PURE__ */ jsx139(
+            children: /* @__PURE__ */ jsx140(
               "path",
               {
                 fillRule: "evenodd",
@@ -32627,7 +32667,7 @@ function TopBar({
             )
           }
         ),
-        /* @__PURE__ */ jsx139(
+        /* @__PURE__ */ jsx140(
           "input",
           {
             type: "search",
@@ -32638,7 +32678,7 @@ function TopBar({
           }
         )
       ] }),
-      actions && /* @__PURE__ */ jsx139("div", { className: "ods-topbar__actions", children: actions })
+      actions && /* @__PURE__ */ jsx140("div", { className: "ods-topbar__actions", children: actions })
     ] })
   ] });
 }
@@ -32660,13 +32700,13 @@ import {
   IdeaIcon,
   WarningAltIcon as WarningAltIcon2
 } from "@octaviaflow/icons";
-import { jsx as jsx140, jsxs as jsxs134 } from "react/jsx-runtime";
+import { jsx as jsx141, jsxs as jsxs135 } from "react/jsx-runtime";
 var DEFAULT_KIND_GLYPH = {
-  thought: /* @__PURE__ */ jsx140(IdeaIcon, { size: "xs" }),
-  tool: /* @__PURE__ */ jsx140(BuildToolIcon, { size: "xs" }),
-  input: /* @__PURE__ */ jsx140(ConnectionReceiveIcon, { size: "xs" }),
-  output: /* @__PURE__ */ jsx140(ConnectionSendIcon, { size: "xs" }),
-  error: /* @__PURE__ */ jsx140(WarningAltIcon2, { size: "xs" })
+  thought: /* @__PURE__ */ jsx141(IdeaIcon, { size: "xs" }),
+  tool: /* @__PURE__ */ jsx141(BuildToolIcon, { size: "xs" }),
+  input: /* @__PURE__ */ jsx141(ConnectionReceiveIcon, { size: "xs" }),
+  output: /* @__PURE__ */ jsx141(ConnectionSendIcon, { size: "xs" }),
+  error: /* @__PURE__ */ jsx141(WarningAltIcon2, { size: "xs" })
 };
 var FALLBACK_GLYPH = DEFAULT_KIND_GLYPH.thought;
 var TraceStep = forwardRef96(
@@ -32706,7 +32746,7 @@ var TraceStep = forwardRef96(
       onOpenChange?.(next);
     }, [canExpand, open, isControlled, onOpenChange]);
     const resolvedGlyph = icon ?? kindIcons?.[kind] ?? DEFAULT_KIND_GLYPH[kind] ?? FALLBACK_GLYPH;
-    return /* @__PURE__ */ jsxs134(
+    return /* @__PURE__ */ jsxs135(
       "div",
       {
         ...rest,
@@ -32722,18 +32762,18 @@ var TraceStep = forwardRef96(
           className
         ),
         children: [
-          /* @__PURE__ */ jsxs134("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx140(
+          /* @__PURE__ */ jsxs135("div", { className: "ods-trace-step__rail", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx141(
               motion29.span,
               {
                 className: "ods-trace-step__icon",
                 initial: disableAnimation ? false : { scale: 0.6, opacity: 0 },
                 animate: { scale: 1, opacity: 1 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
-                children: status === "running" ? /* @__PURE__ */ jsx140("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ jsx140(CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
+                children: status === "running" ? /* @__PURE__ */ jsx141("span", { className: "ods-trace-step__spin", children: /* @__PURE__ */ jsx141(CircleDashIcon, { size: "xs" }) }) : resolvedGlyph
               }
             ),
-            !isLast && /* @__PURE__ */ jsx140(
+            !isLast && /* @__PURE__ */ jsx141(
               motion29.span,
               {
                 className: "ods-trace-step__line",
@@ -32743,8 +32783,8 @@ var TraceStep = forwardRef96(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs134("div", { className: "ods-trace-step__body", children: [
-            /* @__PURE__ */ jsxs134(
+          /* @__PURE__ */ jsxs135("div", { className: "ods-trace-step__body", children: [
+            /* @__PURE__ */ jsxs135(
               "button",
               {
                 id: headId,
@@ -32755,7 +32795,7 @@ var TraceStep = forwardRef96(
                 "aria-controls": canExpand ? contentId : void 0,
                 disabled: !canExpand,
                 children: [
-                  index != null && /* @__PURE__ */ jsx140(
+                  index != null && /* @__PURE__ */ jsx141(
                     "span",
                     {
                       className: cn(
@@ -32765,32 +32805,32 @@ var TraceStep = forwardRef96(
                       children: index
                     }
                   ),
-                  /* @__PURE__ */ jsx140("span", { className: "ods-trace-step__title", children: title }),
-                  tool && /* @__PURE__ */ jsxs134(
+                  /* @__PURE__ */ jsx141("span", { className: "ods-trace-step__title", children: title }),
+                  tool && /* @__PURE__ */ jsxs135(
                     "span",
                     {
                       className: "ods-trace-step__tool",
                       title: tool,
                       "aria-label": `Tool: ${tool}`,
                       children: [
-                        /* @__PURE__ */ jsx140("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx140(BuildToolIcon, { size: "xs" }) }),
+                        /* @__PURE__ */ jsx141("span", { className: "ods-trace-step__tool-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx141(BuildToolIcon, { size: "xs" }) }),
                         tool
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsxs134("span", { className: "ods-trace-step__meta", children: [
-                    tokens != null && /* @__PURE__ */ jsxs134(
+                  /* @__PURE__ */ jsxs135("span", { className: "ods-trace-step__meta", children: [
+                    tokens != null && /* @__PURE__ */ jsxs135(
                       "span",
                       {
                         className: "ods-trace-step__tokens",
                         "aria-label": `${tokens} tokens`,
                         children: [
-                          /* @__PURE__ */ jsx140("span", { children: tokens.toLocaleString() }),
+                          /* @__PURE__ */ jsx141("span", { children: tokens.toLocaleString() }),
                           " tok"
                         ]
                       }
                     ),
-                    duration && /* @__PURE__ */ jsx140(
+                    duration && /* @__PURE__ */ jsx141(
                       "span",
                       {
                         className: "ods-trace-step__duration",
@@ -32799,20 +32839,20 @@ var TraceStep = forwardRef96(
                       }
                     )
                   ] }),
-                  canExpand && /* @__PURE__ */ jsx140(
+                  canExpand && /* @__PURE__ */ jsx141(
                     motion29.span,
                     {
                       className: "ods-trace-step__chev",
                       "aria-hidden": "true",
                       animate: { rotate: open ? 180 : 0 },
                       transition: { duration: 0.18, ease: [0.16, 1, 0.3, 1] },
-                      children: /* @__PURE__ */ jsx140(CaretDownIcon5, { size: "xs" })
+                      children: /* @__PURE__ */ jsx141(CaretDownIcon5, { size: "xs" })
                     }
                   )
                 ]
               }
             ),
-            /* @__PURE__ */ jsx140(AnimatePresence19, { initial: false, children: canExpand && open && /* @__PURE__ */ jsx140(
+            /* @__PURE__ */ jsx141(AnimatePresence19, { initial: false, children: canExpand && open && /* @__PURE__ */ jsx141(
               motion29.div,
               {
                 id: contentId,
@@ -32824,7 +32864,7 @@ var TraceStep = forwardRef96(
                 exit: disableAnimation ? void 0 : { height: 0, opacity: 0 },
                 transition: { duration: 0.2, ease: [0.16, 1, 0.3, 1] },
                 style: { overflow: "hidden" },
-                children: /* @__PURE__ */ jsx140("div", { className: "ods-trace-step__content-inner", children })
+                children: /* @__PURE__ */ jsx141("div", { className: "ods-trace-step__content-inner", children })
               },
               "content"
             ) })
@@ -32841,7 +32881,7 @@ import {
   forwardRef as forwardRef97,
   useId as useId59
 } from "react";
-import { jsx as jsx141, jsxs as jsxs135 } from "react/jsx-runtime";
+import { jsx as jsx142, jsxs as jsxs136 } from "react/jsx-runtime";
 var defaultFormat8 = (n) => n.toLocaleString();
 var UsageMeter = forwardRef97(
   function UsageMeter2({
@@ -32877,7 +32917,7 @@ var UsageMeter = forwardRef97(
     const tone = exhausted ? "danger" : warned ? "warning" : "default";
     const resolvedValueLabel = valueLabel ?? `${formatValue(clamped)} / ${formatValue(safeAllowance)}${safeBonus > 0 ? ` + ${formatValue(safeBonus)}` : ""}`;
     const valueText = `${formatValue(clamped)} of ${formatValue(safeAllowance)} used` + (safeBonus > 0 ? `, plus ${formatValue(Math.max(0, safeBonus - inBonus))} add-on available` : "");
-    return /* @__PURE__ */ jsxs135(
+    return /* @__PURE__ */ jsxs136(
       "div",
       {
         ...rest,
@@ -32890,9 +32930,9 @@ var UsageMeter = forwardRef97(
           className
         ),
         children: [
-          (label || !hideValueLabel) && /* @__PURE__ */ jsxs135("div", { className: "ods-usage-meter__header", children: [
-            label && /* @__PURE__ */ jsx141("span", { id: labelId, className: "ods-usage-meter__label", children: label }),
-            !hideValueLabel && /* @__PURE__ */ jsx141(
+          (label || !hideValueLabel) && /* @__PURE__ */ jsxs136("div", { className: "ods-usage-meter__header", children: [
+            label && /* @__PURE__ */ jsx142("span", { id: labelId, className: "ods-usage-meter__label", children: label }),
+            !hideValueLabel && /* @__PURE__ */ jsx142(
               "span",
               {
                 className: "ods-usage-meter__value-label",
@@ -32901,7 +32941,7 @@ var UsageMeter = forwardRef97(
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs135(
+          /* @__PURE__ */ jsxs136(
             "div",
             {
               className: "ods-usage-meter__track",
@@ -32914,12 +32954,12 @@ var UsageMeter = forwardRef97(
               "aria-labelledby": labelId,
               "aria-describedby": captionId,
               children: [
-                /* @__PURE__ */ jsx141(
+                /* @__PURE__ */ jsx142(
                   "div",
                   {
                     className: "ods-usage-meter__segment ods-usage-meter__segment--allowance",
                     style: { flexGrow: safeAllowance || 1 },
-                    children: /* @__PURE__ */ jsx141(
+                    children: /* @__PURE__ */ jsx142(
                       "div",
                       {
                         className: "ods-usage-meter__fill",
@@ -32928,12 +32968,12 @@ var UsageMeter = forwardRef97(
                     )
                   }
                 ),
-                safeBonus > 0 && /* @__PURE__ */ jsx141(
+                safeBonus > 0 && /* @__PURE__ */ jsx142(
                   "div",
                   {
                     className: "ods-usage-meter__segment ods-usage-meter__segment--bonus",
                     style: { flexGrow: safeBonus },
-                    children: /* @__PURE__ */ jsx141(
+                    children: /* @__PURE__ */ jsx142(
                       "div",
                       {
                         className: "ods-usage-meter__fill ods-usage-meter__fill--bonus",
@@ -32945,7 +32985,7 @@ var UsageMeter = forwardRef97(
               ]
             }
           ),
-          caption && /* @__PURE__ */ jsx141("span", { id: captionId, className: "ods-usage-meter__caption", children: caption })
+          caption && /* @__PURE__ */ jsx142("span", { id: captionId, className: "ods-usage-meter__caption", children: caption })
         ]
       }
     );
@@ -32958,124 +32998,99 @@ import {
   forwardRef as forwardRef98,
   useId as useId60
 } from "react";
-import { Fragment as Fragment58, jsx as jsx142, jsxs as jsxs136 } from "react/jsx-runtime";
-var UserCard = forwardRef98(
-  function UserCard2({
-    name,
-    nameAs = "h3",
-    role,
-    avatar,
-    avatarNode,
-    initial,
-    status,
-    meta,
-    stats,
-    action,
-    orientation = "vertical",
-    onClick,
-    href,
-    disabled = false,
-    radius = "md",
-    id: providedId,
-    className,
-    ...rest
-  }, ref) {
-    const reactId = useId60();
-    const baseId = providedId ?? `ods-user-card-${reactId}`;
-    const nameId = `${baseId}-name`;
-    const isInteractive = Boolean(href || onClick) && !disabled;
-    const renderAvatar = () => {
-      if (avatarNode) {
-        return /* @__PURE__ */ jsx142(
-          "span",
-          {
-            className: "ods-user-card__avatar ods-user-card__avatar--legacy",
-            "aria-hidden": "true",
-            children: avatarNode
-          }
-        );
+import { Fragment as Fragment59, jsx as jsx143, jsxs as jsxs137 } from "react/jsx-runtime";
+var UserCard = forwardRef98(function UserCard2({
+  name,
+  nameAs = "h3",
+  role,
+  avatar,
+  avatarNode,
+  initial,
+  status,
+  meta,
+  stats,
+  action,
+  orientation = "vertical",
+  onClick,
+  href,
+  disabled = false,
+  radius = "md",
+  id: providedId,
+  className,
+  ...rest
+}, ref) {
+  const reactId = useId60();
+  const baseId = providedId ?? `ods-user-card-${reactId}`;
+  const nameId = `${baseId}-name`;
+  const isInteractive = Boolean(href || onClick) && !disabled;
+  const renderAvatar = () => {
+    if (avatarNode) {
+      return /* @__PURE__ */ jsx143("span", { className: "ods-user-card__avatar ods-user-card__avatar--legacy", "aria-hidden": "true", children: avatarNode });
+    }
+    const derivedInitials = avatar?.initials ?? (typeof initial === "string" ? initial : typeof name === "string" ? name.charAt(0).toUpperCase() : void 0);
+    return /* @__PURE__ */ jsx143(
+      Avatar,
+      {
+        size: orientation === "horizontal" ? "md" : "lg",
+        src: avatar?.src,
+        initials: derivedInitials,
+        seed: avatar?.seed,
+        palette: avatar?.palette,
+        status,
+        alt: avatar?.alt ?? (typeof name === "string" ? name : void 0),
+        className: "ods-user-card__avatar"
       }
-      const derivedInitials = avatar?.initials ?? (typeof initial === "string" ? initial : typeof name === "string" ? name.charAt(0).toUpperCase() : void 0);
-      return /* @__PURE__ */ jsx142(
-        Avatar,
-        {
-          size: orientation === "horizontal" ? "md" : "lg",
-          src: avatar?.src,
-          initials: derivedInitials,
-          status,
-          alt: avatar?.alt ?? (typeof name === "string" ? name : void 0),
-          className: "ods-user-card__avatar"
-        }
-      );
-    };
-    const body = /* @__PURE__ */ jsxs136(Fragment58, { children: [
-      renderAvatar(),
-      /* @__PURE__ */ jsxs136("div", { className: "ods-user-card__body", children: [
-        /* @__PURE__ */ jsx142(
-          Card.Title,
-          {
-            as: nameAs,
-            id: nameId,
-            className: "ods-user-card__name",
-            children: name
-          }
-        ),
-        role && /* @__PURE__ */ jsx142("div", { className: "ods-user-card__role", children: role }),
-        meta && /* @__PURE__ */ jsx142("div", { className: "ods-user-card__meta", children: meta })
-      ] }),
-      stats && stats.length > 0 && /* @__PURE__ */ jsx142("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs136("div", { className: "ods-user-card__stat", children: [
-        /* @__PURE__ */ jsx142("div", { className: "ods-user-card__stat-value", children: s.value }),
-        /* @__PURE__ */ jsx142("div", { className: "ods-user-card__stat-label", children: s.label })
-      ] }, i)) }),
-      action && /* @__PURE__ */ jsx142("div", { className: "ods-user-card__action", children: action })
-    ] });
-    const sharedClass = cn(
-      "ods-user-card",
-      `ods-user-card--${orientation}`,
-      isInteractive && "ods-user-card--interactive",
-      disabled && "ods-user-card--disabled",
-      className
     );
-    if (href && !disabled) {
-      return /* @__PURE__ */ jsx142(
-        Card,
-        {
-          asChild: true,
-          radius,
-          padding: "none",
-          className: sharedClass,
-          "aria-labelledby": nameId,
-          children: /* @__PURE__ */ jsx142(
-            "a",
-            {
-              ...rest,
-              ref,
-              href,
-              id: baseId,
-              onClick,
-              children: body
-            }
-          )
-        }
-      );
-    }
-    return /* @__PURE__ */ jsx142(
-      Card,
+  };
+  const body = /* @__PURE__ */ jsxs137(Fragment59, { children: [
+    renderAvatar(),
+    /* @__PURE__ */ jsxs137("div", { className: "ods-user-card__body", children: [
+      /* @__PURE__ */ jsx143(Card.Title, { as: nameAs, id: nameId, className: "ods-user-card__name", children: name }),
+      role && /* @__PURE__ */ jsx143("div", { className: "ods-user-card__role", children: role }),
+      meta && /* @__PURE__ */ jsx143("div", { className: "ods-user-card__meta", children: meta })
+    ] }),
+    stats && stats.length > 0 && /* @__PURE__ */ jsx143("div", { className: "ods-user-card__stats", children: stats.map((s, i) => /* @__PURE__ */ jsxs137("div", { className: "ods-user-card__stat", children: [
+      /* @__PURE__ */ jsx143("div", { className: "ods-user-card__stat-value", children: s.value }),
+      /* @__PURE__ */ jsx143("div", { className: "ods-user-card__stat-label", children: s.label })
+    ] }, i)) }),
+    action && /* @__PURE__ */ jsx143("div", { className: "ods-user-card__action", children: action })
+  ] });
+  const sharedClass = cn(
+    "ods-user-card",
+    `ods-user-card--${orientation}`,
+    isInteractive && "ods-user-card--interactive",
+    disabled && "ods-user-card--disabled",
+    className
+  );
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsx143(Card, { asChild: true, radius, padding: "none", className: sharedClass, "aria-labelledby": nameId, children: /* @__PURE__ */ jsx143(
+      "a",
       {
         ...rest,
         ref,
+        href,
         id: baseId,
-        radius,
-        padding: "none",
-        onClick: isInteractive ? onClick : void 0,
-        disabled,
-        className: sharedClass,
-        "aria-labelledby": nameId,
+        onClick,
         children: body
       }
-    );
+    ) });
   }
-);
+  return /* @__PURE__ */ jsx143(
+    Card,
+    {
+      ...rest,
+      ref,
+      id: baseId,
+      radius,
+      padding: "none",
+      onClick: isInteractive ? onClick : void 0,
+      disabled,
+      className: sharedClass,
+      "aria-labelledby": nameId,
+      children: body
+    }
+  );
+});
 UserCard.displayName = "UserCard";
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
@@ -33774,7 +33789,7 @@ function useWorkflow(options2 = {}) {
 }
 
 // src/components/WorkflowEditor/WorkflowEditor.tsx
-import { jsx as jsx143, jsxs as jsxs137 } from "react/jsx-runtime";
+import { jsx as jsx144, jsxs as jsxs138 } from "react/jsx-runtime";
 var NODE_KIND_MAP = {
   trigger: "trigger",
   action: "action",
@@ -33819,7 +33834,7 @@ function WorkflowEditor({
   drawer,
   console: consoleSlot,
   minimap,
-  emptyState = /* @__PURE__ */ jsx143(DefaultEmptyState, {}),
+  emptyState = /* @__PURE__ */ jsx144(DefaultEmptyState, {}),
   children,
   background = "dots",
   snapToGrid = true,
@@ -33975,8 +33990,8 @@ function WorkflowEditor({
     wf.setViewport({ x: cw / 2 - cx * zoom, y: ch / 2 - cy * zoom, zoom });
   }, [workflow.canvas.nodes, canvasSize, wf]);
   const defaultToolbar = useMemo37(
-    () => /* @__PURE__ */ jsxs137(FlowToolbar, { placement: "left", children: [
-      onSave && /* @__PURE__ */ jsx143(
+    () => /* @__PURE__ */ jsxs138(FlowToolbar, { placement: "left", children: [
+      onSave && /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.save,
@@ -33985,7 +34000,7 @@ function WorkflowEditor({
           onClick: () => onSave(workflow)
         }
       ),
-      onRun && /* @__PURE__ */ jsx143(
+      onRun && /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: isExecuting ? FlowToolbarIcons.stop : FlowToolbarIcons.run,
@@ -33996,7 +34011,7 @@ function WorkflowEditor({
           onClick: isExecuting ? onStop : onRun
         }
       ),
-      /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: isLockMode ? FlowToolbarIcons.lock : FlowToolbarIcons.unlock,
@@ -34006,7 +34021,7 @@ function WorkflowEditor({
           onClick: toggleLock
         }
       ),
-      /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.reset,
@@ -34014,7 +34029,7 @@ function WorkflowEditor({
           onClick: handleReset
         }
       ),
-      drawer && /* @__PURE__ */ jsx143(
+      drawer && /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: isDrawerOpen ? FlowToolbarIcons.drawerClose : FlowToolbarIcons.drawerOpen,
@@ -34023,8 +34038,8 @@ function WorkflowEditor({
           onClick: toggleDrawer
         }
       ),
-      /* @__PURE__ */ jsx143(FlowToolbarDivider, {}),
-      onSettings && /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(FlowToolbarDivider, {}),
+      onSettings && /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.settings,
@@ -34032,7 +34047,7 @@ function WorkflowEditor({
           onClick: onSettings
         }
       ),
-      /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.history,
@@ -34041,7 +34056,7 @@ function WorkflowEditor({
           onClick: toggleHistory
         }
       ),
-      isDebugModeEnabled && /* @__PURE__ */ jsx143(
+      isDebugModeEnabled && /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.debug,
@@ -34050,8 +34065,8 @@ function WorkflowEditor({
           onClick: toggleDebug
         }
       ),
-      /* @__PURE__ */ jsx143(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.undo,
@@ -34061,7 +34076,7 @@ function WorkflowEditor({
           onClick: undo
         }
       ),
-      /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(
         FlowToolbarButton,
         {
           icon: FlowToolbarIcons.redo,
@@ -34071,8 +34086,8 @@ function WorkflowEditor({
           onClick: redo
         }
       ),
-      /* @__PURE__ */ jsx143(FlowToolbarDivider, {}),
-      /* @__PURE__ */ jsx143(
+      /* @__PURE__ */ jsx144(FlowToolbarDivider, {}),
+      /* @__PURE__ */ jsx144(
         FlowToolbarZoom,
         {
           zoom: workflow.canvas.viewport.zoom,
@@ -34111,21 +34126,21 @@ function WorkflowEditor({
   );
   const resolvedToolbar = toolbar === "default" ? defaultToolbar : toolbar === null ? null : toolbar;
   const isEmpty = workflow.canvas.nodes.length === 0 && workflow.canvas.edges.length === 0;
-  return /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsxs138(
     "div",
     {
       className: cn("ods-workflow-editor", className),
       style: { width, height, position: "relative", display: "flex", overflow: "hidden" },
       children: [
-        drawer && isDrawerOpen && /* @__PURE__ */ jsx143("div", { className: "ods-workflow-editor__drawer", children: drawer }),
-        /* @__PURE__ */ jsxs137(
+        drawer && isDrawerOpen && /* @__PURE__ */ jsx144("div", { className: "ods-workflow-editor__drawer", children: drawer }),
+        /* @__PURE__ */ jsxs138(
           "div",
           {
             ref: handleCanvasRef,
             className: "ods-workflow-editor__canvas-wrapper",
             style: { position: "relative", flex: 1, minWidth: 0 },
             children: [
-              /* @__PURE__ */ jsx143(
+              /* @__PURE__ */ jsx144(
                 FlowCanvas,
                 {
                   nodes: nextNodes,
@@ -34139,9 +34154,9 @@ function WorkflowEditor({
                   children: resolvedToolbar
                 }
               ),
-              minimap && /* @__PURE__ */ jsx143("div", { className: "ods-workflow-editor__minimap", children: minimap }),
-              consoleSlot && /* @__PURE__ */ jsx143("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
-              isEmpty && emptyState && /* @__PURE__ */ jsx143("div", { className: "ods-workflow-editor__empty", children: emptyState }),
+              minimap && /* @__PURE__ */ jsx144("div", { className: "ods-workflow-editor__minimap", children: minimap }),
+              consoleSlot && /* @__PURE__ */ jsx144("div", { className: "ods-workflow-editor__console", children: consoleSlot }),
+              isEmpty && emptyState && /* @__PURE__ */ jsx144("div", { className: "ods-workflow-editor__empty", children: emptyState }),
               children
             ]
           }
@@ -34151,7 +34166,7 @@ function WorkflowEditor({
   );
 }
 function DefaultEmptyState() {
-  return /* @__PURE__ */ jsxs137(
+  return /* @__PURE__ */ jsxs138(
     "div",
     {
       style: {
@@ -34166,14 +34181,14 @@ function DefaultEmptyState() {
         pointerEvents: "none"
       },
       children: [
-        /* @__PURE__ */ jsx143(
+        /* @__PURE__ */ jsx144(
           "div",
           {
             style: { fontSize: 14, fontWeight: 600, color: "var(--ods-text-primary)", marginBottom: 4 },
             children: "Start with a trigger"
           }
         ),
-        /* @__PURE__ */ jsx143("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
+        /* @__PURE__ */ jsx144("div", { style: { fontSize: 12 }, children: "Drop an action here, or use the drawer to add your first node." })
       ]
     }
   );
@@ -34218,7 +34233,7 @@ function useWorkflowRuntime(startedAt, active) {
 }
 
 // src/components/WorkflowHeader/WorkflowHeader.tsx
-import { Fragment as Fragment59, jsx as jsx144, jsxs as jsxs138 } from "react/jsx-runtime";
+import { Fragment as Fragment60, jsx as jsx145, jsxs as jsxs139 } from "react/jsx-runtime";
 function WorkflowHeader({
   name,
   statusTone,
@@ -34257,21 +34272,21 @@ function WorkflowHeader({
   })();
   const rootCls = cn("ods-workflow-header", `ods-workflow-header--${size}`, className);
   if (loading) {
-    return /* @__PURE__ */ jsxs138("header", { className: rootCls, "data-loading": "true", children: [
-      /* @__PURE__ */ jsxs138("div", { className: "ods-workflow-header__left", children: [
-        /* @__PURE__ */ jsx144(Skeleton, { variant: "text", width: "120px" }),
-        /* @__PURE__ */ jsx144(Skeleton, { variant: "text", width: "180px" })
+    return /* @__PURE__ */ jsxs139("header", { className: rootCls, "data-loading": "true", children: [
+      /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header__left", children: [
+        /* @__PURE__ */ jsx145(Skeleton, { variant: "text", width: "120px" }),
+        /* @__PURE__ */ jsx145(Skeleton, { variant: "text", width: "180px" })
       ] }),
-      /* @__PURE__ */ jsxs138("div", { className: "ods-workflow-header__right", children: [
-        /* @__PURE__ */ jsx144(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
-        /* @__PURE__ */ jsx144(Skeleton, { variant: "circular", width: "28px", height: "28px" })
+      /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header__right", children: [
+        /* @__PURE__ */ jsx145(Skeleton, { variant: "circular", width: "28px", height: "28px" }),
+        /* @__PURE__ */ jsx145(Skeleton, { variant: "circular", width: "28px", height: "28px" })
       ] })
     ] });
   }
   const envAccentStyle = environment?.accent ? { borderLeftColor: environment.accent } : void 0;
-  return /* @__PURE__ */ jsxs138("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
-    /* @__PURE__ */ jsxs138("div", { className: "ods-workflow-header__left", children: [
-      onBack && /* @__PURE__ */ jsxs138(
+  return /* @__PURE__ */ jsxs139("header", { className: rootCls, "data-running": isRunning ? "true" : void 0, children: [
+    /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header__left", children: [
+      onBack && /* @__PURE__ */ jsxs139(
         "button",
         {
           type: "button",
@@ -34279,13 +34294,13 @@ function WorkflowHeader({
           onClick: onBack,
           "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
           children: [
-            /* @__PURE__ */ jsx144(ChevronLeftIcon3, { size: "sm" }),
-            /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
-            /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
+            /* @__PURE__ */ jsx145(ChevronLeftIcon3, { size: "sm" }),
+            /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__back-label", children: parentLabel }),
+            /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__back-separator", "aria-hidden": "true", children: "/" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx144(
+      /* @__PURE__ */ jsx145(
         "span",
         {
           className: cn(
@@ -34296,7 +34311,7 @@ function WorkflowHeader({
           role: "img"
         }
       ),
-      /* @__PURE__ */ jsx144(
+      /* @__PURE__ */ jsx145(
         "h1",
         {
           className: "ods-workflow-header__title",
@@ -34304,9 +34319,9 @@ function WorkflowHeader({
           children: name
         }
       ),
-      saveIndicator && /* @__PURE__ */ jsxs138(Fragment59, { children: [
-        /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs138(
+      saveIndicator && /* @__PURE__ */ jsxs139(Fragment60, { children: [
+        /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__sep", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs139(
           "span",
           {
             className: cn(
@@ -34317,14 +34332,14 @@ function WorkflowHeader({
             "aria-live": "polite",
             title: saveState === "error" ? saveError ?? void 0 : void 0,
             children: [
-              saveState === "saving" ? /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ jsx144(
+              saveState === "saving" ? /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__save-spinner", "aria-hidden": "true" }) : saveState === "error" ? /* @__PURE__ */ jsx145(
                 WarningAltIcon3,
                 {
                   size: "sm",
                   className: "ods-workflow-header__save-icon",
                   "aria-hidden": "true"
                 }
-              ) : /* @__PURE__ */ jsx144(
+              ) : /* @__PURE__ */ jsx145(
                 CheckmarkIcon14,
                 {
                   size: "sm",
@@ -34339,11 +34354,11 @@ function WorkflowHeader({
       ] }),
       leftSlot
     ] }),
-    /* @__PURE__ */ jsxs138("div", { className: "ods-workflow-header__right", children: [
+    /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header__right", children: [
       rightSlot,
       environment && // Consumer-driven env chip. Accent (left border colour) comes
       // from the consumer — we don't bake in environment names.
-      /* @__PURE__ */ jsx144(
+      /* @__PURE__ */ jsx145(
         Chip,
         {
           size: "sm",
@@ -34359,59 +34374,59 @@ function WorkflowHeader({
           children: environment.label
         }
       ),
-      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx144(
+      onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx145(
         Button,
         {
           variant: "ghost",
           size: "sm",
           pressed: !!isConsoleOpen,
           "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-          leftIcon: /* @__PURE__ */ jsx144(TerminalIcon, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ jsx145(TerminalIcon, { size: "sm" }),
           onClick: onToggleConsole,
           children: "Console"
         }
       ),
-      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
-      isRunning ? onStop && /* @__PURE__ */ jsx144(
+      (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__micro-divider", "aria-hidden": "true" }),
+      isRunning ? onStop && /* @__PURE__ */ jsx145(
         Button,
         {
           variant: "ghost",
           size: "sm",
           "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-          leftIcon: /* @__PURE__ */ jsx144(StopFilledAltIcon2, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
+          leftIcon: /* @__PURE__ */ jsx145(StopFilledAltIcon2, { size: "sm", className: "ods-workflow-header__stop-glyph" }),
           onClick: onStop,
-          children: /* @__PURE__ */ jsxs138("span", { className: "ods-workflow-header__stop-label", children: [
-            /* @__PURE__ */ jsx144("span", { children: "Stop" }),
-            runtime && /* @__PURE__ */ jsxs138(Fragment59, { children: [
-              /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
-              /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__runtime", children: runtime })
+          children: /* @__PURE__ */ jsxs139("span", { className: "ods-workflow-header__stop-label", children: [
+            /* @__PURE__ */ jsx145("span", { children: "Stop" }),
+            runtime && /* @__PURE__ */ jsxs139(Fragment60, { children: [
+              /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__stop-dot", "aria-hidden": "true", children: "\xB7" }),
+              /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__runtime", children: runtime })
             ] })
           ] })
         }
-      ) : onRun && /* @__PURE__ */ jsx144(
+      ) : onRun && /* @__PURE__ */ jsx145(
         Button,
         {
           variant: "primary",
           size: "sm",
           "aria-label": "Run workflow",
-          leftIcon: /* @__PURE__ */ jsx144(PlayFilledAltIcon2, { size: "sm" }),
+          leftIcon: /* @__PURE__ */ jsx145(PlayFilledAltIcon2, { size: "sm" }),
           onClick: onRun,
           children: "Run"
         }
       ),
-      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx144(
+      menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx145(
         DropdownMenu,
         {
           "aria-label": menuLabel,
           align: "end",
           triggerClassName: "ods-workflow-header__menu-trigger",
           ...menuProps,
-          trigger: menuTrigger ?? /* @__PURE__ */ jsx144("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ jsx144(OverflowMenuVerticalIcon, { size: "sm" }) }),
+          trigger: menuTrigger ?? /* @__PURE__ */ jsx145("span", { "aria-hidden": "true", className: "ods-workflow-header__menu-icon", children: /* @__PURE__ */ jsx145(OverflowMenuVerticalIcon, { size: "sm" }) }),
           items: menuItems
         }
       ))
     ] }),
-    /* @__PURE__ */ jsx144("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
+    /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header__progress", "aria-hidden": "true" })
   ] });
 }
 
@@ -34423,7 +34438,7 @@ import {
   StopFilledAltIcon as StopFilledAltIcon3,
   TerminalIcon as TerminalIcon2
 } from "@octaviaflow/icons";
-import { Fragment as Fragment60, jsx as jsx145, jsxs as jsxs139 } from "react/jsx-runtime";
+import { Fragment as Fragment61, jsx as jsx146, jsxs as jsxs140 } from "react/jsx-runtime";
 function WorkflowHeaderExpanded({
   name,
   statusTone = "draft",
@@ -34451,15 +34466,15 @@ function WorkflowHeaderExpanded({
   const tickedRuntime = useWorkflowRuntime(runStartedAt, !!isRunning);
   const runtime = runtimeOverride ?? tickedRuntime ?? void 0;
   const effectiveTone = statusTone === "draft" && isRunning ? "running" : statusTone;
-  return /* @__PURE__ */ jsxs139(
+  return /* @__PURE__ */ jsxs140(
     "header",
     {
       className: cn("ods-workflow-header-expanded", className),
       "data-running": isRunning ? "true" : void 0,
       children: [
-        /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
-          /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header-expanded__left", children: [
-            onBack && /* @__PURE__ */ jsxs139(
+        /* @__PURE__ */ jsxs140("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--top", children: [
+          /* @__PURE__ */ jsxs140("div", { className: "ods-workflow-header-expanded__left", children: [
+            onBack && /* @__PURE__ */ jsxs140(
               "button",
               {
                 type: "button",
@@ -34467,13 +34482,13 @@ function WorkflowHeaderExpanded({
                 onClick: onBack,
                 "aria-label": `Back to ${typeof parentLabel === "string" ? parentLabel : "previous"}`,
                 children: [
-                  /* @__PURE__ */ jsx145(ChevronLeftIcon4, { size: "sm" }),
-                  /* @__PURE__ */ jsx145("span", { children: parentLabel }),
-                  /* @__PURE__ */ jsx145("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
+                  /* @__PURE__ */ jsx146(ChevronLeftIcon4, { size: "sm" }),
+                  /* @__PURE__ */ jsx146("span", { children: parentLabel }),
+                  /* @__PURE__ */ jsx146("span", { "aria-hidden": "true", className: "ods-workflow-header-expanded__back-sep", children: "/" })
                 ]
               }
             ),
-            /* @__PURE__ */ jsx145(
+            /* @__PURE__ */ jsx146(
               "span",
               {
                 className: cn(
@@ -34484,10 +34499,10 @@ function WorkflowHeaderExpanded({
                 role: "img"
               }
             ),
-            /* @__PURE__ */ jsx145("h1", { className: "ods-workflow-header-expanded__title", children: name })
+            /* @__PURE__ */ jsx146("h1", { className: "ods-workflow-header-expanded__title", children: name })
           ] }),
-          /* @__PURE__ */ jsxs139("div", { className: "ods-workflow-header-expanded__right", children: [
-            environment && /* @__PURE__ */ jsx145(
+          /* @__PURE__ */ jsxs140("div", { className: "ods-workflow-header-expanded__right", children: [
+            environment && /* @__PURE__ */ jsx146(
               Chip,
               {
                 size: "sm",
@@ -34499,26 +34514,26 @@ function WorkflowHeaderExpanded({
                 children: environment.label
               }
             ),
-            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx145(
+            onToggleConsole && (isRunning || consoleHasLogs) && /* @__PURE__ */ jsx146(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 pressed: !!isConsoleOpen,
                 "aria-label": isConsoleOpen ? "Hide execution console" : "Show execution console",
-                leftIcon: /* @__PURE__ */ jsx145(TerminalIcon2, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ jsx146(TerminalIcon2, { size: "sm" }),
                 onClick: onToggleConsole,
                 children: "Console"
               }
             ),
-            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
-            isRunning ? onStop && /* @__PURE__ */ jsx145(
+            (environment || onToggleConsole && (isRunning || consoleHasLogs)) && (isRunning || onRun || menuItems && menuItems.length > 0) && /* @__PURE__ */ jsx146("span", { className: "ods-workflow-header-expanded__micro-divider", "aria-hidden": "true" }),
+            isRunning ? onStop && /* @__PURE__ */ jsx146(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 "aria-label": runtime ? `Stop execution (running ${runtime})` : "Stop execution",
-                leftIcon: /* @__PURE__ */ jsx145(
+                leftIcon: /* @__PURE__ */ jsx146(
                   StopFilledAltIcon3,
                   {
                     size: "sm",
@@ -34526,37 +34541,37 @@ function WorkflowHeaderExpanded({
                   }
                 ),
                 onClick: onStop,
-                children: /* @__PURE__ */ jsxs139("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
-                  /* @__PURE__ */ jsx145("span", { children: "Stop" }),
-                  runtime && /* @__PURE__ */ jsxs139(Fragment60, { children: [
-                    /* @__PURE__ */ jsx145("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
-                    /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
+                children: /* @__PURE__ */ jsxs140("span", { style: { display: "inline-flex", gap: 4, alignItems: "center" }, children: [
+                  /* @__PURE__ */ jsx146("span", { children: "Stop" }),
+                  runtime && /* @__PURE__ */ jsxs140(Fragment61, { children: [
+                    /* @__PURE__ */ jsx146("span", { "aria-hidden": "true", style: { opacity: 0.6 }, children: "\xB7" }),
+                    /* @__PURE__ */ jsx146("span", { className: "ods-workflow-header-expanded__runtime", children: runtime })
                   ] })
                 ] })
               }
-            ) : onRun && /* @__PURE__ */ jsx145(
+            ) : onRun && /* @__PURE__ */ jsx146(
               Button,
               {
                 variant: "primary",
                 size: "sm",
                 "aria-label": "Run workflow",
-                leftIcon: /* @__PURE__ */ jsx145(PlayFilledAltIcon3, { size: "sm" }),
+                leftIcon: /* @__PURE__ */ jsx146(PlayFilledAltIcon3, { size: "sm" }),
                 onClick: onRun,
                 children: "Run"
               }
             ),
-            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx145(
+            menu ?? (menuItems && menuItems.length > 0 && /* @__PURE__ */ jsx146(
               DropdownMenu,
               {
                 "aria-label": menuLabel,
                 align: "end",
                 ...menuProps,
-                trigger: menuTrigger ?? /* @__PURE__ */ jsx145(
+                trigger: menuTrigger ?? /* @__PURE__ */ jsx146(
                   Button,
                   {
                     variant: "ghost",
                     size: "sm",
-                    leftIcon: /* @__PURE__ */ jsx145(OverflowMenuVerticalIcon2, { size: "sm" })
+                    leftIcon: /* @__PURE__ */ jsx146(OverflowMenuVerticalIcon2, { size: "sm" })
                   }
                 ),
                 items: menuItems
@@ -34564,10 +34579,10 @@ function WorkflowHeaderExpanded({
             ))
           ] })
         ] }),
-        (meta || saveLabel) && /* @__PURE__ */ jsx145("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ jsxs139("span", { className: "ods-workflow-header-expanded__meta", children: [
+        (meta || saveLabel) && /* @__PURE__ */ jsx146("div", { className: "ods-workflow-header-expanded__row ods-workflow-header-expanded__row--bottom", children: /* @__PURE__ */ jsxs140("span", { className: "ods-workflow-header-expanded__meta", children: [
           meta,
-          meta && saveLabel && /* @__PURE__ */ jsx145("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
-          saveLabel && /* @__PURE__ */ jsx145(
+          meta && saveLabel && /* @__PURE__ */ jsx146("span", { "aria-hidden": "true", style: { margin: "0 6px", opacity: 0.4 }, children: "\xB7" }),
+          saveLabel && /* @__PURE__ */ jsx146(
             "span",
             {
               className: cn(
@@ -34579,7 +34594,7 @@ function WorkflowHeaderExpanded({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx145("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
+        /* @__PURE__ */ jsx146("span", { className: "ods-workflow-header-expanded__progress", "aria-hidden": "true" })
       ]
     }
   );
@@ -34976,7 +34991,7 @@ function useTraceTimeline({
 import { generateCssVars, resolveConfig } from "@octaviaflow/config";
 import { createContext as createContext4, useContext as useContext5, useEffect as useEffect55, useMemo as useMemo38 } from "react";
 import { OverlayProvider as OverlayProvider3 } from "react-aria";
-import { jsx as jsx146 } from "react/jsx-runtime";
+import { jsx as jsx147 } from "react/jsx-runtime";
 var OdsContext = createContext4(null);
 function OdsProvider({ config: userConfig, children }) {
   const resolved = useMemo38(() => resolveConfig(userConfig), [userConfig]);
@@ -34997,7 +35012,7 @@ function OdsProvider({ config: userConfig, children }) {
     }
   }, [resolved]);
   const contextValue = useMemo38(() => ({ config: resolved }), [resolved]);
-  return /* @__PURE__ */ jsx146(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx146(OverlayProvider3, { children }) });
+  return /* @__PURE__ */ jsx147(OdsContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx147(OverlayProvider3, { children }) });
 }
 function useOds() {
   const ctx = useContext5(OdsContext);
@@ -35307,6 +35322,7 @@ function applyVerticalLayout(nodes, edges) {
   return applyLayout(nodes, edges, { direction: "vertical" });
 }
 export {
+  AVATAR_PALETTE_SIZE,
   Accordion,
   ActionsDrawer,
   AgentCard,
@@ -35467,6 +35483,7 @@ export {
   ScrollArea,
   SegmentedControl,
   Select,
+  SettingsLayout,
   SettingsRow,
   Sheet,
   Show,
@@ -35522,6 +35539,7 @@ export {
   applyHorizontalLayout,
   applyLayout,
   applyVerticalLayout,
+  avatarPaletteIndex,
   breakpointMinWidth,
   cn,
   codeToFlag,