@ship-it-ui/shipit 0.0.2 → 0.0.4

package/dist/index.cjs

@@ -26,6 +26,7 @@ __export(index_exports, {
   CTAStrip: () => CTAStrip,
   Citation: () => Citation,
   ConfidenceIndicator: () => ConfidenceIndicator,
+  ConnectorCard: () => ConnectorCard,
   CopilotMessage: () => CopilotMessage,
   ENTITY_GLYPH: () => ENTITY_GLYPH,
   ENTITY_LABEL: () => ENTITY_LABEL,
@@ -36,6 +37,7 @@ __export(index_exports, {
   EntityListRow: () => EntityListRow,
   EntityListRowButton: () => EntityListRowButton,
   EntityListRowDiv: () => EntityListRowDiv,
+  EntityTable: () => EntityTable,
   FeatureGrid: () => FeatureGrid,
   Footer: () => Footer,
   GraphEdge: () => GraphEdge,
@@ -51,15 +53,22 @@ __export(index_exports, {
   SuggestionChip: () => SuggestionChip,
   Testimonial: () => Testimonial,
   ToolCallCard: () => ToolCallCard,
-  cn: () => import_ui27.cn
+  cn: () => import_ui29.cn,
+  entityColumn: () => entityColumn,
+  entityTypeColumn: () => entityTypeColumn,
+  getEntityTypeMeta: () => getEntityTypeMeta,
+  listEntityTypes: () => listEntityTypes,
+  registerEntityType: () => registerEntityType,
+  registerEntityTypes: () => registerEntityTypes,
+  resetEntityTypeRegistry: () => resetEntityTypeRegistry
 });
 module.exports = __toCommonJS(index_exports);
-var import_ui27 = require("@ship-it-ui/ui");
+var import_ui29 = require("@ship-it-ui/ui");
 
 // src/ai/AskBar.tsx
 var import_ui = require("@ship-it-ui/ui");
-var import_react = require("react");
 var import_ui2 = require("@ship-it-ui/ui");
+var import_react = require("react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var AskBar = (0, import_react.forwardRef)(function AskBar2({
   value: valueProp,
@@ -159,8 +168,8 @@ var AskBar = (0, import_react.forwardRef)(function AskBar2({
 AskBar.displayName = "AskBar";
 
 // src/ai/Citation.tsx
-var import_react2 = require("react");
 var import_ui3 = require("@ship-it-ui/ui");
+var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var SUPERSCRIPTS = ["\u2070", "\xB9", "\xB2", "\xB3", "\u2074", "\u2075", "\u2076", "\u2077", "\u2078", "\u2079"];
 function toSuperscript(n) {
@@ -201,8 +210,8 @@ var Citation = (0, import_react2.forwardRef)(function Citation2({ index, source,
 Citation.displayName = "Citation";
 
 // src/ai/ConfidenceIndicator.tsx
-var import_react3 = require("react");
 var import_ui4 = require("@ship-it-ui/ui");
+var import_react3 = require("react");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var tierLabel = {
   high: "High",
@@ -270,8 +279,8 @@ ConfidenceIndicator.displayName = "ConfidenceIndicator";
 
 // src/ai/CopilotMessage.tsx
 var import_ui5 = require("@ship-it-ui/ui");
-var import_react4 = require("react");
 var import_ui6 = require("@ship-it-ui/ui");
+var import_react4 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var CopilotMessage = (0, import_react4.forwardRef)(
   function CopilotMessage2({ role, avatar, streaming, className, children, ...props }, ref) {
@@ -320,8 +329,8 @@ CopilotMessage.displayName = "CopilotMessage";
 
 // src/ai/ReasoningBlock.tsx
 var import_ui7 = require("@ship-it-ui/ui");
-var import_react5 = require("react");
 var import_ui8 = require("@ship-it-ui/ui");
+var import_react5 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var ReasoningBlock = (0, import_react5.forwardRef)(
   function ReasoningBlock2({
@@ -382,8 +391,8 @@ var ReasoningStep = (0, import_react5.forwardRef)(function ReasoningStep2({ step
 ReasoningStep.displayName = "ReasoningStep";
 
 // src/ai/SuggestionChip.tsx
-var import_react6 = require("react");
 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)(
   function SuggestionChip2({ glyph = "\u2726", className, children, type, ...props }, ref) {
@@ -412,8 +421,8 @@ SuggestionChip.displayName = "SuggestionChip";
 
 // src/ai/ToolCallCard.tsx
 var import_ui10 = require("@ship-it-ui/ui");
-var import_react7 = require("react");
 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)(
@@ -446,64 +455,140 @@ ToolCallCard.displayName = "ToolCallCard";
 
 // src/entity/EntityBadge.tsx
 var import_ui12 = require("@ship-it-ui/ui");
-var import_react8 = require("react");
 var import_ui13 = require("@ship-it-ui/ui");
+var import_react8 = require("react");
 
 // src/entity/types.ts
+var BUILTIN_META = {
+  service: {
+    glyph: "\u25C7",
+    label: "Service",
+    toneClass: "text-accent",
+    toneBg: "bg-accent-dim",
+    colorVar: "var(--color-accent)",
+    badgeVariant: "accent"
+  },
+  person: {
+    glyph: "\u25CB",
+    label: "Person",
+    toneClass: "text-text-muted",
+    toneBg: "bg-panel-2",
+    colorVar: "var(--color-purple)",
+    badgeVariant: "neutral"
+  },
+  document: {
+    glyph: "\u25A4",
+    label: "Document",
+    toneClass: "text-purple",
+    toneBg: "bg-[color-mix(in_oklab,var(--color-purple),transparent_85%)]",
+    colorVar: "var(--color-pink)",
+    badgeVariant: "purple"
+  },
+  deployment: {
+    glyph: "\u2191",
+    label: "Deployment",
+    toneClass: "text-ok",
+    toneBg: "bg-[color-mix(in_oklab,var(--color-ok),transparent_85%)]",
+    colorVar: "var(--color-ok)",
+    badgeVariant: "ok"
+  },
+  incident: {
+    glyph: "\u25CE",
+    label: "Incident",
+    toneClass: "text-err",
+    toneBg: "bg-[color-mix(in_oklab,var(--color-err),transparent_85%)]",
+    colorVar: "var(--color-warn)",
+    badgeVariant: "err"
+  },
+  ticket: {
+    glyph: "\u25A2",
+    label: "Ticket",
+    toneClass: "text-warn",
+    toneBg: "bg-[color-mix(in_oklab,var(--color-warn),transparent_85%)]",
+    colorVar: "var(--color-text-muted)",
+    badgeVariant: "warn"
+  }
+};
+var FALLBACK = BUILTIN_META.service;
+var registry = new Map(Object.entries(BUILTIN_META));
+function registerEntityType(type, meta) {
+  registry.set(type, meta);
+  return meta;
+}
+function registerEntityTypes(map) {
+  for (const [key, meta] of Object.entries(map)) {
+    registry.set(key, meta);
+  }
+}
+function getEntityTypeMeta(type) {
+  return registry.get(type) ?? FALLBACK;
+}
+function listEntityTypes() {
+  return Array.from(registry.entries());
+}
+function resetEntityTypeRegistry() {
+  registry.clear();
+  for (const key of Object.keys(BUILTIN_META)) {
+    registry.set(key, BUILTIN_META[key]);
+  }
+}
 var ENTITY_GLYPH = {
-  service: "\u25C7",
-  person: "\u25CB",
-  document: "\u25A4",
-  deployment: "\u2191",
-  incident: "\u25CE",
-  ticket: "\u25A2"
+  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: "Service",
-  person: "Person",
-  document: "Document",
-  deployment: "Deployment",
-  incident: "Incident",
-  ticket: "Ticket"
+  service: BUILTIN_META.service.label,
+  person: BUILTIN_META.person.label,
+  document: BUILTIN_META.document.label,
+  deployment: BUILTIN_META.deployment.label,
+  incident: BUILTIN_META.incident.label,
+  ticket: BUILTIN_META.ticket.label
 };
 var ENTITY_TONE_CLASS = {
-  service: "text-accent",
-  person: "text-text-muted",
-  document: "text-purple",
-  deployment: "text-ok",
-  incident: "text-err",
-  ticket: "text-warn"
+  service: BUILTIN_META.service.toneClass,
+  person: BUILTIN_META.person.toneClass,
+  document: BUILTIN_META.document.toneClass,
+  deployment: BUILTIN_META.deployment.toneClass,
+  incident: BUILTIN_META.incident.toneClass,
+  ticket: BUILTIN_META.ticket.toneClass
 };
 var ENTITY_TONE_BG = {
-  service: "bg-accent-dim",
-  person: "bg-panel-2",
-  document: "bg-[color-mix(in_oklab,var(--color-purple),transparent_85%)]",
-  deployment: "bg-[color-mix(in_oklab,var(--color-ok),transparent_85%)]",
-  incident: "bg-[color-mix(in_oklab,var(--color-err),transparent_85%)]",
-  ticket: "bg-[color-mix(in_oklab,var(--color-warn),transparent_85%)]"
+  service: BUILTIN_META.service.toneBg,
+  person: BUILTIN_META.person.toneBg,
+  document: BUILTIN_META.document.toneBg,
+  deployment: BUILTIN_META.deployment.toneBg,
+  incident: BUILTIN_META.incident.toneBg,
+  ticket: BUILTIN_META.ticket.toneBg
 };
 
 // src/entity/EntityBadge.tsx
 var import_jsx_runtime8 = require("react/jsx-runtime");
-var typeVariant = {
-  service: "accent",
-  person: "neutral",
-  document: "purple",
-  deployment: "ok",
-  incident: "err",
-  ticket: "warn"
-};
 var EntityBadge = (0, import_react8.forwardRef)(function EntityBadge2({ type, label, hideGlyph, className, children, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_ui12.Badge, { ref, variant: typeVariant[type], className: (0, import_ui13.cn)(className), ...props, children: [
-    !hideGlyph && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, className: "font-mono", children: ENTITY_GLYPH[type] }),
-    children ?? label ?? ENTITY_LABEL[type]
-  ] });
+  const meta = getEntityTypeMeta(type);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    import_ui12.Badge,
+    {
+      ref,
+      variant: meta.badgeVariant,
+      "data-entity-type": type,
+      className: (0, import_ui13.cn)(className),
+      ...props,
+      children: [
+        !hideGlyph && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "aria-hidden": true, className: "font-mono", children: meta.glyph }),
+        children ?? label ?? meta.label
+      ]
+    }
+  );
 });
 EntityBadge.displayName = "EntityBadge";
 
 // src/entity/EntityCard.tsx
-var import_react9 = require("react");
 var import_ui14 = require("@ship-it-ui/ui");
+var import_react9 = require("react");
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var statToneClass = {
   accent: "text-accent",
@@ -513,10 +598,12 @@ var statToneClass = {
   muted: "text-text-muted"
 };
 var EntityCard = (0, import_react9.forwardRef)(function EntityCard2({ type, title, subtitle, description, stats, actions, glyph, className, ...props }, ref) {
+  const meta = getEntityTypeMeta(type);
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "div",
     {
       ref,
+      "data-entity-type": type,
       className: (0, import_ui14.cn)(
         "rounded-base border-border bg-panel flex flex-col gap-3 border p-5",
         className
@@ -530,10 +617,10 @@ var EntityCard = (0, import_react9.forwardRef)(function EntityCard2({ type, titl
               "aria-hidden": true,
               className: (0, import_ui14.cn)(
                 "rounded-base grid h-12 w-12 shrink-0 place-items-center text-[20px]",
-                ENTITY_TONE_BG[type],
-                ENTITY_TONE_CLASS[type]
+                meta.toneBg,
+                meta.toneClass
               ),
-              children: glyph ?? ENTITY_GLYPH[type]
+              children: glyph ?? meta.glyph
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "min-w-0 flex-1", children: [
@@ -573,8 +660,8 @@ var EntityCard = (0, import_react9.forwardRef)(function EntityCard2({ type, titl
 EntityCard.displayName = "EntityCard";
 
 // src/entity/EntityListRow.tsx
-var import_react10 = require("react");
 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)(
   "flex w-full items-center gap-3 border-0 bg-transparent px-2 py-2 text-left",
@@ -589,15 +676,9 @@ function RowInner({
   meta,
   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", ENTITY_TONE_CLASS[type]),
-        children: ENTITY_GLYPH[type]
-      }
-    ),
+    !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 })
@@ -605,7 +686,16 @@ function RowInner({
 }
 var EntityListRowDiv = (0, import_react10.forwardRef)(
   function EntityListRowDiv2({ type, name, relation, meta, hideGlyph, className, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref, className: baseClassNames(false, className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowInner, { type, name, relation, meta, hideGlyph }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      "div",
+      {
+        ref,
+        "data-entity-type": type,
+        className: baseClassNames(false, className),
+        ...props,
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(RowInner, { type, name, relation, meta, hideGlyph })
+      }
+    );
   }
 );
 EntityListRowDiv.displayName = "EntityListRowDiv";
@@ -616,6 +706,7 @@ var EntityListRowButton = (0, import_react10.forwardRef)(
       {
         ref,
         type: "button",
+        "data-entity-type": type,
         onClick,
         className: baseClassNames(true, className),
         ...props,
@@ -701,8 +792,8 @@ var GraphEdge = (0, import_react11.forwardRef)(function GraphEdge2({ x1, y1, x2,
 GraphEdge.displayName = "GraphEdge";
 
 // src/graph/GraphInspector.tsx
-var import_react12 = require("react");
 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)(
   function GraphInspector2({
@@ -768,21 +859,13 @@ var GraphInspector = (0, import_react12.forwardRef)(
 GraphInspector.displayName = "GraphInspector";
 
 // src/graph/GraphLegend.tsx
-var import_react13 = require("react");
 var import_ui17 = require("@ship-it-ui/ui");
+var import_react13 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var typeColorVar = {
-  service: "var(--color-accent)",
-  person: "var(--color-purple)",
-  document: "var(--color-pink)",
-  deployment: "var(--color-ok)",
-  incident: "var(--color-warn)",
-  ticket: "var(--color-text-muted)"
-};
 var DEFAULT_ENTRIES = [
-  { type: "service", label: ENTITY_LABEL.service },
-  { type: "person", label: ENTITY_LABEL.person },
-  { type: "document", label: ENTITY_LABEL.document }
+  { 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)(
@@ -797,10 +880,12 @@ var GraphLegend = (0, import_react13.forwardRef)(function GraphLegend2({ entries
       children: [
         heading && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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");
+          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: entry.label })
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label })
           ] }, i);
         })
       ]
@@ -810,8 +895,8 @@ var GraphLegend = (0, import_react13.forwardRef)(function GraphLegend2({ entries
 GraphLegend.displayName = "GraphLegend";
 
 // src/graph/GraphMinimap.tsx
-var import_react14 = require("react");
 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)(
@@ -862,19 +947,12 @@ var GraphMinimap = (0, import_react14.forwardRef)(function GraphMinimap2({ point
 GraphMinimap.displayName = "GraphMinimap";
 
 // src/graph/GraphNode.tsx
-var import_react15 = require("react");
 var import_ui19 = require("@ship-it-ui/ui");
+var import_react15 = require("react");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var typeColorVar2 = {
-  service: "var(--color-accent)",
-  person: "var(--color-purple)",
-  document: "var(--color-pink)",
-  deployment: "var(--color-ok)",
-  incident: "var(--color-warn)",
-  ticket: "var(--color-text-muted)"
-};
 var GraphNode = (0, import_react15.forwardRef)(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 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";
@@ -905,7 +983,7 @@ var GraphNode = (0, import_react15.forwardRef)(function GraphNode2({ type, state
               outlineOffset: showRing ? 4 : void 0,
               opacity
             },
-            children: glyph ?? ENTITY_GLYPH[type]
+            children: glyph ?? meta.glyph
           }
         ),
         label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-text-dim font-mono text-[10px]", children: label })
@@ -950,8 +1028,8 @@ var PathOverlay = (0, import_react16.forwardRef)(function PathOverlay2({ points,
 PathOverlay.displayName = "PathOverlay";
 
 // src/marketing/CTAStrip.tsx
-var import_react17 = require("react");
 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)(
@@ -975,8 +1053,8 @@ var CTAStrip = (0, import_react17.forwardRef)(function CTAStrip2({ title, descri
 CTAStrip.displayName = "CTAStrip";
 
 // src/marketing/FeatureGrid.tsx
-var import_react18 = require("react");
 var import_ui21 = require("@ship-it-ui/ui");
+var import_react18 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 var colsClass = {
   2: "md:grid-cols-2",
@@ -1001,8 +1079,8 @@ var FeatureGrid = (0, import_react18.forwardRef)(function FeatureGrid2({ feature
 FeatureGrid.displayName = "FeatureGrid";
 
 // src/marketing/Footer.tsx
-var import_react19 = require("react");
 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: [
@@ -1030,8 +1108,8 @@ var Footer = (0, import_react19.forwardRef)(function Footer2({ brand, columns, c
 Footer.displayName = "Footer";
 
 // src/marketing/Hero.tsx
-var import_react20 = require("react");
 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) {
   const hasVisual = visual != null;
@@ -1069,29 +1147,32 @@ var Hero = (0, import_react20.forwardRef)(function Hero2({ eyebrow, title, descr
 Hero.displayName = "Hero";
 
 // src/marketing/PricingCard.tsx
-var import_react21 = require("react");
 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, description, features, action, featured, className, ...props }, ref) {
+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)(
     "div",
     {
       ref,
       className: (0, import_ui24.cn)(
-        "bg-panel flex flex-col gap-5 rounded-lg border p-6",
+        "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 items-center gap-2", 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" })
           ] }),
           description && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "text-text-muted text-[12px]", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "font-mono text-[28px] font-medium tracking-[-0.5px]", children: price }),
+        /* @__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_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 })
@@ -1105,8 +1186,8 @@ PricingCard.displayName = "PricingCard";
 
 // src/marketing/Testimonial.tsx
 var import_ui25 = require("@ship-it-ui/ui");
-var import_react22 = require("react");
 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)(
@@ -1130,12 +1211,139 @@ 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 statusDot = {
+  connected: "ok",
+  syncing: "sync",
+  error: "err",
+  disconnected: "off"
+};
+var statusLabel = {
+  connected: "Connected",
+  syncing: "Syncing",
+  error: "Error",
+  disconnected: "Disconnected"
+};
+var ConnectorCard = (0, import_react23.forwardRef)(function ConnectorCard2({
+  connector,
+  name,
+  status,
+  lastSyncedAt,
+  relativeNow,
+  summary,
+  actions,
+  onClick,
+  accessibleName,
+  className,
+  ...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)(
+      "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" })
+      }
+    ),
+    /* @__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,
+          {
+            state: statusDot[status],
+            pulse: status === "syncing",
+            label: statusLabel[status]
+          }
+        )
+      ] }),
+      (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: [
+          "last synced ",
+          time
+        ] })
+      ] })
+    ] })
+  ] });
+  const labelRegionClass = (0, import_ui27.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)(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "aria-label": accessibleName ?? (typeof name === "string" ? `${name} connector` : statusLabel[status]),
+      className: labelRegionClass,
+      children: labelBlock
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: labelRegionClass, children: labelBlock });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    "div",
+    {
+      ref,
+      className: (0, import_ui27.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 })
+      ]
+    }
+  );
+});
+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");
+function EntityTable(props) {
+  const { rowKey, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_ui28.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) => {
+      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 }),
+        row.name
+      ] });
+    }
+  };
+}
+function entityTypeColumn(options = {}) {
+  return {
+    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" })
+  };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AskBar,
   CTAStrip,
   Citation,
   ConfidenceIndicator,
+  ConnectorCard,
   CopilotMessage,
   ENTITY_GLYPH,
   ENTITY_LABEL,
@@ -1146,6 +1354,7 @@ Testimonial.displayName = "Testimonial";
   EntityListRow,
   EntityListRowButton,
   EntityListRowDiv,
+  EntityTable,
   FeatureGrid,
   Footer,
   GraphEdge,
@@ -1161,6 +1370,13 @@ Testimonial.displayName = "Testimonial";
   SuggestionChip,
   Testimonial,
   ToolCallCard,
-  cn
+  cn,
+  entityColumn,
+  entityTypeColumn,
+  getEntityTypeMeta,
+  listEntityTypes,
+  registerEntityType,
+  registerEntityTypes,
+  resetEntityTypeRegistry
 });
 //# sourceMappingURL=index.cjs.map