@ship-it-ui/shipit 0.0.5 → 0.0.7

package/dist/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 // src/index.ts
-import { cn as cn23 } from "@ship-it-ui/ui";
+import { cn as cn24 } from "@ship-it-ui/ui";
 
 // src/ai/AskBar.tsx
 import { Button, useControllableState } from "@ship-it-ui/ui";
@@ -380,13 +380,45 @@ var ReasoningStep = forwardRef5(function ReasoningStep2({ step, className, child
 });
 ReasoningStep.displayName = "ReasoningStep";
 
-// src/ai/SuggestionChip.tsx
-import { cn as cn6 } from "@ship-it-ui/ui";
+// src/ai/StalenessChip.tsx
+import { Badge, SimpleTooltip } from "@ship-it-ui/ui";
 import { forwardRef as forwardRef6 } from "react";
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
-var SuggestionChip = forwardRef6(
+var DEFAULT_THRESHOLDS = [3600, 86400];
+function formatAge(ageSeconds) {
+  const age = Math.max(0, Math.floor(ageSeconds));
+  if (age < 60) return "just now";
+  if (age < 3600) return `${Math.floor(age / 60)}m`;
+  if (age < 86400) return `${Math.floor(age / 3600)}h`;
+  return `${Math.floor(age / 86400)}d`;
+}
+function deriveTier2(ageSeconds, [okMax, warnMax]) {
+  if (ageSeconds <= okMax) return "ok";
+  if (ageSeconds <= warnMax) return "warn";
+  return "err";
+}
+var StalenessChip = forwardRef6(function StalenessChip2({ ageSeconds, thresholds = DEFAULT_THRESHOLDS, prefix, tooltip, ...props }, ref) {
+  const tier = deriveTier2(ageSeconds, thresholds);
+  const humanised = formatAge(ageSeconds);
+  const isInstant = humanised === "just now";
+  const chip = /* @__PURE__ */ jsxs6(Badge, { ref, variant: tier, size: "sm", dot: true, ...props, children: [
+    prefix && /* @__PURE__ */ jsx6("span", { children: prefix }),
+    /* @__PURE__ */ jsx6("span", { className: "font-mono tabular-nums", children: isInstant ? humanised : `${humanised} ago` })
+  ] });
+  if (tooltip) {
+    return /* @__PURE__ */ jsx6(SimpleTooltip, { content: tooltip, children: chip });
+  }
+  return chip;
+});
+StalenessChip.displayName = "StalenessChip";
+
+// src/ai/SuggestionChip.tsx
+import { cn as cn6 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef7 } from "react";
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var SuggestionChip = forwardRef7(
   function SuggestionChip2({ glyph = "\u2726", className, children, type, ...props }, ref) {
-    return /* @__PURE__ */ jsxs6(
+    return /* @__PURE__ */ jsxs7(
       "button",
       {
         ref,
@@ -400,7 +432,7 @@ var SuggestionChip = forwardRef6(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx6("span", { "aria-hidden": true, className: "text-accent", children: glyph }),
+          /* @__PURE__ */ jsx7("span", { "aria-hidden": true, className: "text-accent", children: glyph }),
           children
         ]
       }
@@ -410,24 +442,24 @@ var SuggestionChip = forwardRef6(
 SuggestionChip.displayName = "SuggestionChip";
 
 // src/ai/ToolCallCard.tsx
-import { Badge } from "@ship-it-ui/ui";
+import { Badge as Badge2 } from "@ship-it-ui/ui";
 import { cn as cn7 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef7 } from "react";
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var ToolCallCard = forwardRef7(function ToolCallCard2({ name, status, running, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs7(
+import { forwardRef as forwardRef8 } from "react";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+var ToolCallCard = forwardRef8(function ToolCallCard2({ name, status, running, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs8(
     "div",
     {
       ref,
       className: cn7("border-border bg-panel rounded-md border px-[14px] py-[10px]", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-[10px]", children: [
-          /* @__PURE__ */ jsx7(Badge, { size: "sm", variant: "accent", children: "TOOL" }),
-          /* @__PURE__ */ jsx7("span", { className: "font-mono text-[12px] font-medium", children: name }),
-          /* @__PURE__ */ jsx7("span", { className: "text-text-dim ml-auto inline-flex items-center font-mono text-[10px]", children: running ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-[10px]", children: [
+          /* @__PURE__ */ jsx8(Badge2, { size: "sm", variant: "accent", children: "TOOL" }),
+          /* @__PURE__ */ jsx8("span", { className: "font-mono text-[12px] font-medium", children: name }),
+          /* @__PURE__ */ jsx8("span", { className: "text-text-dim ml-auto inline-flex items-center font-mono text-[10px]", children: running ? /* @__PURE__ */ jsxs8(Fragment2, { children: [
             "running",
-            /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8(
               "span",
               {
                 "aria-hidden": true,
@@ -436,7 +468,7 @@ var ToolCallCard = forwardRef7(function ToolCallCard2({ name, status, running, c
             )
           ] }) : status })
         ] }),
-        children && /* @__PURE__ */ jsx7("pre", { className: "text-text-muted m-0 mt-[6px] font-mono text-[11px] leading-[1.6] break-words whitespace-pre-wrap", children })
+        children && /* @__PURE__ */ jsx8("pre", { className: "text-text-muted m-0 mt-[6px] font-mono text-[11px] leading-[1.6] break-words whitespace-pre-wrap", children })
       ]
     }
   );
@@ -444,14 +476,15 @@ var ToolCallCard = forwardRef7(function ToolCallCard2({ name, status, running, c
 ToolCallCard.displayName = "ToolCallCard";
 
 // src/entity/EntityBadge.tsx
-import { Badge as Badge2 } from "@ship-it-ui/ui";
+import { DynamicIconGlyph } from "@ship-it-ui/icons";
+import { Badge as Badge3 } from "@ship-it-ui/ui";
 import { cn as cn8 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef8 } from "react";
+import { forwardRef as forwardRef9 } from "react";
 
 // src/entity/types.ts
 var BUILTIN_META = {
   service: {
-    glyph: "\u25C7",
+    iconName: "service",
     label: "Service",
     toneClass: "text-accent",
     toneBg: "bg-accent-dim",
@@ -459,7 +492,7 @@ var BUILTIN_META = {
     badgeVariant: "accent"
   },
   person: {
-    glyph: "\u25CB",
+    iconName: "person",
     label: "Person",
     toneClass: "text-text-muted",
     toneBg: "bg-panel-2",
@@ -467,7 +500,7 @@ var BUILTIN_META = {
     badgeVariant: "neutral"
   },
   document: {
-    glyph: "\u25A4",
+    iconName: "document",
     label: "Document",
     toneClass: "text-purple",
     toneBg: "bg-[color-mix(in_oklab,var(--color-purple),transparent_85%)]",
@@ -475,7 +508,7 @@ var BUILTIN_META = {
     badgeVariant: "purple"
   },
   deployment: {
-    glyph: "\u2191",
+    iconName: "deployment",
     label: "Deployment",
     toneClass: "text-ok",
     toneBg: "bg-[color-mix(in_oklab,var(--color-ok),transparent_85%)]",
@@ -483,7 +516,7 @@ var BUILTIN_META = {
     badgeVariant: "ok"
   },
   incident: {
-    glyph: "\u25CE",
+    iconName: "incident",
     label: "Incident",
     toneClass: "text-err",
     toneBg: "bg-[color-mix(in_oklab,var(--color-err),transparent_85%)]",
@@ -491,7 +524,7 @@ var BUILTIN_META = {
     badgeVariant: "err"
   },
   ticket: {
-    glyph: "\u25A2",
+    iconName: "ticket",
     label: "Ticket",
     toneClass: "text-warn",
     toneBg: "bg-[color-mix(in_oklab,var(--color-warn),transparent_85%)]",
@@ -522,14 +555,6 @@ function resetEntityTypeRegistry() {
     registry.set(key, BUILTIN_META[key]);
   }
 }
-var ENTITY_GLYPH = {
-  service: BUILTIN_META.service.glyph,
-  person: BUILTIN_META.person.glyph,
-  document: BUILTIN_META.document.glyph,
-  deployment: BUILTIN_META.deployment.glyph,
-  incident: BUILTIN_META.incident.glyph,
-  ticket: BUILTIN_META.ticket.glyph
-};
 var ENTITY_LABEL = {
   service: BUILTIN_META.service.label,
   person: BUILTIN_META.person.label,
@@ -556,11 +581,11 @@ var ENTITY_TONE_BG = {
 };
 
 // src/entity/EntityBadge.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
-var EntityBadge = forwardRef8(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+var EntityBadge = forwardRef9(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
   const meta = getEntityTypeMeta(type);
-  return /* @__PURE__ */ jsxs8(
-    Badge2,
+  return /* @__PURE__ */ jsxs9(
+    Badge3,
     {
       ref,
       variant: meta.badgeVariant,
@@ -568,7 +593,7 @@ var EntityBadge = forwardRef8(function EntityBadge2({ type, label, hideGlyph, cl
       className: cn8(className),
       ...props,
       children: [
-        !hideGlyph && /* @__PURE__ */ jsx8("span", { "aria-hidden": true, className: "font-mono", children: meta.glyph }),
+        !hideGlyph && /* @__PURE__ */ jsx9(DynamicIconGlyph, { name: meta.iconName, size: 11 }),
         children ?? label ?? meta.label
       ]
     }
@@ -577,9 +602,10 @@ var EntityBadge = forwardRef8(function EntityBadge2({ type, label, hideGlyph, cl
 EntityBadge.displayName = "EntityBadge";
 
 // src/entity/EntityCard.tsx
+import { DynamicIconGlyph as DynamicIconGlyph2 } from "@ship-it-ui/icons";
 import { cn as cn9 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef9 } from "react";
-import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { forwardRef as forwardRef10 } from "react";
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 var statToneClass = {
   accent: "text-accent",
   ok: "text-ok",
@@ -587,9 +613,9 @@ var statToneClass = {
   err: "text-err",
   muted: "text-text-muted"
 };
-var EntityCard = forwardRef9(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
+var EntityCard = forwardRef10(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
   const meta = getEntityTypeMeta(type);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "div",
     {
       ref,
@@ -600,8 +626,8 @@ var EntityCard = forwardRef9(function EntityCard2({ type, title, subtitle, descr
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx10(
             "span",
             {
               "aria-hidden": true,
@@ -610,27 +636,27 @@ var EntityCard = forwardRef9(function EntityCard2({ type, title, subtitle, descr
                 meta.toneBg,
                 meta.toneClass
               ),
-              children: glyph ?? meta.glyph
+              children: glyph ?? /* @__PURE__ */ jsx10(DynamicIconGlyph2, { name: meta.iconName, size: 20 })
             }
           ),
-          /* @__PURE__ */ jsxs9("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap items-center gap-2", children: [
-              /* @__PURE__ */ jsx9(EntityBadge, { type, size: "sm" }),
-              subtitle && /* @__PURE__ */ jsx9("span", { className: "text-text-dim font-mono text-[11px]", children: subtitle })
+          /* @__PURE__ */ jsxs10("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs10("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ jsx10(EntityBadge, { type, size: "sm" }),
+              subtitle && /* @__PURE__ */ jsx10("span", { className: "text-text-dim font-mono text-[11px]", children: subtitle })
             ] }),
-            /* @__PURE__ */ jsx9("div", { className: "mt-1 truncate font-mono text-[18px] font-medium tracking-tight", children: title }),
-            description && /* @__PURE__ */ jsx9("div", { className: "text-text-muted mt-1 text-[13px] leading-[1.5]", children: description })
+            /* @__PURE__ */ jsx10("div", { className: "mt-1 truncate font-mono text-[18px] font-medium tracking-tight", children: title }),
+            description && /* @__PURE__ */ jsx10("div", { className: "text-text-muted mt-1 text-[13px] leading-[1.5]", children: description })
           ] }),
-          actions && /* @__PURE__ */ jsx9("div", { className: "shrink-0", children: actions })
+          actions && /* @__PURE__ */ jsx10("div", { className: "shrink-0", children: actions })
         ] }),
-        stats && stats.length > 0 && /* @__PURE__ */ jsx9(
+        stats && stats.length > 0 && /* @__PURE__ */ jsx10(
           "div",
           {
             className: "divide-border border-border bg-panel-2 grid divide-x rounded-md border",
             style: { gridTemplateColumns: `repeat(${Math.min(stats.length, 6)}, 1fr)` },
-            children: stats.map((stat, i) => /* @__PURE__ */ jsxs9("div", { className: "px-4 py-3", children: [
-              /* @__PURE__ */ jsx9("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.3px] uppercase", children: stat.label }),
-              /* @__PURE__ */ jsx9(
+            children: stats.map((stat, i) => /* @__PURE__ */ jsxs10("div", { className: "px-4 py-3", children: [
+              /* @__PURE__ */ jsx10("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.3px] uppercase", children: stat.label }),
+              /* @__PURE__ */ jsx10(
                 "div",
                 {
                   className: cn9(
@@ -649,15 +675,103 @@ var EntityCard = forwardRef9(function EntityCard2({ type, title, subtitle, descr
 });
 EntityCard.displayName = "EntityCard";
 
-// src/entity/EntityListRow.tsx
+// src/entity/EntityList.tsx
+import { IconGlyph } from "@ship-it-ui/icons";
 import { cn as cn10 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef11, useState } from "react";
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
+var framedClasses = "rounded-base border-border bg-panel overflow-hidden border";
+var dividerWrapperClasses = "[&>*+*]:border-t [&>*+*]:border-border";
+function Header({ title, subtitle }) {
+  if (!title && !subtitle) return null;
+  return /* @__PURE__ */ jsxs11("div", { className: "border-border flex flex-col gap-[2px] border-b px-3 py-2", children: [
+    title && /* @__PURE__ */ jsx11("div", { className: "text-text text-[12px] font-medium", children: title }),
+    subtitle && /* @__PURE__ */ jsx11("div", { className: "text-text-muted text-[11px]", children: subtitle })
+  ] });
+}
+function Rows({ dividers, children }) {
+  return /* @__PURE__ */ jsx11("div", { className: cn10("flex flex-col", dividers && dividerWrapperClasses), children });
+}
+var EntityList = forwardRef11(function EntityList2({
+  title,
+  subtitle,
+  framed = true,
+  dividers = true,
+  collapsible,
+  defaultCollapsed = false,
+  className,
+  children,
+  ...props
+}, ref) {
+  const [open, setOpen] = useState(!defaultCollapsed);
+  if (collapsible) {
+    const fallbackLabel = !title && !subtitle ? "Toggle section" : void 0;
+    return /* @__PURE__ */ jsxs11(
+      "details",
+      {
+        ref,
+        open,
+        onToggle: (e) => setOpen(e.currentTarget.open),
+        className: cn10(framed && framedClasses, "group", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs11(
+            "summary",
+            {
+              "aria-label": fallbackLabel,
+              className: cn10(
+                "border-border flex cursor-pointer list-none items-center gap-2 border-b px-3 py-2",
+                "focus-visible:ring-accent-dim outline-none focus-visible:ring-[3px]",
+                // Hide the default disclosure marker on WebKit.
+                "[&::-webkit-details-marker]:hidden"
+              ),
+              children: [
+                /* @__PURE__ */ jsx11(
+                  IconGlyph,
+                  {
+                    name: "caretDown",
+                    size: 12,
+                    className: "text-text-muted -rotate-90 transition-transform group-open:rotate-0",
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ jsxs11("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+                  title && /* @__PURE__ */ jsx11("div", { className: "text-text text-[12px] font-medium", children: title }),
+                  subtitle && /* @__PURE__ */ jsx11("div", { className: "text-text-muted text-[11px]", children: subtitle })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx11(Rows, { dividers, children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs11(
+    "section",
+    {
+      ref,
+      className: cn10(framed && framedClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx11(Header, { title, subtitle }),
+        /* @__PURE__ */ jsx11(Rows, { dividers, children })
+      ]
+    }
+  );
+});
+EntityList.displayName = "EntityList";
+
+// src/entity/EntityListRow.tsx
+import { DynamicIconGlyph as DynamicIconGlyph3 } from "@ship-it-ui/icons";
+import { cn as cn11 } from "@ship-it-ui/ui";
 import {
-  forwardRef as forwardRef10
+  forwardRef as forwardRef12
 } from "react";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
-var baseClassNames = (interactive, className) => cn10(
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+var dividerClass = "border-b border-border last:border-0";
+var labelClass = (interactive, className) => cn11(
   "flex w-full items-center gap-3 border-0 bg-transparent px-2 py-2 text-left",
-  "border-b border-border last:border-0",
   interactive && "cursor-pointer outline-none transition-colors duration-(--duration-micro) hover:bg-panel-2 focus-visible:ring-[3px] focus-visible:ring-accent-dim",
   className
 );
@@ -669,40 +783,93 @@ function RowInner({
   hideGlyph
 }) {
   const typeMeta = getEntityTypeMeta(type);
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
-    !hideGlyph && /* @__PURE__ */ jsx10("span", { "aria-hidden": true, className: cn10("font-mono text-[14px] leading-none", typeMeta.toneClass), children: typeMeta.glyph }),
-    /* @__PURE__ */ jsx10("span", { className: "text-text min-w-0 flex-1 truncate font-mono text-[12px]", children: name }),
-    relation && /* @__PURE__ */ jsx10("span", { className: "border-border bg-panel-2 text-text-muted rounded-full border px-2 py-[2px] font-mono text-[10px]", children: relation }),
-    meta && /* @__PURE__ */ jsx10("span", { className: "text-text-dim font-mono text-[10px]", children: meta })
+  return /* @__PURE__ */ jsxs12(Fragment3, { children: [
+    !hideGlyph && /* @__PURE__ */ jsx12(
+      DynamicIconGlyph3,
+      {
+        name: typeMeta.iconName,
+        size: 14,
+        className: cn11("shrink-0", typeMeta.toneClass)
+      }
+    ),
+    /* @__PURE__ */ jsx12("span", { className: "text-text min-w-0 flex-1 truncate font-mono text-[12px]", children: name }),
+    relation && /* @__PURE__ */ jsx12("span", { className: "border-border bg-panel-2 text-text-muted rounded-full border px-2 py-[2px] font-mono text-[10px]", children: relation }),
+    meta && /* @__PURE__ */ jsx12("span", { className: "text-text-dim font-mono text-[10px]", children: meta })
   ] });
 }
-var EntityListRowDiv = forwardRef10(
-  function EntityListRowDiv2({ type, name, relation, meta, hideGlyph, className, ...props }, ref) {
-    return /* @__PURE__ */ jsx10(
+var EntityListRowDiv = forwardRef12(
+  function EntityListRowDiv2({ type, name, relation, meta, hideGlyph, actions, className, ...props }, ref) {
+    if (actions) {
+      return /* @__PURE__ */ jsxs12(
+        "div",
+        {
+          ref,
+          "data-entity-type": type,
+          className: cn11("flex w-full items-center gap-1", dividerClass, className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx12("div", { className: labelClass(false), children: /* @__PURE__ */ jsx12(
+              RowInner,
+              {
+                type,
+                name,
+                relation,
+                meta,
+                hideGlyph
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("div", { className: "shrink-0 self-center pr-1", children: actions })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx12(
       "div",
       {
         ref,
         "data-entity-type": type,
-        className: baseClassNames(false, className),
+        className: cn11(labelClass(false), dividerClass, className),
         ...props,
-        children: /* @__PURE__ */ jsx10(RowInner, { type, name, relation, meta, hideGlyph })
+        children: /* @__PURE__ */ jsx12(RowInner, { type, name, relation, meta, hideGlyph })
       }
     );
   }
 );
 EntityListRowDiv.displayName = "EntityListRowDiv";
-var EntityListRowButton = forwardRef10(
-  function EntityListRowButton2({ type, name, relation, meta, hideGlyph, className, onClick, ...props }, ref) {
-    return /* @__PURE__ */ jsx10(
+var EntityListRowButton = forwardRef12(
+  function EntityListRowButton2({ type, name, relation, meta, hideGlyph, actions, className, onClick, ...props }, ref) {
+    if (actions) {
+      return /* @__PURE__ */ jsxs12(
+        "div",
+        {
+          "data-entity-type": type,
+          className: cn11("flex w-full items-stretch gap-1", dividerClass, className),
+          children: [
+            /* @__PURE__ */ jsx12("button", { ref, type: "button", onClick, className: labelClass(true), ...props, children: /* @__PURE__ */ jsx12(
+              RowInner,
+              {
+                type,
+                name,
+                relation,
+                meta,
+                hideGlyph
+              }
+            ) }),
+            /* @__PURE__ */ jsx12("div", { className: "shrink-0 self-center pr-1", children: actions })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx12(
       "button",
       {
         ref,
         type: "button",
         "data-entity-type": type,
         onClick,
-        className: baseClassNames(true, className),
+        className: cn11(labelClass(true), dividerClass, className),
         ...props,
-        children: /* @__PURE__ */ jsx10(RowInner, { type, name, relation, meta, hideGlyph })
+        children: /* @__PURE__ */ jsx12(RowInner, { type, name, relation, meta, hideGlyph })
       }
     );
   }
@@ -714,12 +881,13 @@ function EntityListRow({
   relation,
   meta,
   hideGlyph,
+  actions,
   onClick,
   className,
   ...props
 }) {
   if (typeof onClick === "function") {
-    return /* @__PURE__ */ jsx10(
+    return /* @__PURE__ */ jsx12(
       EntityListRowButton,
       {
         type,
@@ -727,13 +895,14 @@ function EntityListRow({
         relation,
         meta,
         hideGlyph,
+        actions,
         onClick,
         className,
         ...props
       }
     );
   }
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12(
     EntityListRowDiv,
     {
       type,
@@ -741,6 +910,7 @@ function EntityListRow({
       relation,
       meta,
       hideGlyph,
+      actions,
       className,
       ...props
     }
@@ -749,15 +919,15 @@ function EntityListRow({
 EntityListRow.displayName = "EntityListRow";
 
 // src/graph/GraphEdge.tsx
-import { forwardRef as forwardRef11 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { forwardRef as forwardRef13 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
 var styleProps = {
   solid: { stroke: "var(--color-accent)", strokeWidth: 1.5 },
   dashed: { stroke: "var(--color-accent)", strokeWidth: 1.5, strokeDasharray: "4 3" },
   highlighted: { stroke: "var(--color-purple)", strokeWidth: 2.5 },
   dim: { stroke: "var(--color-text-dim)", strokeWidth: 1, opacity: 0.4 }
 };
-var GraphEdge = forwardRef11(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyle = "solid", color, arrowheadId, ...props }, ref) {
+var GraphEdge = forwardRef13(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyle = "solid", color, arrowheadId, ...props }, ref) {
   const base = styleProps[edgeStyle];
   const stroke = color ?? base.stroke;
   const sharedProps = {
@@ -770,7 +940,7 @@ var GraphEdge = forwardRef11(function GraphEdge2({ x1, y1, x2, y2, curve, edgeSt
     ...props
   };
   if (curve) {
-    return /* @__PURE__ */ jsx11(
+    return /* @__PURE__ */ jsx13(
       "path",
       {
         ref,
@@ -779,15 +949,15 @@ var GraphEdge = forwardRef11(function GraphEdge2({ x1, y1, x2, y2, curve, edgeSt
       }
     );
   }
-  return /* @__PURE__ */ jsx11("line", { ref, x1, y1, x2, y2, ...sharedProps });
+  return /* @__PURE__ */ jsx13("line", { ref, x1, y1, x2, y2, ...sharedProps });
 });
 GraphEdge.displayName = "GraphEdge";
 
 // src/graph/GraphInspector.tsx
-import { cn as cn11 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef12 } from "react";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
-var GraphInspector = forwardRef12(
+import { cn as cn12 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef14 } from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var GraphInspector = forwardRef14(
   function GraphInspector2({
     type,
     entityId,
@@ -800,47 +970,47 @@ var GraphInspector = forwardRef12(
     ...props
   }, ref) {
     const total = relationCount ?? relations?.length ?? 0;
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs13(
       "aside",
       {
         ref,
         "aria-label": typeof title === "string" ? `${title} inspector` : "Node inspector",
-        className: cn11(
+        className: cn12(
           "rounded-base border-border bg-panel flex w-[340px] flex-col gap-3 border p-4",
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs11("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsx12(EntityBadge, { type, size: "sm" }),
-            entityId && /* @__PURE__ */ jsx12("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: entityId })
+          /* @__PURE__ */ jsxs13("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsx14(EntityBadge, { type, size: "sm" }),
+            entityId && /* @__PURE__ */ jsx14("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: entityId })
           ] }),
-          /* @__PURE__ */ jsxs11("div", { children: [
-            /* @__PURE__ */ jsx12("div", { className: "text-[17px] font-medium", children: title }),
-            description && /* @__PURE__ */ jsx12("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description })
+          /* @__PURE__ */ jsxs13("div", { children: [
+            /* @__PURE__ */ jsx14("div", { className: "text-[17px] font-medium", children: title }),
+            description && /* @__PURE__ */ jsx14("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description })
           ] }),
-          properties && properties.length > 0 && /* @__PURE__ */ jsxs11("section", { children: [
-            /* @__PURE__ */ jsx12("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: "Properties" }),
-            /* @__PURE__ */ jsx12("dl", { className: "m-0 flex flex-col gap-1 font-mono text-[11px]", children: properties.map((p, i) => /* @__PURE__ */ jsxs11(
+          properties && properties.length > 0 && /* @__PURE__ */ jsxs13("section", { children: [
+            /* @__PURE__ */ jsx14("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: "Properties" }),
+            /* @__PURE__ */ jsx14("dl", { className: "m-0 flex flex-col gap-1 font-mono text-[11px]", children: properties.map((p, i) => /* @__PURE__ */ jsxs13(
               "div",
               {
-                className: cn11("border-border flex py-1", i < properties.length - 1 && "border-b"),
+                className: cn12("border-border flex py-1", i < properties.length - 1 && "border-b"),
                 children: [
-                  /* @__PURE__ */ jsx12("dt", { className: "text-text-dim w-[70px]", children: p.key }),
-                  /* @__PURE__ */ jsx12("dd", { className: "m-0 flex-1", children: p.value })
+                  /* @__PURE__ */ jsx14("dt", { className: "text-text-dim w-[70px]", children: p.key }),
+                  /* @__PURE__ */ jsx14("dd", { className: "m-0 flex-1", children: p.value })
                 ]
               },
               i
             )) })
           ] }),
-          relations && relations.length > 0 && /* @__PURE__ */ jsxs11("section", { children: [
-            /* @__PURE__ */ jsxs11("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
+          relations && relations.length > 0 && /* @__PURE__ */ jsxs13("section", { children: [
+            /* @__PURE__ */ jsxs13("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
               "Relations \xB7 ",
               total
             ] }),
-            /* @__PURE__ */ jsx12("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[11px]", children: relations.map((r, i) => /* @__PURE__ */ jsxs11("li", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx12("span", { className: "text-text-dim w-[100px] font-mono", children: r.relation }),
-              /* @__PURE__ */ jsx12("span", { children: r.entity })
+            /* @__PURE__ */ jsx14("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[11px]", children: relations.map((r, i) => /* @__PURE__ */ jsxs13("li", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx14("span", { className: "text-text-dim w-[100px] font-mono", children: r.relation }),
+              /* @__PURE__ */ jsx14("span", { children: r.entity })
             ] }, i)) })
           ] })
         ]
@@ -851,33 +1021,33 @@ var GraphInspector = forwardRef12(
 GraphInspector.displayName = "GraphInspector";
 
 // src/graph/GraphLegend.tsx
-import { cn as cn12 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef13 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { cn as cn13 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef15 } from "react";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var DEFAULT_ENTRIES = [
   { type: "service" },
   { type: "person" },
   { type: "document" }
 ];
-var GraphLegend = forwardRef13(function GraphLegend2({ entries = DEFAULT_ENTRIES, heading = "Legend", className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs12(
+var GraphLegend = forwardRef15(function GraphLegend2({ entries = DEFAULT_ENTRIES, heading = "Legend", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       ref,
-      className: cn12(
+      className: cn13(
         "rounded-base border-border bg-panel/85 inline-flex flex-col gap-[6px] border p-[10px] text-[11px] backdrop-blur-[8px]",
         className
       ),
       ...props,
       children: [
-        heading && /* @__PURE__ */ jsx13("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: heading }),
+        heading && /* @__PURE__ */ jsx15("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: heading }),
         children ?? entries.map((entry, i) => {
           const meta = entry.type ? getEntityTypeMeta(entry.type) : void 0;
           const color = entry.color ?? meta?.colorVar ?? "currentColor";
           const label = entry.label ?? meta?.label ?? "";
-          return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-[6px]", children: [
-            /* @__PURE__ */ jsx13("span", { "aria-hidden": true, className: "h-2 w-2 rounded-full", style: { background: color } }),
-            /* @__PURE__ */ jsx13("span", { children: label })
+          return /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-[6px]", children: [
+            /* @__PURE__ */ jsx15("span", { "aria-hidden": true, className: "h-2 w-2 rounded-full", style: { background: color } }),
+            /* @__PURE__ */ jsx15("span", { children: label })
           ] }, i);
         })
       ]
@@ -887,24 +1057,24 @@ var GraphLegend = forwardRef13(function GraphLegend2({ entries = DEFAULT_ENTRIES
 GraphLegend.displayName = "GraphLegend";
 
 // src/graph/GraphMinimap.tsx
-import { cn as cn13 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef14 } from "react";
-import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-var GraphMinimap = forwardRef14(function GraphMinimap2({ points, viewport, width = 120, height = 72, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx14(
+import { cn as cn14 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef16 } from "react";
+import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+var GraphMinimap = forwardRef16(function GraphMinimap2({ points, viewport, width = 120, height = 72, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       ref,
       role: "img",
       "aria-label": "Graph minimap",
-      className: cn13(
+      className: cn14(
         "border-border bg-panel/85 relative rounded-md border p-1 backdrop-blur-[8px]",
         className
       ),
       style: { width, height },
       ...props,
-      children: /* @__PURE__ */ jsxs13("div", { className: "relative h-full w-full", children: [
-        points.map((p, i) => /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsxs15("div", { className: "relative h-full w-full", children: [
+        points.map((p, i) => /* @__PURE__ */ jsx16(
           "span",
           {
             "aria-hidden": true,
@@ -917,7 +1087,7 @@ var GraphMinimap = forwardRef14(function GraphMinimap2({ points, viewport, width
           },
           i
         )),
-        viewport && /* @__PURE__ */ jsx14(
+        viewport && /* @__PURE__ */ jsx16(
           "span",
           {
             "aria-hidden": true,
@@ -939,16 +1109,17 @@ var GraphMinimap = forwardRef14(function GraphMinimap2({ points, viewport, width
 GraphMinimap.displayName = "GraphMinimap";
 
 // src/graph/GraphNode.tsx
-import { cn as cn14 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef15 } from "react";
-import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var GraphNode = forwardRef15(function GraphNode2({ type, state = "default", glyph, label, size = 52, pathColor, className, style, ...props }, ref) {
+import { DynamicIconGlyph as DynamicIconGlyph4 } from "@ship-it-ui/icons";
+import { cn as cn15 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef17 } from "react";
+import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+var GraphNode = forwardRef17(function GraphNode2({ type, state = "default", glyph, label, size = 52, pathColor, className, style, ...props }, ref) {
   const meta = getEntityTypeMeta(type);
   const color = state === "path" ? pathColor ?? "var(--color-purple)" : meta.colorVar;
   const glowPct = state === "hover" ? 50 : 25;
   const opacity = state === "dim" ? 0.35 : 1;
   const showRing = state === "selected" || state === "path";
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       ref,
@@ -956,11 +1127,11 @@ var GraphNode = forwardRef15(function GraphNode2({ type, state = "default", glyp
       "aria-label": typeof label === "string" ? label : `${type} node`,
       "data-state": state,
       "data-entity-type": type,
-      className: cn14("inline-flex flex-col items-center gap-[6px]", className),
+      className: cn15("inline-flex flex-col items-center gap-[6px]", className),
       style,
       ...props,
       children: [
-        /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsx17(
           "div",
           {
             className: "bg-panel grid place-items-center rounded-[14px] border-[1.5px] transition-all duration-(--duration-micro)",
@@ -975,10 +1146,10 @@ var GraphNode = forwardRef15(function GraphNode2({ type, state = "default", glyp
               outlineOffset: showRing ? 4 : void 0,
               opacity
             },
-            children: glyph ?? meta.glyph
+            children: glyph ?? /* @__PURE__ */ jsx17(DynamicIconGlyph4, { name: meta.iconName, size: Math.round(size * 0.42) })
           }
         ),
-        label && /* @__PURE__ */ jsx15("span", { className: "text-text-dim font-mono text-[10px]", children: label })
+        label && /* @__PURE__ */ jsx17("span", { className: "text-text-dim font-mono text-[10px]", children: label })
       ]
     }
   );
@@ -986,13 +1157,13 @@ var GraphNode = forwardRef15(function GraphNode2({ type, state = "default", glyp
 GraphNode.displayName = "GraphNode";
 
 // src/graph/PathOverlay.tsx
-import { forwardRef as forwardRef16 } from "react";
-import { jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
-var PathOverlay = forwardRef16(function PathOverlay2({ points, color = "var(--color-purple)", width = 2.5, halo = true, ...props }, ref) {
+import { forwardRef as forwardRef18 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+var PathOverlay = forwardRef18(function PathOverlay2({ points, color = "var(--color-purple)", width = 2.5, halo = true, ...props }, ref) {
   if (points.length < 2) return null;
   const coords = points.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs15("g", { ref, ...props, children: [
-    halo && /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs17("g", { ref, ...props, children: [
+    halo && /* @__PURE__ */ jsx18(
       "polyline",
       {
         points: coords,
@@ -1004,7 +1175,7 @@ var PathOverlay = forwardRef16(function PathOverlay2({ points, color = "var(--co
         opacity: 0.65
       }
     ),
-    /* @__PURE__ */ jsx16(
+    /* @__PURE__ */ jsx18(
       "polyline",
       {
         points: coords,
@@ -1020,24 +1191,24 @@ var PathOverlay = forwardRef16(function PathOverlay2({ points, color = "var(--co
 PathOverlay.displayName = "PathOverlay";
 
 // src/marketing/CTAStrip.tsx
-import { cn as cn15 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef17 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
-var CTAStrip = forwardRef17(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs16(
+import { cn as cn16 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef19 } from "react";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+var CTAStrip = forwardRef19(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       ref,
-      className: cn15(
+      className: cn16(
         "rounded-xl px-10 py-12 text-center",
         "bg-[linear-gradient(135deg,var(--color-cta-from),var(--color-cta-to))]",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx17("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
-        description && /* @__PURE__ */ jsx17("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
-        actions && /* @__PURE__ */ jsx17("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
+        /* @__PURE__ */ jsx19("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
+        description && /* @__PURE__ */ jsx19("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
+        actions && /* @__PURE__ */ jsx19("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
       ]
     }
   );
@@ -1045,25 +1216,25 @@ var CTAStrip = forwardRef17(function CTAStrip2({ title, description, actions, cl
 CTAStrip.displayName = "CTAStrip";
 
 // src/marketing/FeatureGrid.tsx
-import { cn as cn16 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef18 } from "react";
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { cn as cn17 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef20 } from "react";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
 var colsClass = {
   2: "md:grid-cols-2",
   3: "md:grid-cols-3",
   4: "md:grid-cols-2 lg:grid-cols-4"
 };
-var FeatureGrid = forwardRef18(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(
+var FeatureGrid = forwardRef20(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref,
-      className: cn16("grid grid-cols-1 gap-3", colsClass[columns], className),
+      className: cn17("grid grid-cols-1 gap-3", colsClass[columns], className),
       ...props,
-      children: features.map((f, i) => /* @__PURE__ */ jsxs17("div", { className: "rounded-base border-border bg-panel border p-5", children: [
-        /* @__PURE__ */ jsx18("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
-        /* @__PURE__ */ jsx18("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
-        /* @__PURE__ */ jsx18("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
+      children: features.map((f, i) => /* @__PURE__ */ jsxs19("div", { className: "rounded-base border-border bg-panel border p-5", children: [
+        /* @__PURE__ */ jsx20("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
+        /* @__PURE__ */ jsx20("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
+        /* @__PURE__ */ jsx20("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
       ] }, i))
     }
   );
@@ -1071,16 +1242,16 @@ var FeatureGrid = forwardRef18(function FeatureGrid2({ features, columns = 3, cl
 FeatureGrid.displayName = "FeatureGrid";
 
 // src/marketing/Footer.tsx
-import { cn as cn17 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef19 } from "react";
-import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
-var Footer = forwardRef19(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs18("footer", { ref, className: cn17("px-7 py-7", className), ...props, children: [
-    /* @__PURE__ */ jsxs18("div", { className: "mb-7 flex flex-wrap gap-8", children: [
-      brand && /* @__PURE__ */ jsx19("div", { children: brand }),
-      /* @__PURE__ */ jsx19("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-[6px]", children: [
-        /* @__PURE__ */ jsx19("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
-        col.links.map((link, j) => /* @__PURE__ */ jsx19(
+import { cn as cn18 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef21 } from "react";
+import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+var Footer = forwardRef21(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs20("footer", { ref, className: cn18("px-7 py-7", className), ...props, children: [
+    /* @__PURE__ */ jsxs20("div", { className: "mb-7 flex flex-wrap gap-8", children: [
+      brand && /* @__PURE__ */ jsx21("div", { children: brand }),
+      /* @__PURE__ */ jsx21("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ jsxs20("div", { className: "flex flex-col gap-[6px]", children: [
+        /* @__PURE__ */ jsx21("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
+        col.links.map((link, j) => /* @__PURE__ */ jsx21(
           "a",
           {
             href: link.href,
@@ -1091,47 +1262,47 @@ var Footer = forwardRef19(function Footer2({ brand, columns, copyright, closing,
         ))
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
-      copyright && /* @__PURE__ */ jsx19("span", { children: copyright }),
-      closing && /* @__PURE__ */ jsx19("span", { className: "ml-auto", children: closing })
+    /* @__PURE__ */ jsxs20("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
+      copyright && /* @__PURE__ */ jsx21("span", { children: copyright }),
+      closing && /* @__PURE__ */ jsx21("span", { className: "ml-auto", children: closing })
     ] })
   ] });
 });
 Footer.displayName = "Footer";
 
 // src/marketing/Hero.tsx
-import { cn as cn18 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef20 } from "react";
-import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
-var Hero = forwardRef20(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
+import { cn as cn19 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef22 } from "react";
+import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+var Hero = forwardRef22(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
   const hasVisual = visual != null;
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs21(
     "section",
     {
       ref,
-      className: cn18(
+      className: cn19(
         "flex flex-col items-center justify-between gap-10 px-6 py-16 md:py-24",
         hasVisual && "md:flex-row md:items-center md:gap-16",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: cn18("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
+        /* @__PURE__ */ jsxs21("div", { className: cn19("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
           eyebrow,
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx22(
             "h1",
             {
-              className: cn18(
+              className: cn19(
                 "mb-4 text-[44px] leading-[1.05] font-medium tracking-[-1.6px] md:text-[56px]",
                 eyebrow && "mt-5"
               ),
               children: title
             }
           ),
-          description && /* @__PURE__ */ jsx20("p", { className: "text-text-muted mb-7 text-[17px] leading-[1.6]", children: description }),
-          actions && /* @__PURE__ */ jsx20("div", { className: cn18("flex flex-wrap gap-2", !hasVisual && "justify-center"), children: actions })
+          description && /* @__PURE__ */ jsx22("p", { className: "text-text-muted mb-7 text-[17px] leading-[1.6]", children: description }),
+          actions && /* @__PURE__ */ jsx22("div", { className: cn19("flex flex-wrap gap-2", !hasVisual && "justify-center"), children: actions })
         ] }),
-        visual && /* @__PURE__ */ jsx20("div", { className: "flex-1", children: visual })
+        visual && /* @__PURE__ */ jsx22("div", { className: "flex-1", children: visual })
       ]
     }
   );
@@ -1139,37 +1310,37 @@ var Hero = forwardRef20(function Hero2({ eyebrow, title, description, actions, v
 Hero.displayName = "Hero";
 
 // src/marketing/PricingCard.tsx
-import { cn as cn19 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef21 } from "react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
-var PricingCard = forwardRef21(function PricingCard2({ tier, price, priceUnit, description, features, action, featured, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs20(
+import { cn as cn20 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef23 } from "react";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+var PricingCard = forwardRef23(function PricingCard2({ tier, price, priceUnit, description, features, action, featured, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs22(
     "div",
     {
       ref,
-      className: cn19(
+      className: cn20(
         "bg-panel @container flex flex-col gap-5 rounded-lg border p-5 @sm:p-6",
         featured ? "border-accent shadow-lg" : "border-border",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs20("div", { children: [
-          /* @__PURE__ */ jsxs20("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ jsx21("span", { className: "text-[14px] font-medium", children: tier }),
-            featured && /* @__PURE__ */ jsx21("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
+        /* @__PURE__ */ jsxs22("div", { children: [
+          /* @__PURE__ */ jsxs22("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ jsx23("span", { className: "text-[14px] font-medium", children: tier }),
+            featured && /* @__PURE__ */ jsx23("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
           ] }),
-          description && /* @__PURE__ */ jsx21("div", { className: "text-text-muted text-[12px]", children: description })
+          description && /* @__PURE__ */ jsx23("div", { className: "text-text-muted text-[12px]", children: description })
         ] }),
-        /* @__PURE__ */ jsxs20("div", { className: "flex flex-wrap items-baseline justify-center gap-x-2 gap-y-1", children: [
-          /* @__PURE__ */ jsx21("span", { className: "font-mono text-[22px] font-medium tracking-[-0.5px] text-balance @sm:text-[28px]", children: price }),
-          priceUnit != null && /* @__PURE__ */ jsx21("span", { className: "text-text-dim text-[12px] whitespace-nowrap @sm:text-[13px]", children: priceUnit })
+        /* @__PURE__ */ jsxs22("div", { className: "flex flex-wrap items-baseline justify-center gap-x-2 gap-y-1", children: [
+          /* @__PURE__ */ jsx23("span", { className: "font-mono text-[22px] font-medium tracking-[-0.5px] text-balance @sm:text-[28px]", children: price }),
+          priceUnit != null && /* @__PURE__ */ jsx23("span", { className: "text-text-dim text-[12px] whitespace-nowrap @sm:text-[13px]", children: priceUnit })
         ] }),
-        /* @__PURE__ */ jsx21("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: features.map((f, i) => /* @__PURE__ */ jsxs20("li", { className: "flex items-start gap-2 text-[13px]", children: [
-          /* @__PURE__ */ jsx21("span", { "aria-hidden": true, className: "text-accent", children: "\u2713" }),
-          /* @__PURE__ */ jsx21("span", { children: f })
+        /* @__PURE__ */ jsx23("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: features.map((f, i) => /* @__PURE__ */ jsxs22("li", { className: "flex items-start gap-2 text-[13px]", children: [
+          /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: "text-accent", children: "\u2713" }),
+          /* @__PURE__ */ jsx23("span", { children: f })
         ] }, i)) }),
-        action && /* @__PURE__ */ jsx21("div", { className: "mt-auto", children: action })
+        action && /* @__PURE__ */ jsx23("div", { className: "mt-auto", children: action })
       ]
     }
   );
@@ -1178,24 +1349,24 @@ PricingCard.displayName = "PricingCard";
 
 // src/marketing/Testimonial.tsx
 import { Avatar as Avatar2 } from "@ship-it-ui/ui";
-import { cn as cn20 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef22 } from "react";
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
-var Testimonial = forwardRef22(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs21(
+import { cn as cn21 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef24 } from "react";
+import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+var Testimonial = forwardRef24(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs23(
     "figure",
     {
       ref,
-      className: cn20("mx-auto max-w-[620px] px-6 py-10 text-center", className),
+      className: cn21("mx-auto max-w-[620px] px-6 py-10 text-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
-        /* @__PURE__ */ jsx22("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
-        /* @__PURE__ */ jsxs21("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
-          typeof avatar === "string" ? /* @__PURE__ */ jsx22(Avatar2, { size: "md", name: avatar }) : avatar,
-          /* @__PURE__ */ jsxs21("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx22("div", { className: "text-[13px] font-medium", children: author }),
-            role && /* @__PURE__ */ jsx22("div", { className: "text-text-dim text-[11px]", children: role })
+        /* @__PURE__ */ jsx24("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
+        /* @__PURE__ */ jsx24("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
+        /* @__PURE__ */ jsxs23("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
+          typeof avatar === "string" ? /* @__PURE__ */ jsx24(Avatar2, { size: "md", name: avatar }) : avatar,
+          /* @__PURE__ */ jsxs23("div", { className: "text-left", children: [
+            /* @__PURE__ */ jsx24("div", { className: "text-[13px] font-medium", children: author }),
+            role && /* @__PURE__ */ jsx24("div", { className: "text-text-dim text-[11px]", children: role })
           ] })
         ] })
       ]
@@ -1205,10 +1376,10 @@ var Testimonial = forwardRef22(function Testimonial2({ quote, author, role, avat
 Testimonial.displayName = "Testimonial";
 
 // src/data/ConnectorCard.tsx
-import { IconGlyph } from "@ship-it-ui/icons";
-import { cn as cn21, formatRelative, StatusDot } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef23 } from "react";
-import { Fragment as Fragment4, jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+import { DynamicIconGlyph as DynamicIconGlyph5 } from "@ship-it-ui/icons";
+import { cn as cn22, formatRelative, StatusDot } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef25 } from "react";
+import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
 var statusDot = {
   connected: "ok",
   syncing: "sync",
@@ -1221,7 +1392,7 @@ var statusLabel = {
   error: "Error",
   disconnected: "Disconnected"
 };
-var ConnectorCard = forwardRef23(function ConnectorCard2({
+var ConnectorCard = forwardRef25(function ConnectorCard2({
   connector,
   name,
   status,
@@ -1236,19 +1407,19 @@ var ConnectorCard = forwardRef23(function ConnectorCard2({
 }, ref) {
   const interactive = typeof onClick === "function";
   const time = lastSyncedAt ? formatRelative(lastSyncedAt, relativeNow ?? /* @__PURE__ */ new Date()) : "";
-  const labelBlock = /* @__PURE__ */ jsxs22(Fragment4, { children: [
-    /* @__PURE__ */ jsx23(
+  const labelBlock = /* @__PURE__ */ jsxs24(Fragment4, { children: [
+    /* @__PURE__ */ jsx25(
       "span",
       {
         "aria-hidden": true,
         className: "bg-panel-2 grid h-10 w-10 shrink-0 place-items-center rounded-md font-mono text-[16px]",
-        children: /* @__PURE__ */ jsx23(IconGlyph, { name: connector, kind: "connector" })
+        children: /* @__PURE__ */ jsx25(DynamicIconGlyph5, { name: connector, kind: "connector" })
       }
     ),
-    /* @__PURE__ */ jsxs22("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx23("span", { className: "truncate text-[14px] font-medium", children: name }),
-        /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx25("span", { className: "truncate text-[14px] font-medium", children: name }),
+        /* @__PURE__ */ jsx25(
           StatusDot,
           {
             state: statusDot[status],
@@ -1257,21 +1428,21 @@ var ConnectorCard = forwardRef23(function ConnectorCard2({
           }
         )
       ] }),
-      (summary || time) && /* @__PURE__ */ jsxs22("div", { className: "text-text-muted mt-[2px] flex items-center gap-2 text-[12px]", children: [
-        summary && /* @__PURE__ */ jsx23("span", { className: "truncate", children: summary }),
-        summary && time && /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: "text-text-dim", children: "\xB7" }),
-        time && /* @__PURE__ */ jsxs22("time", { className: "text-text-dim font-mono text-[11px]", children: [
+      (summary || time) && /* @__PURE__ */ jsxs24("div", { className: "text-text-muted mt-[2px] flex items-center gap-2 text-[12px]", children: [
+        summary && /* @__PURE__ */ jsx25("span", { className: "truncate", children: summary }),
+        summary && time && /* @__PURE__ */ jsx25("span", { "aria-hidden": true, className: "text-text-dim", children: "\xB7" }),
+        time && /* @__PURE__ */ jsxs24("time", { className: "text-text-dim font-mono text-[11px]", children: [
           "last synced ",
           time
         ] })
       ] })
     ] })
   ] });
-  const labelRegionClass = cn21(
+  const labelRegionClass = cn22(
     "flex flex-1 items-start gap-3 rounded-md p-1 text-left transition-colors duration-(--duration-micro)",
     interactive && "hover:bg-panel-2 focus-visible:ring-accent-dim cursor-pointer outline-none focus-visible:ring-[3px]"
   );
-  const labelRegion = interactive ? /* @__PURE__ */ jsx23(
+  const labelRegion = interactive ? /* @__PURE__ */ jsx25(
     "button",
     {
       type: "button",
@@ -1280,19 +1451,19 @@ var ConnectorCard = forwardRef23(function ConnectorCard2({
       className: labelRegionClass,
       children: labelBlock
     }
-  ) : /* @__PURE__ */ jsx23("div", { className: labelRegionClass, children: labelBlock });
-  return /* @__PURE__ */ jsxs22(
+  ) : /* @__PURE__ */ jsx25("div", { className: labelRegionClass, children: labelBlock });
+  return /* @__PURE__ */ jsxs24(
     "div",
     {
       ref,
-      className: cn21(
+      className: cn22(
         "rounded-base border-border bg-panel flex items-start gap-2 border p-3",
         className
       ),
       ...props,
       children: [
         labelRegion,
-        actions && /* @__PURE__ */ jsx23("div", { className: "shrink-0 self-center pr-1", children: actions })
+        actions && /* @__PURE__ */ jsx25("div", { className: "shrink-0 self-center pr-1", children: actions })
       ]
     }
   );
@@ -1300,12 +1471,13 @@ var ConnectorCard = forwardRef23(function ConnectorCard2({
 ConnectorCard.displayName = "ConnectorCard";
 
 // src/data/EntityTable.tsx
+import { DynamicIconGlyph as DynamicIconGlyph6 } from "@ship-it-ui/icons";
 import { DataTable } from "@ship-it-ui/ui";
 import "react";
-import { jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
 function EntityTable(props) {
   const { rowKey, ...rest } = props;
-  return /* @__PURE__ */ jsx24(DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
+  return /* @__PURE__ */ jsx26(DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
 }
 function entityColumn(options = {}) {
   return {
@@ -1314,8 +1486,8 @@ function entityColumn(options = {}) {
     accessor: (row) => row.name,
     cell: (row) => {
       const meta = getEntityTypeMeta(row.type);
-      return /* @__PURE__ */ jsxs23("span", { className: "flex items-center gap-2 font-mono", "data-entity-type": row.type, children: [
-        /* @__PURE__ */ jsx24("span", { "aria-hidden": true, className: meta.toneClass, children: meta.glyph }),
+      return /* @__PURE__ */ jsxs25("span", { className: "flex items-center gap-2 font-mono", "data-entity-type": row.type, children: [
+        /* @__PURE__ */ jsx26(DynamicIconGlyph6, { name: meta.iconName, size: 14, className: meta.toneClass }),
         row.name
       ] });
     }
@@ -1326,21 +1498,21 @@ function entityTypeColumn(options = {}) {
     key: options.key ?? "type",
     header: options.header ?? "Type",
     accessor: (row) => row.type,
-    cell: (row) => /* @__PURE__ */ jsx24(EntityBadge, { type: row.type, size: "sm" })
+    cell: (row) => /* @__PURE__ */ jsx26(EntityBadge, { type: row.type, size: "sm" })
   };
 }
 
 // src/notifications/NotifRow.tsx
-import { cn as cn22 } from "@ship-it-ui/ui";
-import { forwardRef as forwardRef24 } from "react";
-import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+import { cn as cn23 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef26 } from "react";
+import { Fragment as Fragment5, jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
 var toneClass = {
   ok: "bg-ok",
   warn: "bg-warn",
   err: "bg-err",
   neutral: "bg-accent-text"
 };
-var NotifRow = forwardRef24(function NotifRow2({
+var NotifRow = forwardRef26(function NotifRow2({
   title,
   body,
   time,
@@ -1353,22 +1525,22 @@ var NotifRow = forwardRef24(function NotifRow2({
   onClick,
   ...props
 }, ref) {
-  const content = /* @__PURE__ */ jsxs24(Fragment5, { children: [
-    /* @__PURE__ */ jsx25("div", { className: "pt-1", "aria-hidden": true, children: /* @__PURE__ */ jsx25(
+  const content = /* @__PURE__ */ jsxs26(Fragment5, { children: [
+    /* @__PURE__ */ jsx27("div", { className: "pt-1", "aria-hidden": true, children: /* @__PURE__ */ jsx27(
       "div",
       {
-        className: cn22("h-2 w-2 rounded-full", unread ? toneClass[tone] : "bg-border-strong")
+        className: cn23("h-2 w-2 rounded-full", unread ? toneClass[tone] : "bg-border-strong")
       }
     ) }),
-    /* @__PURE__ */ jsxs24("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-baseline justify-between gap-2", children: [
-        /* @__PURE__ */ jsx25("div", { className: "truncate text-[14px] font-medium tracking-tight", children: title }),
-        time != null && /* @__PURE__ */ jsx25("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time })
+    /* @__PURE__ */ jsxs26("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsxs26("div", { className: "flex items-baseline justify-between gap-2", children: [
+        /* @__PURE__ */ jsx27("div", { className: "truncate text-[14px] font-medium tracking-tight", children: title }),
+        time != null && /* @__PURE__ */ jsx27("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time })
       ] }),
-      body && /* @__PURE__ */ jsx25("div", { className: "text-text-muted mt-[3px] text-[13px] leading-tight", children: body })
+      body && /* @__PURE__ */ jsx27("div", { className: "text-text-muted mt-[3px] text-[13px] leading-tight", children: body })
     ] })
   ] });
-  const baseClass = cn22(
+  const baseClass = cn23(
     "flex gap-3 p-[14px] bg-panel border-border border-l border-r",
     isFirst ? "border-t rounded-t-m-card" : "",
     "border-b",
@@ -1377,13 +1549,13 @@ var NotifRow = forwardRef24(function NotifRow2({
     className
   );
   if (href) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx27(
       "a",
       {
         ref,
         href,
         onClick,
-        className: cn22(
+        className: cn23(
           baseClass,
           "text-text focus-visible:ring-accent-dim no-underline outline-none focus-visible:ring-[3px]"
         ),
@@ -1393,13 +1565,13 @@ var NotifRow = forwardRef24(function NotifRow2({
     );
   }
   if (onClick) {
-    return /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsx27(
       "button",
       {
         type: "button",
         ref,
         onClick,
-        className: cn22(
+        className: cn23(
           baseClass,
           "focus-visible:ring-accent-dim text-left outline-none focus-visible:ring-[3px]"
         ),
@@ -1408,7 +1580,7 @@ var NotifRow = forwardRef24(function NotifRow2({
       }
     );
   }
-  return /* @__PURE__ */ jsx25("div", { ref, className: baseClass, ...props, children: content });
+  return /* @__PURE__ */ jsx27("div", { ref, className: baseClass, ...props, children: content });
 });
 NotifRow.displayName = "NotifRow";
 export {
@@ -1418,12 +1590,12 @@ export {
   ConfidenceIndicator,
   ConnectorCard,
   CopilotMessage,
-  ENTITY_GLYPH,
   ENTITY_LABEL,
   ENTITY_TONE_BG,
   ENTITY_TONE_CLASS,
   EntityBadge,
   EntityCard,
+  EntityList,
   EntityListRow,
   EntityListRowButton,
   EntityListRowDiv,
@@ -1441,12 +1613,14 @@ export {
   PricingCard,
   ReasoningBlock,
   ReasoningStep,
+  StalenessChip,
   SuggestionChip,
   Testimonial,
   ToolCallCard,
-  cn23 as cn,
+  cn24 as cn,
   entityColumn,
   entityTypeColumn,
+  formatAge,
   getEntityTypeMeta,
   listEntityTypes,
   registerEntityType,