@ship-it-ui/shipit 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,13 +1,16 @@
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { useControllableState, Button, Avatar, Badge } from '@ship-it-ui/ui';
-import { forwardRef, useRef, Children } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+'use client';
 
-// src/utils/cn.ts
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
+// src/index.ts
+import { cn as cn21 } from "@ship-it-ui/ui";
+
+// src/ai/AskBar.tsx
+import { Button, useControllableState } from "@ship-it-ui/ui";
+import {
+  forwardRef,
+  useRef
+} from "react";
+import { cn } from "@ship-it-ui/ui";
+import { jsx, jsxs } from "react/jsx-runtime";
 var AskBar = forwardRef(function AskBar2({
   value: valueProp,
   defaultValue,
@@ -104,25 +107,30 @@ var AskBar = forwardRef(function AskBar2({
   );
 });
 AskBar.displayName = "AskBar";
+
+// src/ai/Citation.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { cn as cn2 } from "@ship-it-ui/ui";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var SUPERSCRIPTS = ["\u2070", "\xB9", "\xB2", "\xB3", "\u2074", "\u2075", "\u2076", "\u2077", "\u2078", "\u2079"];
 function toSuperscript(n) {
   return String(n).split("").map((d) => SUPERSCRIPTS[Number(d)] ?? d).join("");
 }
-var Citation = forwardRef(function Citation2({ index, source, meta, inline, className, ...props }, ref) {
+var Citation = forwardRef2(function Citation2({ index, source, meta, inline, className, ...props }, ref) {
   if (inline) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx2(
       "sup",
       {
         ref,
         "aria-label": typeof source === "string" ? `Citation ${index}: ${source}` : `Citation ${index}`,
-        className: cn("text-accent ml-[2px] font-mono text-[10px]", className),
+        className: cn2("text-accent ml-[2px] font-mono text-[10px]", className),
         ...props,
         children: toSuperscript(index)
       }
     );
   }
-  return /* @__PURE__ */ jsxs("span", { ref, className: cn("inline-flex items-center gap-2", className), ...props, children: [
-    /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs2("span", { ref, className: cn2("inline-flex items-center gap-2", className), ...props, children: [
+    /* @__PURE__ */ jsx2(
       "span",
       {
         "aria-hidden": true,
@@ -130,17 +138,22 @@ var Citation = forwardRef(function Citation2({ index, source, meta, inline, clas
         children: toSuperscript(index)
       }
     ),
-    /* @__PURE__ */ jsxs("span", { className: "text-text-muted text-[12px]", children: [
-      source != null && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs2("span", { className: "text-text-muted text-[12px]", children: [
+      source != null && /* @__PURE__ */ jsxs2(Fragment, { children: [
         "from ",
         source
       ] }),
-      source != null && meta != null && /* @__PURE__ */ jsx("span", { className: "text-text-dim", children: " \xB7 " }),
+      source != null && meta != null && /* @__PURE__ */ jsx2("span", { className: "text-text-dim", children: " \xB7 " }),
       meta
     ] })
   ] });
 });
 Citation.displayName = "Citation";
+
+// src/ai/ConfidenceIndicator.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { cn as cn3 } from "@ship-it-ui/ui";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var tierLabel = {
   high: "High",
   medium: "Medium",
@@ -165,12 +178,12 @@ function deriveTier(value) {
   if (value >= 50) return "low";
   return "unverified";
 }
-var ConfidenceIndicator = forwardRef(
+var ConfidenceIndicator = forwardRef3(
   function ConfidenceIndicator2({ value, tier: tierProp, label, width = 120, hideValue, className, ...props }, ref) {
     const tier = tierProp ?? deriveTier(value);
     const pct = Math.max(0, Math.min(100, value));
     const display = label ?? tierLabel[tier];
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs3(
       "div",
       {
         ref,
@@ -180,59 +193,65 @@ var ConfidenceIndicator = forwardRef(
         "aria-valuemax": 100,
         "aria-valuenow": Math.round(pct),
         "aria-valuetext": `${Math.round(pct)}% \u2014 ${typeof display === "string" ? display : tierLabel[tier]}`,
-        className: cn("inline-flex items-center gap-[10px] text-[11px]", className),
+        className: cn3("inline-flex items-center gap-[10px] text-[11px]", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, style: { width }, className: "bg-panel-2 h-1 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx3("span", { "aria-hidden": true, style: { width }, className: "bg-panel-2 h-1 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx3(
             "span",
             {
-              className: cn(
+              className: cn3(
                 "block h-full rounded-full transition-[width] duration-(--duration-step)",
                 tierBarClass[tier]
               ),
               style: { width: `${pct}%` }
             }
           ) }),
-          !hideValue && /* @__PURE__ */ jsxs("span", { className: "text-text min-w-[44px] font-mono tabular-nums", children: [
+          !hideValue && /* @__PURE__ */ jsxs3("span", { className: "text-text min-w-[44px] font-mono tabular-nums", children: [
             pct.toFixed(1),
             "%"
           ] }),
-          /* @__PURE__ */ jsx("span", { className: tierTextClass[tier], children: display })
+          /* @__PURE__ */ jsx3("span", { className: tierTextClass[tier], children: display })
         ]
       }
     );
   }
 );
 ConfidenceIndicator.displayName = "ConfidenceIndicator";
-var CopilotMessage = forwardRef(
+
+// src/ai/CopilotMessage.tsx
+import { Avatar } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef4 } from "react";
+import { cn as cn4 } from "@ship-it-ui/ui";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+var CopilotMessage = forwardRef4(
   function CopilotMessage2({ role, avatar, streaming, className, children, ...props }, ref) {
     const isAssistant = role === "assistant";
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs4(
       "div",
       {
         ref,
-        className: cn("flex items-start gap-[10px]", className),
+        className: cn4("flex items-start gap-[10px]", className),
         "data-role": role,
         ...props,
         children: [
-          isAssistant ? /* @__PURE__ */ jsx(
+          isAssistant ? /* @__PURE__ */ jsx4(
             "span",
             {
               "aria-hidden": true,
               className: "bg-accent-dim text-accent grid h-6 w-6 shrink-0 place-items-center rounded-full text-[11px] font-semibold",
               children: "\u2726"
             }
-          ) : typeof avatar === "string" ? /* @__PURE__ */ jsx(Avatar, { size: "sm", name: avatar }) : avatar ?? null,
-          /* @__PURE__ */ jsxs(
+          ) : typeof avatar === "string" ? /* @__PURE__ */ jsx4(Avatar, { size: "sm", name: avatar }) : avatar ?? null,
+          /* @__PURE__ */ jsxs4(
             "div",
             {
-              className: cn(
+              className: cn4(
                 "rounded-base min-w-0 flex-1 px-[14px] py-3 text-[13px] leading-[1.6]",
                 isAssistant ? "bg-panel border-border border" : "bg-panel-2"
               ),
               children: [
                 children,
-                streaming && /* @__PURE__ */ jsx(
+                streaming && /* @__PURE__ */ jsx4(
                   "span",
                   {
                     "aria-hidden": true,
@@ -248,7 +267,13 @@ var CopilotMessage = forwardRef(
   }
 );
 CopilotMessage.displayName = "CopilotMessage";
-var ReasoningBlock = forwardRef(
+
+// src/ai/ReasoningBlock.tsx
+import { useControllableState as useControllableState2 } from "@ship-it-ui/ui";
+import { Children, forwardRef as forwardRef5 } from "react";
+import { cn as cn5 } from "@ship-it-ui/ui";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var ReasoningBlock = forwardRef5(
   function ReasoningBlock2({
     label,
     stepCount,
@@ -260,21 +285,21 @@ var ReasoningBlock = forwardRef(
     children,
     ...props
   }, ref) {
-    const [open, setOpen] = useControllableState({
+    const [open, setOpen] = useControllableState2({
       value: openProp,
       defaultValue: defaultOpen,
       onChange: onOpenChange
     });
     const inferredCount = stepCount ?? Children.count(children);
     const heading = label ?? `Reasoning \xB7 ${inferredCount} step${inferredCount === 1 ? "" : "s"}`;
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs5(
       "div",
       {
         ref,
-        className: cn("border-border bg-panel-2 overflow-hidden rounded-md border", className),
+        className: cn5("border-border bg-panel-2 overflow-hidden rounded-md border", className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs5(
             "button",
             {
               type: "button",
@@ -282,22 +307,22 @@ var ReasoningBlock = forwardRef(
               onClick: () => setOpen(!open),
               className: "focus-visible:ring-accent-dim flex w-full cursor-pointer items-center gap-[10px] border-0 bg-transparent px-[14px] py-[10px] text-left outline-none focus-visible:ring-[3px]",
               children: [
-                /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-text-dim font-mono text-[11px]", children: open ? "\u25BE" : "\u25B8" }),
-                /* @__PURE__ */ jsx("span", { className: "text-[12px] font-medium", children: heading }),
-                duration != null && /* @__PURE__ */ jsx("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: duration })
+                /* @__PURE__ */ jsx5("span", { "aria-hidden": true, className: "text-text-dim font-mono text-[11px]", children: open ? "\u25BE" : "\u25B8" }),
+                /* @__PURE__ */ jsx5("span", { className: "text-[12px] font-medium", children: heading }),
+                duration != null && /* @__PURE__ */ jsx5("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: duration })
               ]
             }
           ),
-          open && /* @__PURE__ */ jsx("div", { className: "border-border text-text-muted border-t px-[14px] py-[10px] pl-9 text-[11px] leading-[1.7]", children })
+          open && /* @__PURE__ */ jsx5("div", { className: "border-border text-text-muted border-t px-[14px] py-[10px] pl-9 text-[11px] leading-[1.7]", children })
         ]
       }
     );
   }
 );
 ReasoningBlock.displayName = "ReasoningBlock";
-var ReasoningStep = forwardRef(function ReasoningStep2({ step, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs("div", { ref, className: cn("mb-[2px] last:mb-0", className), ...props, children: [
-    /* @__PURE__ */ jsxs("span", { className: "text-accent mr-[6px] font-mono", children: [
+var ReasoningStep = forwardRef5(function ReasoningStep2({ step, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs5("div", { ref, className: cn5("mb-[2px] last:mb-0", className), ...props, children: [
+    /* @__PURE__ */ jsxs5("span", { className: "text-accent mr-[6px] font-mono", children: [
       step,
       "."
     ] }),
@@ -305,14 +330,19 @@ var ReasoningStep = forwardRef(function ReasoningStep2({ step, className, childr
   ] });
 });
 ReasoningStep.displayName = "ReasoningStep";
-var SuggestionChip = forwardRef(
+
+// src/ai/SuggestionChip.tsx
+import { forwardRef as forwardRef6 } from "react";
+import { cn as cn6 } from "@ship-it-ui/ui";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+var SuggestionChip = forwardRef6(
   function SuggestionChip2({ glyph = "\u2726", className, children, type, ...props }, ref) {
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs6(
       "button",
       {
         ref,
         type: type ?? "button",
-        className: cn(
+        className: cn6(
           "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",
@@ -321,7 +351,7 @@ var SuggestionChip = forwardRef(
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-accent", children: glyph }),
+          /* @__PURE__ */ jsx6("span", { "aria-hidden": true, className: "text-accent", children: glyph }),
           children
         ]
       }
@@ -329,20 +359,26 @@ var SuggestionChip = forwardRef(
   }
 );
 SuggestionChip.displayName = "SuggestionChip";
-var ToolCallCard = forwardRef(function ToolCallCard2({ name, status, running, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
+
+// src/ai/ToolCallCard.tsx
+import { Badge } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef7 } from "react";
+import { cn as cn7 } from "@ship-it-ui/ui";
+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(
     "div",
     {
       ref,
-      className: cn("border-border bg-panel rounded-md border px-[14px] py-[10px]", className),
+      className: cn7("border-border bg-panel rounded-md border px-[14px] py-[10px]", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[10px]", children: [
-          /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "accent", children: "TOOL" }),
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-[12px] font-medium", children: name }),
-          /* @__PURE__ */ jsx("span", { className: "text-text-dim ml-auto inline-flex items-center font-mono text-[10px]", children: running ? /* @__PURE__ */ jsxs(Fragment, { 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: [
             "running",
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx7(
               "span",
               {
                 "aria-hidden": true,
@@ -351,13 +387,18 @@ var ToolCallCard = forwardRef(function ToolCallCard2({ name, status, running, cl
             )
           ] }) : status })
         ] }),
-        children && /* @__PURE__ */ 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__ */ jsx7("pre", { className: "text-text-muted m-0 mt-[6px] font-mono text-[11px] leading-[1.6] break-words whitespace-pre-wrap", children })
       ]
     }
   );
 });
 ToolCallCard.displayName = "ToolCallCard";
 
+// src/entity/EntityBadge.tsx
+import { Badge as Badge2 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef8 } from "react";
+import { cn as cn8 } from "@ship-it-ui/ui";
+
 // src/entity/types.ts
 var ENTITY_GLYPH = {
   service: "\u25C7",
@@ -391,6 +432,9 @@ var ENTITY_TONE_BG = {
   incident: "bg-[color-mix(in_oklab,var(--color-err),transparent_85%)]",
   ticket: "bg-[color-mix(in_oklab,var(--color-warn),transparent_85%)]"
 };
+
+// src/entity/EntityBadge.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var typeVariant = {
   service: "accent",
   person: "neutral",
@@ -399,13 +443,18 @@ var typeVariant = {
   incident: "err",
   ticket: "warn"
 };
-var EntityBadge = forwardRef(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(Badge, { ref, variant: typeVariant[type], className: cn(className), ...props, children: [
-    !hideGlyph && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "font-mono", children: ENTITY_GLYPH[type] }),
+var EntityBadge = forwardRef8(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs8(Badge2, { ref, variant: typeVariant[type], className: cn8(className), ...props, children: [
+    !hideGlyph && /* @__PURE__ */ jsx8("span", { "aria-hidden": true, className: "font-mono", children: ENTITY_GLYPH[type] }),
     children ?? label ?? ENTITY_LABEL[type]
   ] });
 });
 EntityBadge.displayName = "EntityBadge";
+
+// src/entity/EntityCard.tsx
+import { forwardRef as forwardRef9 } from "react";
+import { cn as cn9 } from "@ship-it-ui/ui";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var statToneClass = {
   accent: "text-accent",
   ok: "text-ok",
@@ -413,23 +462,23 @@ var statToneClass = {
   err: "text-err",
   muted: "text-text-muted"
 };
-var EntityCard = forwardRef(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
+var EntityCard = forwardRef9(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       ref,
-      className: cn(
+      className: cn9(
         "rounded-base border-border bg-panel flex flex-col gap-3 border p-5",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-3", children: [
+          /* @__PURE__ */ jsx9(
             "span",
             {
               "aria-hidden": true,
-              className: cn(
+              className: cn9(
                 "rounded-base grid h-12 w-12 shrink-0 place-items-center text-[20px]",
                 ENTITY_TONE_BG[type],
                 ENTITY_TONE_CLASS[type]
@@ -437,27 +486,27 @@ var EntityCard = forwardRef(function EntityCard2({ type, title, subtitle, descri
               children: glyph ?? ENTITY_GLYPH[type]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-              /* @__PURE__ */ jsx(EntityBadge, { type, size: "sm" }),
-              subtitle && /* @__PURE__ */ jsx("span", { className: "text-text-dim font-mono text-[11px]", children: subtitle })
+          /* @__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__ */ jsx("div", { className: "mt-1 truncate font-mono text-[18px] font-medium tracking-tight", children: title }),
-            description && /* @__PURE__ */ jsx("div", { className: "text-text-muted mt-1 text-[13px] leading-[1.5]", children: description })
+            /* @__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 })
           ] }),
-          actions && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: actions })
+          actions && /* @__PURE__ */ jsx9("div", { className: "shrink-0", children: actions })
         ] }),
-        stats && stats.length > 0 && /* @__PURE__ */ jsx(
+        stats && stats.length > 0 && /* @__PURE__ */ jsx9(
           "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__ */ jsxs("div", { className: "px-4 py-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.3px] uppercase", children: stat.label }),
-              /* @__PURE__ */ jsx(
+            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(
                 "div",
                 {
-                  className: cn(
+                  className: cn9(
                     "mt-1 text-[16px] font-medium tracking-tight",
                     stat.tone ? statToneClass[stat.tone] : "text-text"
                   ),
@@ -472,50 +521,112 @@ var EntityCard = forwardRef(function EntityCard2({ type, title, subtitle, descri
   );
 });
 EntityCard.displayName = "EntityCard";
-var EntityListRow = forwardRef(function EntityListRow2({ type, name, relation, meta, onClick, hideGlyph, className, ...props }, ref) {
-  const interactive = typeof onClick === "function";
-  const baseClass = 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
-  );
-  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    !hideGlyph && /* @__PURE__ */ jsx(
+
+// src/entity/EntityListRow.tsx
+import {
+  forwardRef as forwardRef10
+} from "react";
+import { cn as cn10 } from "@ship-it-ui/ui";
+import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+var baseClassNames = (interactive, className) => cn10(
+  "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
+);
+function RowInner({
+  type,
+  name,
+  relation,
+  meta,
+  hideGlyph
+}) {
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    !hideGlyph && /* @__PURE__ */ jsx10(
       "span",
       {
         "aria-hidden": true,
-        className: cn("font-mono text-[14px] leading-none", ENTITY_TONE_CLASS[type]),
+        className: cn10("font-mono text-[14px] leading-none", ENTITY_TONE_CLASS[type]),
         children: ENTITY_GLYPH[type]
       }
     ),
-    /* @__PURE__ */ jsx("span", { className: "text-text min-w-0 flex-1 truncate font-mono text-[12px]", children: name }),
-    relation && /* @__PURE__ */ 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__ */ jsx("span", { className: "text-text-dim font-mono text-[10px]", children: meta })
+    /* @__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 })
   ] });
-  if (interactive) {
-    return /* @__PURE__ */ jsx(
+}
+var EntityListRowDiv = forwardRef10(
+  function EntityListRowDiv2({ type, name, relation, meta, hideGlyph, className, ...props }, ref) {
+    return /* @__PURE__ */ jsx10("div", { ref, className: baseClassNames(false, className), ...props, children: /* @__PURE__ */ jsx10(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(
       "button",
       {
         ref,
         type: "button",
         onClick,
-        className: baseClass,
+        className: baseClassNames(true, className),
         ...props,
-        children: inner
+        children: /* @__PURE__ */ jsx10(RowInner, { type, name, relation, meta, hideGlyph })
       }
     );
   }
-  return /* @__PURE__ */ jsx("div", { ref, className: baseClass, ...props, children: inner });
-});
+);
+EntityListRowButton.displayName = "EntityListRowButton";
+function EntityListRow({
+  type,
+  name,
+  relation,
+  meta,
+  hideGlyph,
+  onClick,
+  className,
+  ...props
+}) {
+  if (typeof onClick === "function") {
+    return /* @__PURE__ */ jsx10(
+      EntityListRowButton,
+      {
+        type,
+        name,
+        relation,
+        meta,
+        hideGlyph,
+        onClick,
+        className,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx10(
+    EntityListRowDiv,
+    {
+      type,
+      name,
+      relation,
+      meta,
+      hideGlyph,
+      className,
+      ...props
+    }
+  );
+}
 EntityListRow.displayName = "EntityListRow";
+
+// src/graph/GraphEdge.tsx
+import { forwardRef as forwardRef11 } from "react";
+import { jsx as jsx11 } 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 = forwardRef(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyle = "solid", color, arrowheadId, ...props }, ref) {
+var GraphEdge = forwardRef11(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyle = "solid", color, arrowheadId, ...props }, ref) {
   const base = styleProps[edgeStyle];
   const stroke = color ?? base.stroke;
   const sharedProps = {
@@ -528,7 +639,7 @@ var GraphEdge = forwardRef(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyl
     ...props
   };
   if (curve) {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx11(
       "path",
       {
         ref,
@@ -537,10 +648,15 @@ var GraphEdge = forwardRef(function GraphEdge2({ x1, y1, x2, y2, curve, edgeStyl
       }
     );
   }
-  return /* @__PURE__ */ jsx("line", { ref, x1, y1, x2, y2, ...sharedProps });
+  return /* @__PURE__ */ jsx11("line", { ref, x1, y1, x2, y2, ...sharedProps });
 });
 GraphEdge.displayName = "GraphEdge";
-var GraphInspector = forwardRef(
+
+// src/graph/GraphInspector.tsx
+import { forwardRef as forwardRef12 } from "react";
+import { cn as cn11 } from "@ship-it-ui/ui";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var GraphInspector = forwardRef12(
   function GraphInspector2({
     type,
     entityId,
@@ -553,47 +669,47 @@ var GraphInspector = forwardRef(
     ...props
   }, ref) {
     const total = relationCount ?? relations?.length ?? 0;
-    return /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsxs11(
       "aside",
       {
         ref,
         "aria-label": typeof title === "string" ? `${title} inspector` : "Node inspector",
-        className: cn(
+        className: cn11(
           "rounded-base border-border bg-panel flex w-[340px] flex-col gap-3 border p-4",
           className
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ jsx(EntityBadge, { type, size: "sm" }),
-            entityId && /* @__PURE__ */ jsx("span", { className: "text-text-dim ml-auto font-mono text-[10px]", children: entityId })
+          /* @__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__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-[17px] font-medium", children: title }),
-            description && /* @__PURE__ */ jsx("div", { className: "text-text-muted mt-[2px] text-[12px]", children: description })
+          /* @__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 })
           ] }),
-          properties && properties.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsx("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: "Properties" }),
-            /* @__PURE__ */ jsx("dl", { className: "m-0 flex flex-col gap-1 font-mono text-[11px]", children: properties.map((p, i) => /* @__PURE__ */ jsxs(
+          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(
               "div",
               {
-                className: cn("border-border flex py-1", i < properties.length - 1 && "border-b"),
+                className: cn11("border-border flex py-1", i < properties.length - 1 && "border-b"),
                 children: [
-                  /* @__PURE__ */ jsx("dt", { className: "text-text-dim w-[70px]", children: p.key }),
-                  /* @__PURE__ */ jsx("dd", { className: "m-0 flex-1", children: p.value })
+                  /* @__PURE__ */ jsx12("dt", { className: "text-text-dim w-[70px]", children: p.key }),
+                  /* @__PURE__ */ jsx12("dd", { className: "m-0 flex-1", children: p.value })
                 ]
               },
               i
             )) })
           ] }),
-          relations && relations.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
-            /* @__PURE__ */ jsxs("div", { className: "text-text-dim mb-2 font-mono text-[9px] tracking-[1.4px] uppercase", children: [
+          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 \xB7 ",
               total
             ] }),
-            /* @__PURE__ */ jsx("ul", { className: "m-0 flex list-none flex-col gap-1 p-0 text-[11px]", children: relations.map((r, i) => /* @__PURE__ */ jsxs("li", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-dim w-[100px] font-mono", children: r.relation }),
-              /* @__PURE__ */ jsx("span", { children: r.entity })
+            /* @__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 })
             ] }, i)) })
           ] })
         ]
@@ -602,6 +718,11 @@ var GraphInspector = forwardRef(
   }
 );
 GraphInspector.displayName = "GraphInspector";
+
+// src/graph/GraphLegend.tsx
+import { forwardRef as forwardRef13 } from "react";
+import { cn as cn12 } from "@ship-it-ui/ui";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var typeColorVar = {
   service: "var(--color-accent)",
   person: "var(--color-purple)",
@@ -615,23 +736,23 @@ var DEFAULT_ENTRIES = [
   { type: "person", label: ENTITY_LABEL.person },
   { type: "document", label: ENTITY_LABEL.document }
 ];
-var GraphLegend = forwardRef(function GraphLegend2({ entries = DEFAULT_ENTRIES, heading = "Legend", className, children, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
+var GraphLegend = forwardRef13(function GraphLegend2({ entries = DEFAULT_ENTRIES, heading = "Legend", className, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       ref,
-      className: cn(
+      className: cn12(
         "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__ */ jsx("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: heading }),
+        heading && /* @__PURE__ */ jsx13("div", { className: "text-text-dim font-mono text-[9px] tracking-[1.4px] uppercase", children: heading }),
         children ?? entries.map((entry, i) => {
           const color = entry.color ?? (entry.type ? typeColorVar[entry.type] : "currentColor");
-          return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[6px]", children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "h-2 w-2 rounded-full", style: { background: color } }),
-            /* @__PURE__ */ jsx("span", { children: entry.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: entry.label })
           ] }, i);
         })
       ]
@@ -639,21 +760,26 @@ var GraphLegend = forwardRef(function GraphLegend2({ entries = DEFAULT_ENTRIES,
   );
 });
 GraphLegend.displayName = "GraphLegend";
-var GraphMinimap = forwardRef(function GraphMinimap2({ points, viewport, width = 120, height = 72, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
+
+// src/graph/GraphMinimap.tsx
+import { forwardRef as forwardRef14 } from "react";
+import { cn as cn13 } from "@ship-it-ui/ui";
+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(
     "div",
     {
       ref,
       role: "img",
       "aria-label": "Graph minimap",
-      className: cn(
+      className: cn13(
         "border-border bg-panel/85 relative rounded-md border p-1 backdrop-blur-[8px]",
         className
       ),
       style: { width, height },
       ...props,
-      children: /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full", children: [
-        points.map((p, i) => /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsxs13("div", { className: "relative h-full w-full", children: [
+        points.map((p, i) => /* @__PURE__ */ jsx14(
           "span",
           {
             "aria-hidden": true,
@@ -666,17 +792,18 @@ var GraphMinimap = forwardRef(function GraphMinimap2({ points, viewport, width =
           },
           i
         )),
-        viewport && /* @__PURE__ */ jsx(
+        viewport && /* @__PURE__ */ jsx14(
           "span",
           {
             "aria-hidden": true,
+            "data-testid": "minimap-viewport",
             className: "border-accent absolute rounded-[2px] border",
             style: {
               left: `${viewport.x * 100}%`,
               top: `${viewport.y * 100}%`,
               width: `${viewport.width * 100}%`,
               height: `${viewport.height * 100}%`,
-              background: "oklch(0.8 0.12 200 / 0.12)"
+              background: "var(--color-accent-glow)"
             }
           }
         )
@@ -685,6 +812,11 @@ var GraphMinimap = forwardRef(function GraphMinimap2({ points, viewport, width =
   );
 });
 GraphMinimap.displayName = "GraphMinimap";
+
+// src/graph/GraphNode.tsx
+import { forwardRef as forwardRef15 } from "react";
+import { cn as cn14 } from "@ship-it-ui/ui";
+import { jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 var typeColorVar2 = {
   service: "var(--color-accent)",
   person: "var(--color-purple)",
@@ -693,12 +825,12 @@ var typeColorVar2 = {
   incident: "var(--color-warn)",
   ticket: "var(--color-text-muted)"
 };
-var GraphNode = forwardRef(function GraphNode2({ type, state = "default", glyph, label, size = 52, pathColor, className, style, ...props }, ref) {
+var GraphNode = forwardRef15(function GraphNode2({ type, state = "default", glyph, label, size = 52, pathColor, className, style, ...props }, ref) {
   const color = state === "path" ? pathColor ?? "var(--color-purple)" : typeColorVar2[type];
-  const glowAlpha = state === "hover" ? "80" : "40";
+  const glowPct = state === "hover" ? 50 : 25;
   const opacity = state === "dim" ? 0.35 : 1;
   const showRing = state === "selected" || state === "path";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       ref,
@@ -706,11 +838,11 @@ var GraphNode = forwardRef(function GraphNode2({ type, state = "default", glyph,
       "aria-label": typeof label === "string" ? label : `${type} node`,
       "data-state": state,
       "data-entity-type": type,
-      className: cn("inline-flex flex-col items-center gap-[6px]", className),
+      className: cn14("inline-flex flex-col items-center gap-[6px]", className),
       style,
       ...props,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx15(
           "div",
           {
             className: "bg-panel grid place-items-center rounded-[14px] border-[1.5px] transition-all duration-(--duration-micro)",
@@ -720,7 +852,7 @@ var GraphNode = forwardRef(function GraphNode2({ type, state = "default", glyph,
               borderColor: color,
               color,
               fontSize: Math.round(size * 0.42),
-              boxShadow: `0 0 ${state === "hover" ? 30 : 20}px ${color}${glowAlpha}`,
+              boxShadow: `0 0 ${state === "hover" ? 30 : 20}px color-mix(in oklab, ${color} ${glowPct}%, transparent)`,
               outline: showRing ? `2px solid ${color}` : void 0,
               outlineOffset: showRing ? 4 : void 0,
               opacity
@@ -728,17 +860,21 @@ var GraphNode = forwardRef(function GraphNode2({ type, state = "default", glyph,
             children: glyph ?? ENTITY_GLYPH[type]
           }
         ),
-        label && /* @__PURE__ */ jsx("span", { className: "text-text-dim font-mono text-[10px]", children: label })
+        label && /* @__PURE__ */ jsx15("span", { className: "text-text-dim font-mono text-[10px]", children: label })
       ]
     }
   );
 });
 GraphNode.displayName = "GraphNode";
-var PathOverlay = forwardRef(function PathOverlay2({ points, color = "var(--color-purple)", width = 2.5, halo = true, ...props }, ref) {
+
+// 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) {
   if (points.length < 2) return null;
   const coords = points.map((p) => `${p.x},${p.y}`).join(" ");
-  return /* @__PURE__ */ jsxs("g", { ref, ...props, children: [
-    halo && /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs15("g", { ref, ...props, children: [
+    halo && /* @__PURE__ */ jsx16(
       "polyline",
       {
         points: coords,
@@ -750,7 +886,7 @@ var PathOverlay = forwardRef(function PathOverlay2({ points, color = "var(--colo
         opacity: 0.65
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx16(
       "polyline",
       {
         points: coords,
@@ -764,54 +900,69 @@ var PathOverlay = forwardRef(function PathOverlay2({ points, color = "var(--colo
   ] });
 });
 PathOverlay.displayName = "PathOverlay";
-var CTAStrip = forwardRef(function CTAStrip2({ title, description, actions, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
+
+// src/marketing/CTAStrip.tsx
+import { forwardRef as forwardRef17 } from "react";
+import { cn as cn15 } from "@ship-it-ui/ui";
+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(
     "section",
     {
       ref,
-      className: cn(
+      className: cn15(
         "rounded-xl px-10 py-12 text-center",
-        "bg-[linear-gradient(135deg,oklch(0.2_0.08_260),oklch(0.16_0.06_300))]",
+        "bg-[linear-gradient(135deg,var(--color-cta-from),var(--color-cta-to))]",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("h2", { className: "m-0 mb-[10px] text-[28px] font-medium tracking-[-0.4px]", children: title }),
-        description && /* @__PURE__ */ jsx("p", { className: "text-text-muted m-0 mb-5 text-[13px]", children: description }),
-        actions && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-2", children: actions })
+        /* @__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 })
       ]
     }
   );
 });
 CTAStrip.displayName = "CTAStrip";
+
+// src/marketing/FeatureGrid.tsx
+import { forwardRef as forwardRef18 } from "react";
+import { cn as cn16 } from "@ship-it-ui/ui";
+import { jsx as jsx18, jsxs as jsxs17 } 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 = forwardRef(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
+var FeatureGrid = forwardRef18(function FeatureGrid2({ features, columns = 3, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       ref,
-      className: cn("grid grid-cols-1 gap-3", colsClass[columns], className),
+      className: cn16("grid grid-cols-1 gap-3", colsClass[columns], className),
       ...props,
-      children: features.map((f, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-base border-border bg-panel border p-5", children: [
-        /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "text-accent mb-3 text-[22px]", children: f.glyph }),
-        /* @__PURE__ */ jsx("div", { className: "mb-[6px] text-[14px] font-medium", children: f.title }),
-        /* @__PURE__ */ jsx("div", { className: "text-text-muted text-[12px] leading-[1.55]", children: f.description })
+      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 })
       ] }, i))
     }
   );
 });
 FeatureGrid.displayName = "FeatureGrid";
-var Footer = forwardRef(function Footer2({ brand, columns, copyright, closing, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs("footer", { ref, className: cn("px-7 py-7", className), ...props, children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-7 flex flex-wrap gap-8", children: [
-      brand && /* @__PURE__ */ jsx("div", { children: brand }),
-      /* @__PURE__ */ jsx("div", { className: "text-text-muted ml-auto flex flex-wrap gap-6 text-[12px]", children: columns.map((col, i) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[6px]", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-text-dim font-mono text-[10px] tracking-[1.2px] uppercase", children: col.heading }),
-        col.links.map((link, j) => /* @__PURE__ */ jsx(
+
+// src/marketing/Footer.tsx
+import { forwardRef as forwardRef19 } from "react";
+import { cn as cn17 } from "@ship-it-ui/ui";
+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(
           "a",
           {
             href: link.href,
@@ -822,92 +973,111 @@ var Footer = forwardRef(function Footer2({ brand, columns, copyright, closing, c
         ))
       ] }, i)) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "border-border text-text-dim flex border-t pt-4 font-mono text-[11px]", children: [
-      copyright && /* @__PURE__ */ jsx("span", { children: copyright }),
-      closing && /* @__PURE__ */ jsx("span", { className: "ml-auto", children: closing })
+    /* @__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 })
     ] })
   ] });
 });
 Footer.displayName = "Footer";
-var Hero = forwardRef(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
+
+// src/marketing/Hero.tsx
+import { forwardRef as forwardRef20 } from "react";
+import { cn as cn18 } from "@ship-it-ui/ui";
+import { jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+var Hero = forwardRef20(function Hero2({ eyebrow, title, description, actions, visual, className, ...props }, ref) {
   const hasVisual = visual != null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs19(
     "section",
     {
       ref,
-      className: cn(
+      className: cn18(
         "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__ */ jsxs("div", { className: cn("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
+        /* @__PURE__ */ jsxs19("div", { className: cn18("max-w-[680px]", !hasVisual && "mx-auto text-center"), children: [
           eyebrow,
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx20(
             "h1",
             {
-              className: cn(
+              className: cn18(
                 "mb-4 text-[44px] leading-[1.05] font-medium tracking-[-1.6px] md:text-[56px]",
                 eyebrow && "mt-5"
               ),
               children: title
             }
           ),
-          description && /* @__PURE__ */ jsx("p", { className: "text-text-muted mb-7 text-[17px] leading-[1.6]", children: description }),
-          actions && /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap gap-2", !hasVisual && "justify-center"), children: actions })
+          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 })
         ] }),
-        visual && /* @__PURE__ */ jsx("div", { className: "flex-1", children: visual })
+        visual && /* @__PURE__ */ jsx20("div", { className: "flex-1", children: visual })
       ]
     }
   );
 });
 Hero.displayName = "Hero";
-var PricingCard = forwardRef(function PricingCard2({ tier, price, description, features, action, featured, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
+
+// src/marketing/PricingCard.tsx
+import { forwardRef as forwardRef21 } from "react";
+import { cn as cn19 } from "@ship-it-ui/ui";
+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(
     "div",
     {
       ref,
-      className: cn(
-        "bg-panel flex flex-col gap-5 rounded-lg border p-6",
+      className: cn19(
+        "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__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-[14px] font-medium", children: tier }),
-            featured && /* @__PURE__ */ jsx("span", { className: "bg-accent-dim text-accent rounded-full px-[6px] py-[1px] font-mono text-[10px]", children: "recommended" })
+        /* @__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" })
           ] }),
-          description && /* @__PURE__ */ jsx("div", { className: "text-text-muted text-[12px]", children: description })
+          description && /* @__PURE__ */ jsx21("div", { className: "text-text-muted text-[12px]", children: description })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "font-mono text-[28px] font-medium tracking-[-0.5px]", children: price }),
-        /* @__PURE__ */ jsx("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: features.map((f, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2 text-[13px]", children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-accent", children: "\u2713" }),
-          /* @__PURE__ */ jsx("span", { children: f })
+        /* @__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__ */ 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 })
         ] }, i)) }),
-        action && /* @__PURE__ */ jsx("div", { className: "mt-auto", children: action })
+        action && /* @__PURE__ */ jsx21("div", { className: "mt-auto", children: action })
       ]
     }
   );
 });
 PricingCard.displayName = "PricingCard";
-var Testimonial = forwardRef(function Testimonial2({ quote, author, role, avatar, className, ...props }, ref) {
-  return /* @__PURE__ */ jsxs(
+
+// src/marketing/Testimonial.tsx
+import { Avatar as Avatar2 } from "@ship-it-ui/ui";
+import { forwardRef as forwardRef22 } from "react";
+import { cn as cn20 } from "@ship-it-ui/ui";
+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(
     "figure",
     {
       ref,
-      className: cn("mx-auto max-w-[620px] px-6 py-10 text-center", className),
+      className: cn20("mx-auto max-w-[620px] px-6 py-10 text-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "text-accent mb-4 text-[40px] leading-none", children: "\u201C" }),
-        /* @__PURE__ */ jsx("blockquote", { className: "m-0 text-[22px] leading-[1.45] font-medium tracking-[-0.3px]", children: quote }),
-        /* @__PURE__ */ jsxs("figcaption", { className: "mt-5 flex items-center justify-center gap-[10px]", children: [
-          typeof avatar === "string" ? /* @__PURE__ */ jsx(Avatar, { size: "md", name: avatar }) : avatar,
-          /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-[13px] font-medium", children: author }),
-            role && /* @__PURE__ */ jsx("div", { className: "text-text-dim text-[11px]", children: role })
+        /* @__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 })
           ] })
         ] })
       ]
@@ -916,6 +1086,66 @@ var Testimonial = forwardRef(function Testimonial2({ quote, author, role, avatar
 });
 Testimonial.displayName = "Testimonial";
 
-export { AskBar, CTAStrip, Citation, ConfidenceIndicator, CopilotMessage, ENTITY_GLYPH, ENTITY_LABEL, ENTITY_TONE_BG, ENTITY_TONE_CLASS, EntityBadge, EntityCard, EntityListRow, FeatureGrid, Footer, GraphEdge, GraphInspector, GraphLegend, GraphMinimap, GraphNode, Hero, PathOverlay, PricingCard, ReasoningBlock, ReasoningStep, SuggestionChip, Testimonial, ToolCallCard, cn };
-//# sourceMappingURL=index.js.map
+// src/data/EntityTable.tsx
+import { DataTable } from "@ship-it-ui/ui";
+import "react";
+import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+function EntityTable(props) {
+  const { rowKey, ...rest } = props;
+  return /* @__PURE__ */ jsx23(DataTable, { ...rest, rowKey: rowKey ?? ((row) => row.id) });
+}
+function entityColumn(options = {}) {
+  return {
+    key: options.key ?? "name",
+    header: options.header ?? "Name",
+    accessor: (row) => row.name,
+    cell: (row) => /* @__PURE__ */ jsxs22("span", { className: "flex items-center gap-2 font-mono", children: [
+      /* @__PURE__ */ jsx23("span", { "aria-hidden": true, className: ENTITY_TONE_CLASS[row.type], children: ENTITY_GLYPH[row.type] }),
+      row.name
+    ] })
+  };
+}
+function entityTypeColumn(options = {}) {
+  return {
+    key: options.key ?? "type",
+    header: options.header ?? "Type",
+    accessor: (row) => row.type,
+    cell: (row) => /* @__PURE__ */ jsx23(EntityBadge, { type: row.type, size: "sm" })
+  };
+}
+export {
+  AskBar,
+  CTAStrip,
+  Citation,
+  ConfidenceIndicator,
+  CopilotMessage,
+  ENTITY_GLYPH,
+  ENTITY_LABEL,
+  ENTITY_TONE_BG,
+  ENTITY_TONE_CLASS,
+  EntityBadge,
+  EntityCard,
+  EntityListRow,
+  EntityListRowButton,
+  EntityListRowDiv,
+  EntityTable,
+  FeatureGrid,
+  Footer,
+  GraphEdge,
+  GraphInspector,
+  GraphLegend,
+  GraphMinimap,
+  GraphNode,
+  Hero,
+  PathOverlay,
+  PricingCard,
+  ReasoningBlock,
+  ReasoningStep,
+  SuggestionChip,
+  Testimonial,
+  ToolCallCard,
+  cn21 as cn,
+  entityColumn,
+  entityTypeColumn
+};
 //# sourceMappingURL=index.js.map