@ship-it-ui/shipit 0.0.6 → 0.0.8

package/dist/index.cjs

@@ -28,12 +28,12 @@ __export(index_exports, {
   ConfidenceIndicator: () => ConfidenceIndicator,
   ConnectorCard: () => ConnectorCard,
   CopilotMessage: () => CopilotMessage,
-  ENTITY_GLYPH: () => ENTITY_GLYPH,
   ENTITY_LABEL: () => ENTITY_LABEL,
   ENTITY_TONE_BG: () => ENTITY_TONE_BG,
   ENTITY_TONE_CLASS: () => ENTITY_TONE_CLASS,
   EntityBadge: () => EntityBadge,
   EntityCard: () => EntityCard,
+  EntityList: () => EntityList,
   EntityListRow: () => EntityListRow,
   EntityListRowButton: () => EntityListRowButton,
   EntityListRowDiv: () => EntityListRowDiv,
@@ -51,12 +51,14 @@ __export(index_exports, {
   PricingCard: () => PricingCard,
   ReasoningBlock: () => ReasoningBlock,
   ReasoningStep: () => ReasoningStep,
+  StalenessChip: () => StalenessChip,
   SuggestionChip: () => SuggestionChip,
   Testimonial: () => Testimonial,
   ToolCallCard: () => ToolCallCard,
-  cn: () => import_ui30.cn,
+  cn: () => import_ui32.cn,
   entityColumn: () => entityColumn,
   entityTypeColumn: () => entityTypeColumn,
+  formatAge: () => formatAge,
   getEntityTypeMeta: () => getEntityTypeMeta,
   listEntityTypes: () => listEntityTypes,
   registerEntityType: () => registerEntityType,
@@ -64,7 +66,7 @@ __export(index_exports, {
   resetEntityTypeRegistry: () => resetEntityTypeRegistry
 });
 module.exports = __toCommonJS(index_exports);
-var import_ui30 = require("@ship-it-ui/ui");
+var import_ui32 = require("@ship-it-ui/ui");
 
 // src/ai/AskBar.tsx
 var import_ui = require("@ship-it-ui/ui");
@@ -440,18 +442,50 @@ var ReasoningStep = (0, import_react5.forwardRef)(function ReasoningStep2({ step
 });
 ReasoningStep.displayName = "ReasoningStep";
 
-// src/ai/SuggestionChip.tsx
+// src/ai/StalenessChip.tsx
 var import_ui9 = require("@ship-it-ui/ui");
 var import_react6 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
-var SuggestionChip = (0, import_react6.forwardRef)(
+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 = (0, import_react6.forwardRef)(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__ */ (0, import_jsx_runtime6.jsxs)(import_ui9.Badge, { ref, variant: tier, size: "sm", dot: true, ...props, children: [
+    prefix && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: prefix }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "font-mono tabular-nums", children: isInstant ? humanised : `${humanised} ago` })
+  ] });
+  if (tooltip) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_ui9.SimpleTooltip, { content: tooltip, children: chip });
+  }
+  return chip;
+});
+StalenessChip.displayName = "StalenessChip";
+
+// src/ai/SuggestionChip.tsx
+var import_ui10 = require("@ship-it-ui/ui");
+var import_react7 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SuggestionChip = (0, import_react7.forwardRef)(
   function SuggestionChip2({ glyph = "\u2726", className, children, type, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
       "button",
       {
         ref,
         type: type ?? "button",
-        className: (0, import_ui9.cn)(
+        className: (0, import_ui10.cn)(
           "border-border bg-panel text-text inline-flex cursor-pointer items-center gap-[6px] rounded-full border px-[10px] py-[6px] text-[12px] outline-none",
           "transition-colors duration-(--duration-micro)",
           "hover:border-border-strong hover:bg-panel-2",
@@ -460,7 +494,7 @@ var SuggestionChip = (0, import_react6.forwardRef)(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "aria-hidden": true, className: "text-accent", children: glyph }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "aria-hidden": true, className: "text-accent", children: glyph }),
           children
         ]
       }
@@ -470,24 +504,24 @@ var SuggestionChip = (0, import_react6.forwardRef)(
 SuggestionChip.displayName = "SuggestionChip";
 
 // src/ai/ToolCallCard.tsx
-var import_ui10 = require("@ship-it-ui/ui");
 var import_ui11 = require("@ship-it-ui/ui");
-var import_react7 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ToolCallCard = (0, import_react7.forwardRef)(function ToolCallCard2({ name, status, running, className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+var import_ui12 = require("@ship-it-ui/ui");
+var import_react8 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ToolCallCard = (0, import_react8.forwardRef)(function ToolCallCard2({ name, status, running, className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
     "div",
     {
       ref,
-      className: (0, import_ui11.cn)("border-border bg-panel rounded-md border px-[14px] py-[10px]", className),
+      className: (0, import_ui12.cn)("border-border bg-panel rounded-md border px-[14px] py-[10px]", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-[10px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_ui10.Badge, { size: "sm", variant: "accent", children: "TOOL" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-mono text-[12px] font-medium", children: name }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "text-text-dim ml-auto inline-flex items-center font-mono text-[10px]", children: running ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-[10px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_ui11.Badge, { size: "sm", variant: "accent", children: "TOOL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-mono text-[12px] font-medium", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "text-text-dim ml-auto inline-flex items-center font-mono text-[10px]", children: running ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
             "running",
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               "span",
               {
                 "aria-hidden": true,
@@ -496,7 +530,7 @@ var ToolCallCard = (0, import_react7.forwardRef)(function ToolCallCard2({ name,
             )
           ] }) : status })
         ] }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("pre", { className: "text-text-muted m-0 mt-[6px] font-mono text-[11px] leading-[1.6] break-words whitespace-pre-wrap", children })
+        children && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("pre", { className: "text-text-muted m-0 mt-[6px] font-mono text-[11px] leading-[1.6] break-words whitespace-pre-wrap", children })
       ]
     }
   );
@@ -504,14 +538,15 @@ var ToolCallCard = (0, import_react7.forwardRef)(function ToolCallCard2({ name,
 ToolCallCard.displayName = "ToolCallCard";
 
 // src/entity/EntityBadge.tsx
-var import_ui12 = require("@ship-it-ui/ui");
+var import_icons = require("@ship-it-ui/icons");
 var import_ui13 = require("@ship-it-ui/ui");
-var import_react8 = require("react");
+var import_ui14 = require("@ship-it-ui/ui");
+var import_react9 = require("react");
 
 // src/entity/types.ts
 var BUILTIN_META = {
   service: {
-    glyph: "\u25C7",
+    iconName: "service",
     label: "Service",
     toneClass: "text-accent",
     toneBg: "bg-accent-dim",
@@ -519,7 +554,7 @@ var BUILTIN_META = {
     badgeVariant: "accent"
   },
   person: {
-    glyph: "\u25CB",
+    iconName: "person",
     label: "Person",
     toneClass: "text-text-muted",
     toneBg: "bg-panel-2",
@@ -527,7 +562,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%)]",
@@ -535,7 +570,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%)]",
@@ -543,7 +578,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%)]",
@@ -551,7 +586,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%)]",
@@ -582,14 +617,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,
@@ -616,19 +643,19 @@ var ENTITY_TONE_BG = {
 };
 
 // src/entity/EntityBadge.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var EntityBadge = (0, import_react8.forwardRef)(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var EntityBadge = (0, import_react9.forwardRef)(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
   const meta = getEntityTypeMeta(type);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    import_ui12.Badge,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+    import_ui13.Badge,
     {
       ref,
       variant: meta.badgeVariant,
       "data-entity-type": type,
-      className: (0, import_ui13.cn)(className),
+      className: (0, import_ui14.cn)(className),
       ...props,
       children: [
-        !hideGlyph && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, className: "font-mono", children: meta.glyph }),
+        !hideGlyph && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_icons.DynamicIconGlyph, { name: meta.iconName, size: 11 }),
         children ?? label ?? meta.label
       ]
     }
@@ -637,9 +664,10 @@ var EntityBadge = (0, import_react8.forwardRef)(function EntityBadge2({ type, la
 EntityBadge.displayName = "EntityBadge";
 
 // src/entity/EntityCard.tsx
-var import_ui14 = require("@ship-it-ui/ui");
-var import_react9 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_icons2 = require("@ship-it-ui/icons");
+var import_ui15 = require("@ship-it-ui/ui");
+var import_react10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var statToneClass = {
   accent: "text-accent",
   ok: "text-ok",
@@ -647,53 +675,53 @@ var statToneClass = {
   err: "text-err",
   muted: "text-text-muted"
 };
-var EntityCard = (0, import_react9.forwardRef)(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
+var EntityCard = (0, import_react10.forwardRef)(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
   const meta = getEntityTypeMeta(type);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       ref,
       "data-entity-type": type,
-      className: (0, import_ui14.cn)(
+      className: (0, import_ui15.cn)(
         "rounded-base border-border bg-panel flex flex-col gap-3 border p-5",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             "span",
             {
               "aria-hidden": true,
-              className: (0, import_ui14.cn)(
+              className: (0, import_ui15.cn)(
                 "rounded-base grid h-12 w-12 shrink-0 place-items-center text-[20px]",
                 meta.toneBg,
                 meta.toneClass
               ),
-              children: glyph ?? meta.glyph
+              children: glyph ?? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_icons2.DynamicIconGlyph, { name: meta.iconName, size: 20 })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(EntityBadge, { type, size: "sm" }),
-              subtitle && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-text-dim font-mono text-[11px]", children: subtitle })
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-wrap items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EntityBadge, { type, size: "sm" }),
+              subtitle && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-text-dim font-mono text-[11px]", children: subtitle })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "mt-1 truncate font-mono text-[18px] font-medium tracking-tight", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-text-muted mt-1 text-[13px] leading-[1.5]", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "mt-1 truncate font-mono text-[18px] font-medium tracking-tight", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-text-muted mt-1 text-[13px] leading-[1.5]", children: description })
           ] }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "shrink-0", children: actions })
+          actions && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "shrink-0", children: actions })
         ] }),
-        stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        stats && stats.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "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__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "px-4 py-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.3px] uppercase", children: stat.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            children: stats.map((stat, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "px-4 py-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.3px] uppercase", children: stat.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                 "div",
                 {
-                  className: (0, import_ui14.cn)(
+                  className: (0, import_ui15.cn)(
                     "mt-1 text-[16px] font-medium tracking-tight",
                     stat.tone ? statToneClass[stat.tone] : "text-text"
                   ),
@@ -709,13 +737,101 @@ var EntityCard = (0, import_react9.forwardRef)(function EntityCard2({ type, titl
 });
 EntityCard.displayName = "EntityCard";
 
+// src/entity/EntityList.tsx
+var import_icons3 = require("@ship-it-ui/icons");
+var import_ui16 = require("@ship-it-ui/ui");
+var import_react11 = require("react");
+var import_jsx_runtime11 = require("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__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "border-border flex flex-col gap-[2px] border-b px-3 py-2", children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text text-[12px] font-medium", children: title }),
+    subtitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text-muted text-[11px]", children: subtitle })
+  ] });
+}
+function Rows({ dividers, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: (0, import_ui16.cn)("flex flex-col", dividers && dividerWrapperClasses), children });
+}
+var EntityList = (0, import_react11.forwardRef)(function EntityList2({
+  title,
+  subtitle,
+  framed = true,
+  dividers = true,
+  collapsible,
+  defaultCollapsed = false,
+  className,
+  children,
+  ...props
+}, ref) {
+  const [open, setOpen] = (0, import_react11.useState)(!defaultCollapsed);
+  if (collapsible) {
+    const fallbackLabel = !title && !subtitle ? "Toggle section" : void 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+      "details",
+      {
+        ref,
+        open,
+        onToggle: (e) => setOpen(e.currentTarget.open),
+        className: (0, import_ui16.cn)(framed && framedClasses, "group", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+            "summary",
+            {
+              "aria-label": fallbackLabel,
+              className: (0, import_ui16.cn)(
+                "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__ */ (0, import_jsx_runtime11.jsx)(
+                  import_icons3.IconGlyph,
+                  {
+                    name: "caretDown",
+                    size: 12,
+                    className: "text-text-muted -rotate-90 transition-transform group-open:rotate-0",
+                    "aria-hidden": true
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col gap-[2px]", children: [
+                  title && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text text-[12px] font-medium", children: title }),
+                  subtitle && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "text-text-muted text-[11px]", children: subtitle })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Rows, { dividers, children })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    "section",
+    {
+      ref,
+      className: (0, import_ui16.cn)(framed && framedClasses, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Header, { title, subtitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Rows, { dividers, children })
+      ]
+    }
+  );
+});
+EntityList.displayName = "EntityList";
+
 // src/entity/EntityListRow.tsx
-var import_ui15 = require("@ship-it-ui/ui");
-var import_react10 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var baseClassNames = (interactive, className) => (0, import_ui15.cn)(
+var import_icons4 = require("@ship-it-ui/icons");
+var import_ui17 = require("@ship-it-ui/ui");
+var import_react12 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var dividerClass = "border-b border-border last:border-0";
+var labelClass = (interactive, className) => (0, import_ui17.cn)(
   "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
 );
@@ -727,40 +843,93 @@ function RowInner({
   hideGlyph
 }) {
   const typeMeta = getEntityTypeMeta(type);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    !hideGlyph && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": true, className: (0, import_ui15.cn)("font-mono text-[14px] leading-none", typeMeta.toneClass), children: typeMeta.glyph }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-text min-w-0 flex-1 truncate font-mono text-[12px]", children: name }),
-    relation && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime10.jsx)("span", { className: "text-text-dim font-mono text-[10px]", children: meta })
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    !hideGlyph && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      import_icons4.DynamicIconGlyph,
+      {
+        name: typeMeta.iconName,
+        size: 14,
+        className: (0, import_ui17.cn)("shrink-0", typeMeta.toneClass)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-text min-w-0 flex-1 truncate font-mono text-[12px]", children: name }),
+    relation && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-text-dim font-mono text-[10px]", children: meta })
   ] });
 }
-var EntityListRowDiv = (0, import_react10.forwardRef)(
-  function EntityListRowDiv2({ type, name, relation, meta, hideGlyph, className, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var EntityListRowDiv = (0, import_react12.forwardRef)(
+  function EntityListRowDiv2({ type, name, relation, meta, hideGlyph, actions, className, ...props }, ref) {
+    if (actions) {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "div",
+        {
+          ref,
+          "data-entity-type": type,
+          className: (0, import_ui17.cn)("flex w-full items-center gap-1", dividerClass, className),
+          ...props,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: labelClass(false), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              RowInner,
+              {
+                type,
+                name,
+                relation,
+                meta,
+                hideGlyph
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "shrink-0 self-center pr-1", children: actions })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "div",
       {
         ref,
         "data-entity-type": type,
-        className: baseClassNames(false, className),
+        className: (0, import_ui17.cn)(labelClass(false), dividerClass, className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowInner, { type, name, relation, meta, hideGlyph })
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RowInner, { type, name, relation, meta, hideGlyph })
       }
     );
   }
 );
 EntityListRowDiv.displayName = "EntityListRowDiv";
-var EntityListRowButton = (0, import_react10.forwardRef)(
-  function EntityListRowButton2({ type, name, relation, meta, hideGlyph, className, onClick, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var EntityListRowButton = (0, import_react12.forwardRef)(
+  function EntityListRowButton2({ type, name, relation, meta, hideGlyph, actions, className, onClick, ...props }, ref) {
+    if (actions) {
+      return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "div",
+        {
+          "data-entity-type": type,
+          className: (0, import_ui17.cn)("flex w-full items-stretch gap-1", dividerClass, className),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { ref, type: "button", onClick, className: labelClass(true), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              RowInner,
+              {
+                type,
+                name,
+                relation,
+                meta,
+                hideGlyph
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "shrink-0 self-center pr-1", children: actions })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
       {
         ref,
         type: "button",
         "data-entity-type": type,
         onClick,
-        className: baseClassNames(true, className),
+        className: (0, import_ui17.cn)(labelClass(true), dividerClass, className),
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowInner, { type, name, relation, meta, hideGlyph })
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RowInner, { type, name, relation, meta, hideGlyph })
       }
     );
   }
@@ -772,12 +941,13 @@ function EntityListRow({
   relation,
   meta,
   hideGlyph,
+  actions,
   onClick,
   className,
   ...props
 }) {
   if (typeof onClick === "function") {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       EntityListRowButton,
       {
         type,
@@ -785,13 +955,14 @@ function EntityListRow({
         relation,
         meta,
         hideGlyph,
+        actions,
         onClick,
         className,
         ...props
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     EntityListRowDiv,
     {
       type,
@@ -799,6 +970,7 @@ function EntityListRow({
       relation,
       meta,
       hideGlyph,
+      actions,
       className,
       ...props
     }
@@ -807,15 +979,15 @@ function EntityListRow({
 EntityListRow.displayName = "EntityListRow";
 
 // src/graph/GraphEdge.tsx
-var import_react11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_jsx_runtime13 = require("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 = (0, import_react11.forwardRef)(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyle = "solid", color, arrowheadId, ...props }, ref) {
+var GraphEdge = (0, import_react13.forwardRef)(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyle = "solid", color, arrowheadId, ...props }, ref) {
   const base = styleProps[edgeStyle];
   const stroke = color ?? base.stroke;
   const sharedProps = {
@@ -828,7 +1000,7 @@ var GraphEdge = (0, import_react11.forwardRef)(function GraphEdge2({ x1, y1, x2,
     ...props
   };
   if (curve) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       "path",
       {
         ref,
@@ -837,15 +1009,15 @@ var GraphEdge = (0, import_react11.forwardRef)(function GraphEdge2({ x1, y1, x2,
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("line", { ref, x1, y1, x2, y2, ...sharedProps });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("line", { ref, x1, y1, x2, y2, ...sharedProps });
 });
 GraphEdge.displayName = "GraphEdge";
 
 // src/graph/GraphInspector.tsx
-var import_ui16 = require("@ship-it-ui/ui");
-var import_react12 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var GraphInspector = (0, import_react12.forwardRef)(
+var import_ui18 = require("@ship-it-ui/ui");
+var import_react14 = require("react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var GraphInspector = (0, import_react14.forwardRef)(
   function GraphInspector2({
     type,
     entityId,
@@ -858,47 +1030,47 @@ var GraphInspector = (0, import_react12.forwardRef)(
     ...props
   }, ref) {
     const total = relationCount ?? relations?.length ?? 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "aside",
       {
         ref,
         "aria-label": typeof title === "string" ? `${title} inspector` : "Node inspector",
-        className: (0, import_ui16.cn)(
+        className: (0, import_ui18.cn)(
           "rounded-base border-border bg-panel flex w-[340px] flex-col gap-3 border p-4",
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EntityBadge, { type, size: "sm" }),
-            entityId && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: entityId })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EntityBadge, { type, size: "sm" }),
+            entityId && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: entityId })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-[17px] font-medium", children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-[17px] font-medium", children: title }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description })
           ] }),
-          properties && properties.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: "Properties" }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dl", { className: "m-0 flex flex-col gap-1 font-mono text-[11px]", children: properties.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          properties && properties.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: "Properties" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dl", { className: "m-0 flex flex-col gap-1 font-mono text-[11px]", children: properties.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "div",
               {
-                className: (0, import_ui16.cn)("border-border flex py-1", i < properties.length - 1 && "border-b"),
+                className: (0, import_ui18.cn)("border-border flex py-1", i < properties.length - 1 && "border-b"),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dt", { className: "text-text-dim w-[70px]", children: p.key }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("dd", { className: "m-0 flex-1", children: p.value })
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dt", { className: "text-text-dim w-[70px]", children: p.key }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("dd", { className: "m-0 flex-1", children: p.value })
                 ]
               },
               i
             )) })
           ] }),
-          relations && relations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("section", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
+          relations && relations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("section", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
               "Relations \xB7 ",
               total
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[11px]", children: relations.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-text-dim w-[100px] font-mono", children: r.relation }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: r.entity })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[11px]", children: relations.map((r, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("li", { className: "flex gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-text-dim w-[100px] font-mono", children: r.relation }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: r.entity })
             ] }, i)) })
           ] })
         ]
@@ -909,33 +1081,33 @@ var GraphInspector = (0, import_react12.forwardRef)(
 GraphInspector.displayName = "GraphInspector";
 
 // src/graph/GraphLegend.tsx
-var import_ui17 = require("@ship-it-ui/ui");
-var import_react13 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_ui19 = require("@ship-it-ui/ui");
+var import_react15 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var DEFAULT_ENTRIES = [
   { type: "service" },
   { type: "person" },
   { type: "document" }
 ];
-var GraphLegend = (0, import_react13.forwardRef)(function GraphLegend2({ entries = DEFAULT_ENTRIES, heading = "Legend", className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var GraphLegend = (0, import_react15.forwardRef)(function GraphLegend2({ entries = DEFAULT_ENTRIES, heading = "Legend", className, children, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
     "div",
     {
       ref,
-      className: (0, import_ui17.cn)(
+      className: (0, import_ui19.cn)(
         "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__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: heading }),
+        heading && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { "aria-hidden": true, className: "h-2 w-2 rounded-full", style: { background: color } }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label })
+          return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-[6px]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": true, className: "h-2 w-2 rounded-full", style: { background: color } }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: label })
           ] }, i);
         })
       ]
@@ -945,24 +1117,24 @@ var GraphLegend = (0, import_react13.forwardRef)(function GraphLegend2({ entries
 GraphLegend.displayName = "GraphLegend";
 
 // src/graph/GraphMinimap.tsx
-var import_ui18 = require("@ship-it-ui/ui");
-var import_react14 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var GraphMinimap = (0, import_react14.forwardRef)(function GraphMinimap2({ points, viewport, width = 120, height = 72, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_ui20 = require("@ship-it-ui/ui");
+var import_react16 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var GraphMinimap = (0, import_react16.forwardRef)(function GraphMinimap2({ points, viewport, width = 120, height = 72, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref,
       role: "img",
       "aria-label": "Graph minimap",
-      className: (0, import_ui18.cn)(
+      className: (0, import_ui20.cn)(
         "border-border bg-panel/85 relative rounded-md border p-1 backdrop-blur-[8px]",
         className
       ),
       style: { width, height },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative h-full w-full", children: [
-        points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "relative h-full w-full", children: [
+        points.map((p, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "span",
           {
             "aria-hidden": true,
@@ -975,7 +1147,7 @@ var GraphMinimap = (0, import_react14.forwardRef)(function GraphMinimap2({ point
           },
           i
         )),
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           "span",
           {
             "aria-hidden": true,
@@ -997,16 +1169,17 @@ var GraphMinimap = (0, import_react14.forwardRef)(function GraphMinimap2({ point
 GraphMinimap.displayName = "GraphMinimap";
 
 // src/graph/GraphNode.tsx
-var import_ui19 = require("@ship-it-ui/ui");
-var import_react15 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var GraphNode = (0, import_react15.forwardRef)(function GraphNode2({ type, state = "default", glyph, label, size = 52, pathColor, className, style, ...props }, ref) {
+var import_icons5 = require("@ship-it-ui/icons");
+var import_ui21 = require("@ship-it-ui/ui");
+var import_react17 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var GraphNode = (0, import_react17.forwardRef)(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__ */ (0, import_jsx_runtime15.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       ref,
@@ -1014,11 +1187,11 @@ var GraphNode = (0, import_react15.forwardRef)(function GraphNode2({ type, state
       "aria-label": typeof label === "string" ? label : `${type} node`,
       "data-state": state,
       "data-entity-type": type,
-      className: (0, import_ui19.cn)("inline-flex flex-col items-center gap-[6px]", className),
+      className: (0, import_ui21.cn)("inline-flex flex-col items-center gap-[6px]", className),
       style,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           "div",
           {
             className: "bg-panel grid place-items-center rounded-[14px] border-[1.5px] transition-all duration-(--duration-micro)",
@@ -1033,10 +1206,10 @@ var GraphNode = (0, import_react15.forwardRef)(function GraphNode2({ type, state
               outlineOffset: showRing ? 4 : void 0,
               opacity
             },
-            children: glyph ?? meta.glyph
+            children: glyph ?? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_icons5.DynamicIconGlyph, { name: meta.iconName, size: Math.round(size * 0.42) })
           }
         ),
-        label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-dim font-mono text-[10px]", children: label })
+        label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-text-dim font-mono text-[10px]", children: label })
       ]
     }
   );
@@ -1044,13 +1217,13 @@ var GraphNode = (0, import_react15.forwardRef)(function GraphNode2({ type, state
 GraphNode.displayName = "GraphNode";
 
 // src/graph/PathOverlay.tsx
-var import_react16 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var PathOverlay = (0, import_react16.forwardRef)(function PathOverlay2({ points, color = "var(--color-purple)", width = 2.5, halo = true, ...props }, ref) {
+var import_react18 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var PathOverlay = (0, import_react18.forwardRef)(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__ */ (0, import_jsx_runtime16.jsxs)("g", { ref, ...props, children: [
-    halo && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("g", { ref, ...props, children: [
+    halo && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "polyline",
       {
         points: coords,
@@ -1062,7 +1235,7 @@ var PathOverlay = (0, import_react16.forwardRef)(function PathOverlay2({ points,
         opacity: 0.65
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "polyline",
       {
         points: coords,
@@ -1078,24 +1251,24 @@ var PathOverlay = (0, import_react16.forwardRef)(function PathOverlay2({ points,
 PathOverlay.displayName = "PathOverlay";
 
 // src/marketing/CTAStrip.tsx
-var import_ui20 = require("@ship-it-ui/ui");
-var import_react17 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var CTAStrip = (0, import_react17.forwardRef)(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+var import_ui22 = require("@ship-it-ui/ui");
+var import_react19 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var CTAStrip = (0, import_react19.forwardRef)(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "section",
     {
       ref,
-      className: (0, import_ui20.cn)(
+      className: (0, import_ui22.cn)(
         "rounded-xl px-10 py-12 text-center",
         "bg-[linear-gradient(135deg,var(--color-cta-from),var(--color-cta-to))]",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
-        description && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
-        actions && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
+        actions && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
       ]
     }
   );
@@ -1103,25 +1276,25 @@ var CTAStrip = (0, import_react17.forwardRef)(function CTAStrip2({ title, descri
 CTAStrip.displayName = "CTAStrip";
 
 // src/marketing/FeatureGrid.tsx
-var import_ui21 = require("@ship-it-ui/ui");
-var import_react18 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_ui23 = require("@ship-it-ui/ui");
+var import_react20 = require("react");
+var import_jsx_runtime20 = require("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 = (0, import_react18.forwardRef)(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var FeatureGrid = (0, import_react20.forwardRef)(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       ref,
-      className: (0, import_ui21.cn)("grid grid-cols-1 gap-3", colsClass[columns], className),
+      className: (0, import_ui23.cn)("grid grid-cols-1 gap-3", colsClass[columns], className),
       ...props,
-      children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "rounded-base border-border bg-panel border p-5", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
+      children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "rounded-base border-border bg-panel border p-5", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
       ] }, i))
     }
   );
@@ -1129,16 +1302,16 @@ var FeatureGrid = (0, import_react18.forwardRef)(function FeatureGrid2({ feature
 FeatureGrid.displayName = "FeatureGrid";
 
 // src/marketing/Footer.tsx
-var import_ui22 = require("@ship-it-ui/ui");
-var import_react19 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var Footer = (0, import_react19.forwardRef)(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("footer", { ref, className: (0, import_ui22.cn)("px-7 py-7", className), ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "mb-7 flex flex-wrap gap-8", children: [
-      brand && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { children: brand }),
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex flex-col gap-[6px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
-        col.links.map((link, j) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var import_ui24 = require("@ship-it-ui/ui");
+var import_react21 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var Footer = (0, import_react21.forwardRef)(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("footer", { ref, className: (0, import_ui24.cn)("px-7 py-7", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mb-7 flex flex-wrap gap-8", children: [
+      brand && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { children: brand }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-col gap-[6px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
+        col.links.map((link, j) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "a",
           {
             href: link.href,
@@ -1149,47 +1322,47 @@ var Footer = (0, import_react19.forwardRef)(function Footer2({ brand, columns, c
         ))
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
-      copyright && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { children: copyright }),
-      closing && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ml-auto", children: closing })
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
+      copyright && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: copyright }),
+      closing && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "ml-auto", children: closing })
     ] })
   ] });
 });
 Footer.displayName = "Footer";
 
 // src/marketing/Hero.tsx
-var import_ui23 = require("@ship-it-ui/ui");
-var import_react20 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Hero = (0, import_react20.forwardRef)(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
+var import_ui25 = require("@ship-it-ui/ui");
+var import_react22 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Hero = (0, import_react22.forwardRef)(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
   const hasVisual = visual != null;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "section",
     {
       ref,
-      className: (0, import_ui23.cn)(
+      className: (0, import_ui25.cn)(
         "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__ */ (0, import_jsx_runtime20.jsxs)("div", { className: (0, import_ui23.cn)("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: (0, import_ui25.cn)("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
           eyebrow,
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             "h1",
             {
-              className: (0, import_ui23.cn)(
+              className: (0, import_ui25.cn)(
                 "mb-4 text-[44px] leading-[1.05] font-medium tracking-[-1.6px] md:text-[56px]",
                 eyebrow && "mt-5"
               ),
               children: title
             }
           ),
-          description && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-text-muted mb-7 text-[17px] leading-[1.6]", children: description }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: (0, import_ui23.cn)("flex flex-wrap gap-2", !hasVisual && "justify-center"), children: actions })
+          description && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-text-muted mb-7 text-[17px] leading-[1.6]", children: description }),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: (0, import_ui25.cn)("flex flex-wrap gap-2", !hasVisual && "justify-center"), children: actions })
         ] }),
-        visual && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex-1", children: visual })
+        visual && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex-1", children: visual })
       ]
     }
   );
@@ -1197,37 +1370,37 @@ var Hero = (0, import_react20.forwardRef)(function Hero2({ eyebrow, title, descr
 Hero.displayName = "Hero";
 
 // src/marketing/PricingCard.tsx
-var import_ui24 = require("@ship-it-ui/ui");
-var import_react21 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var PricingCard = (0, import_react21.forwardRef)(function PricingCard2({ tier, price, priceUnit, description, features, action, featured, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+var import_ui26 = require("@ship-it-ui/ui");
+var import_react23 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var PricingCard = (0, import_react23.forwardRef)(function PricingCard2({ tier, price, priceUnit, description, features, action, featured, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       ref,
-      className: (0, import_ui24.cn)(
+      className: (0, import_ui26.cn)(
         "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__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-[14px] font-medium", children: tier }),
-            featured && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "mb-1 flex flex-wrap items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-[14px] font-medium", children: tier }),
+            featured && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
           ] }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-text-muted text-[12px]", children: description })
+          description && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "text-text-muted text-[12px]", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: "flex flex-wrap items-baseline justify-center gap-x-2 gap-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-mono text-[22px] font-medium tracking-[-0.5px] text-balance @sm:text-[28px]", children: price }),
-          priceUnit != null && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-text-dim text-[12px] whitespace-nowrap @sm:text-[13px]", children: priceUnit })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-wrap items-baseline justify-center gap-x-2 gap-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "font-mono text-[22px] font-medium tracking-[-0.5px] text-balance @sm:text-[28px]", children: price }),
+          priceUnit != null && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-text-dim text-[12px] whitespace-nowrap @sm:text-[13px]", children: priceUnit })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: "flex items-start gap-2 text-[13px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": true, className: "text-accent", children: "\u2713" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: f })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: features.map((f, i) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("li", { className: "flex items-start gap-2 text-[13px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": true, className: "text-accent", children: "\u2713" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { children: f })
         ] }, i)) }),
-        action && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "mt-auto", children: action })
+        action && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "mt-auto", children: action })
       ]
     }
   );
@@ -1235,25 +1408,25 @@ var PricingCard = (0, import_react21.forwardRef)(function PricingCard2({ tier, p
 PricingCard.displayName = "PricingCard";
 
 // src/marketing/Testimonial.tsx
-var import_ui25 = require("@ship-it-ui/ui");
-var import_ui26 = require("@ship-it-ui/ui");
-var import_react22 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var Testimonial = (0, import_react22.forwardRef)(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+var import_ui27 = require("@ship-it-ui/ui");
+var import_ui28 = require("@ship-it-ui/ui");
+var import_react24 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var Testimonial = (0, import_react24.forwardRef)(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
     "figure",
     {
       ref,
-      className: (0, import_ui26.cn)("mx-auto max-w-[620px] px-6 py-10 text-center", className),
+      className: (0, import_ui28.cn)("mx-auto max-w-[620px] px-6 py-10 text-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
-          typeof avatar === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_ui25.Avatar, { size: "md", name: avatar }) : avatar,
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "text-left", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-[13px] font-medium", children: author }),
-            role && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "text-text-dim text-[11px]", children: role })
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
+          typeof avatar === "string" ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ui27.Avatar, { size: "md", name: avatar }) : avatar,
+          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-[13px] font-medium", children: author }),
+            role && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-text-dim text-[11px]", children: role })
           ] })
         ] })
       ]
@@ -1263,10 +1436,10 @@ var Testimonial = (0, import_react22.forwardRef)(function Testimonial2({ quote,
 Testimonial.displayName = "Testimonial";
 
 // src/data/ConnectorCard.tsx
-var import_icons = require("@ship-it-ui/icons");
-var import_ui27 = require("@ship-it-ui/ui");
-var import_react23 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_icons6 = require("@ship-it-ui/icons");
+var import_ui29 = require("@ship-it-ui/ui");
+var import_react25 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var statusDot = {
   connected: "ok",
   syncing: "sync",
@@ -1279,7 +1452,7 @@ var statusLabel = {
   error: "Error",
   disconnected: "Disconnected"
 };
-var ConnectorCard = (0, import_react23.forwardRef)(function ConnectorCard2({
+var ConnectorCard = (0, import_react25.forwardRef)(function ConnectorCard2({
   connector,
   name,
   status,
@@ -1293,21 +1466,21 @@ var ConnectorCard = (0, import_react23.forwardRef)(function ConnectorCard2({
   ...props
 }, ref) {
   const interactive = typeof onClick === "function";
-  const time = lastSyncedAt ? (0, import_ui27.formatRelative)(lastSyncedAt, relativeNow ?? /* @__PURE__ */ new Date()) : "";
-  const labelBlock = /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  const time = lastSyncedAt ? (0, import_ui29.formatRelative)(lastSyncedAt, relativeNow ?? /* @__PURE__ */ new Date()) : "";
+  const labelBlock = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "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__ */ (0, import_jsx_runtime23.jsx)(import_icons.IconGlyph, { name: connector, kind: "connector" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_icons6.DynamicIconGlyph, { name: connector, kind: "connector" })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate text-[14px] font-medium", children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-          import_ui27.StatusDot,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate text-[14px] font-medium", children: name }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          import_ui29.StatusDot,
           {
             state: statusDot[status],
             pulse: status === "syncing",
@@ -1315,21 +1488,21 @@ var ConnectorCard = (0, import_react23.forwardRef)(function ConnectorCard2({
           }
         )
       ] }),
-      (summary || time) && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "text-text-muted mt-[2px] flex items-center gap-2 text-[12px]", children: [
-        summary && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: summary }),
-        summary && time && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": true, className: "text-text-dim", children: "\xB7" }),
-        time && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("time", { className: "text-text-dim font-mono text-[11px]", children: [
+      (summary || time) && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-text-muted mt-[2px] flex items-center gap-2 text-[12px]", children: [
+        summary && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: summary }),
+        summary && time && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": true, className: "text-text-dim", children: "\xB7" }),
+        time && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("time", { className: "text-text-dim font-mono text-[11px]", children: [
           "last synced ",
           time
         ] })
       ] })
     ] })
   ] });
-  const labelRegionClass = (0, import_ui27.cn)(
+  const labelRegionClass = (0, import_ui29.cn)(
     "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__ */ (0, import_jsx_runtime23.jsx)(
+  const labelRegion = interactive ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "button",
     {
       type: "button",
@@ -1338,19 +1511,19 @@ var ConnectorCard = (0, import_react23.forwardRef)(function ConnectorCard2({
       className: labelRegionClass,
       children: labelBlock
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: labelRegionClass, children: labelBlock });
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: labelRegionClass, children: labelBlock });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       ref,
-      className: (0, import_ui27.cn)(
+      className: (0, import_ui29.cn)(
         "rounded-base border-border bg-panel flex items-start gap-2 border p-3",
         className
       ),
       ...props,
       children: [
         labelRegion,
-        actions && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "shrink-0 self-center pr-1", children: actions })
+        actions && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "shrink-0 self-center pr-1", children: actions })
       ]
     }
   );
@@ -1358,12 +1531,13 @@ var ConnectorCard = (0, import_react23.forwardRef)(function ConnectorCard2({
 ConnectorCard.displayName = "ConnectorCard";
 
 // src/data/EntityTable.tsx
-var import_ui28 = require("@ship-it-ui/ui");
-var import_react24 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_icons7 = require("@ship-it-ui/icons");
+var import_ui30 = require("@ship-it-ui/ui");
+var import_react26 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function EntityTable(props) {
   const { rowKey, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ui28.DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_ui30.DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
 }
 function entityColumn(options = {}) {
   return {
@@ -1372,8 +1546,8 @@ function entityColumn(options = {}) {
     accessor: (row) => row.name,
     cell: (row) => {
       const meta = getEntityTypeMeta(row.type);
-      return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "flex items-center gap-2 font-mono", "data-entity-type": row.type, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": true, className: meta.toneClass, children: meta.glyph }),
+      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { className: "flex items-center gap-2 font-mono", "data-entity-type": row.type, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_icons7.DynamicIconGlyph, { name: meta.iconName, size: 14, className: meta.toneClass }),
         row.name
       ] });
     }
@@ -1384,21 +1558,21 @@ function entityTypeColumn(options = {}) {
     key: options.key ?? "type",
     header: options.header ?? "Type",
     accessor: (row) => row.type,
-    cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(EntityBadge, { type: row.type, size: "sm" })
+    cell: (row) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(EntityBadge, { type: row.type, size: "sm" })
   };
 }
 
 // src/notifications/NotifRow.tsx
-var import_ui29 = require("@ship-it-ui/ui");
-var import_react25 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_ui31 = require("@ship-it-ui/ui");
+var import_react27 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var toneClass = {
   ok: "bg-ok",
   warn: "bg-warn",
   err: "bg-err",
   neutral: "bg-accent-text"
 };
-var NotifRow = (0, import_react25.forwardRef)(function NotifRow2({
+var NotifRow = (0, import_react27.forwardRef)(function NotifRow2({
   title,
   body,
   time,
@@ -1411,22 +1585,22 @@ var NotifRow = (0, import_react25.forwardRef)(function NotifRow2({
   onClick,
   ...props
 }, ref) {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-1", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "pt-1", "aria-hidden": true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
-        className: (0, import_ui29.cn)("h-2 w-2 rounded-full", unread ? toneClass[tone] : "bg-border-strong")
+        className: (0, import_ui31.cn)("h-2 w-2 rounded-full", unread ? toneClass[tone] : "bg-border-strong")
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "truncate text-[14px] font-medium tracking-tight", children: title }),
-        time != null && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-baseline justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "truncate text-[14px] font-medium tracking-tight", children: title }),
+        time != null && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-text-muted shrink-0 font-mono text-[11px] whitespace-nowrap", children: time })
       ] }),
-      body && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "text-text-muted mt-[3px] text-[13px] leading-tight", children: body })
+      body && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-text-muted mt-[3px] text-[13px] leading-tight", children: body })
     ] })
   ] });
-  const baseClass = (0, import_ui29.cn)(
+  const baseClass = (0, import_ui31.cn)(
     "flex gap-3 p-[14px] bg-panel border-border border-l border-r",
     isFirst ? "border-t rounded-t-m-card" : "",
     "border-b",
@@ -1435,13 +1609,13 @@ var NotifRow = (0, import_react25.forwardRef)(function NotifRow2({
     className
   );
   if (href) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "a",
       {
         ref,
         href,
         onClick,
-        className: (0, import_ui29.cn)(
+        className: (0, import_ui31.cn)(
           baseClass,
           "text-text focus-visible:ring-accent-dim no-underline outline-none focus-visible:ring-[3px]"
         ),
@@ -1451,13 +1625,13 @@ var NotifRow = (0, import_react25.forwardRef)(function NotifRow2({
     );
   }
   if (onClick) {
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "button",
       {
         type: "button",
         ref,
         onClick,
-        className: (0, import_ui29.cn)(
+        className: (0, import_ui31.cn)(
           baseClass,
           "focus-visible:ring-accent-dim text-left outline-none focus-visible:ring-[3px]"
         ),
@@ -1466,7 +1640,7 @@ var NotifRow = (0, import_react25.forwardRef)(function NotifRow2({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className: baseClass, ...props, children: content });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, className: baseClass, ...props, children: content });
 });
 NotifRow.displayName = "NotifRow";
 // Annotate the CommonJS export names for ESM import in node:
@@ -1477,12 +1651,12 @@ NotifRow.displayName = "NotifRow";
   ConfidenceIndicator,
   ConnectorCard,
   CopilotMessage,
-  ENTITY_GLYPH,
   ENTITY_LABEL,
   ENTITY_TONE_BG,
   ENTITY_TONE_CLASS,
   EntityBadge,
   EntityCard,
+  EntityList,
   EntityListRow,
   EntityListRowButton,
   EntityListRowDiv,
@@ -1500,12 +1674,14 @@ NotifRow.displayName = "NotifRow";
   PricingCard,
   ReasoningBlock,
   ReasoningStep,
+  StalenessChip,
   SuggestionChip,
   Testimonial,
   ToolCallCard,
   cn,
   entityColumn,
   entityTypeColumn,
+  formatAge,
   getEntityTypeMeta,
   listEntityTypes,
   registerEntityType,