@ramme-io/ui 4.0.1 → 4.1.1

package/dist/components/ai/AIChatThread/AIChatThread.js

@@ -1,49 +1,53 @@
 import { jsxs as c, jsx as t, Fragment as w } from "react/jsx-runtime";
-import { useState as B, useRef as R, useEffect as $, useCallback as C } from "react";
-import { CodeBlock as z } from "../../data-display/CodeBlock.js";
-import { Icon as y } from "../../ui/Icon.js";
-import { PromptInput as D } from "../../../blocks/ai/PromptInput.js";
-import { Actions as E, Suggestion as F } from "../../../blocks/ai/Actions.js";
-import { cn as m } from "../../../utils/cn.js";
-import { TelemetryGraph as G } from "../TelemetryGraph/TelemetryGraph.js";
+import { useState as B, useRef as R, useEffect as D, useCallback as N } from "react";
+import { CodeBlock as G } from "../../data-display/CodeBlock.js";
+import { Icon as C } from "../../ui/Icon.js";
+import { PromptInput as $ } from "../../../blocks/ai/PromptInput.js";
+import { Actions as z, Suggestion as E } from "../../../blocks/ai/Actions.js";
+import { cn as p } from "../../../utils/cn.js";
+import { TelemetryGraph as F } from "../TelemetryGraph/TelemetryGraph.js";
 import { StockChart as S } from "../StockChart/StockChart.js";
 import { LiveQuoteCard as V } from "../LiveQuoteCard/LiveQuoteCard.js";
-import { NewsSummaryCard as O } from "../NewsSummaryCard/NewsSummaryCard.js";
-function U(e) {
+import { NewsSummaryCard as M } from "../NewsSummaryCard/NewsSummaryCard.js";
+import { CompanyProfileCard as O } from "../CompanyProfileCard/CompanyProfileCard.js";
+import { CounterpartyGraphCard as U } from "../CounterpartyGraphCard/CounterpartyGraphCard.js";
+import { DivergenceMetricsCard as q } from "../DivergenceMetricsCard/DivergenceMetricsCard.js";
+import { ArchitectureReferenceCard as L } from "../ArchitectureReferenceCard/ArchitectureReferenceCard.js";
+function Q(e) {
   if (!e) return null;
   const l = e.split(/(```[\w]*\n[\s\S]*?```)/g);
-  return /* @__PURE__ */ t(w, { children: l.map((a, o) => {
-    const n = a.match(/^```([\w]*)\n([\s\S]*?)```$/);
+  return /* @__PURE__ */ t(w, { children: l.map((o, a) => {
+    const n = o.match(/^```([\w]*)\n([\s\S]*?)```$/);
     if (n) {
-      const s = n[1] || "text", i = n[2].replace(/\n$/, "");
-      return /* @__PURE__ */ t("div", { className: "my-3", children: /* @__PURE__ */ t(z, { language: s, code: i }) }, o);
+      const i = n[1] || "text", d = n[2].replace(/\n$/, "");
+      return /* @__PURE__ */ t("div", { className: "my-3", children: /* @__PURE__ */ t(G, { language: i, code: d }) }, a);
     }
-    return a ? /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap text-sm leading-relaxed", children: a }, o) : null;
+    return o ? /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap text-sm leading-relaxed", children: o }, a) : null;
   }) });
 }
-const q = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 px-1 py-0.5", "aria-label": "Assistant is typing", children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
+const W = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 px-1 py-0.5", "aria-label": "Assistant is typing", children: [0, 1, 2].map((e) => /* @__PURE__ */ t(
   "span",
   {
     className: "w-1.5 h-1.5 rounded-full bg-muted-foreground/60 animate-bounce",
     style: { animationDelay: `${e * 0.15}s`, animationDuration: "0.9s" }
   },
   e
-)) }), L = ({ message: e, isLastAssistant: l, isStreaming: a, renderContent: o }) => {
-  var u;
-  const n = e.role === "user", s = !e.content && !e.toolCall && l && a, i = !n && e.toolCall, p = ((u = e.content) == null ? void 0 : u.trim()) && e.content.trim().length > 0, h = !i && (p || s);
-  return /* @__PURE__ */ c("div", { className: m("flex flex-col gap-2 mb-4", n ? "items-end" : "items-start"), children: [
-    h && /* @__PURE__ */ c("div", { className: m("flex items-end gap-2", n ? "justify-end" : "justify-start"), children: [
-      !n && /* @__PURE__ */ t("div", { className: "shrink-0 w-7 h-7 rounded-full bg-primary/10 border border-primary/20 flex items-center justify-center mb-0.5", children: /* @__PURE__ */ t(y, { name: "sparkles", size: 13, className: "text-primary" }) }),
+)) }), H = ({ message: e, isLastAssistant: l, isStreaming: o, renderContent: a }) => {
+  var h, s;
+  const n = e.role === "user", i = !e.content && !e.toolCall && l && o, d = !n && e.toolCall, u = ((h = e.content) == null ? void 0 : h.trim()) && e.content.trim().length > 0, f = !d && (u || i);
+  return /* @__PURE__ */ c("div", { className: p("flex flex-col gap-2 mb-4", n ? "items-end" : "items-start"), children: [
+    f && /* @__PURE__ */ c("div", { className: p("flex items-end gap-2", n ? "justify-end" : "justify-start"), children: [
+      !n && /* @__PURE__ */ t("div", { className: "shrink-0 w-7 h-7 rounded-full bg-primary/10 border border-primary/20 flex items-center justify-center mb-0.5", children: /* @__PURE__ */ t(C, { name: "sparkles", size: 13, className: "text-primary" }) }),
       /* @__PURE__ */ t(
         "div",
         {
-          className: m(
+          className: p(
             "relative max-w-[85%] rounded-2xl px-4 py-2.5 text-sm",
             n ? "rounded-br-sm bg-primary text-primary-foreground" : "rounded-bl-sm bg-muted/60 border border-border/40 text-foreground"
           ),
-          children: n ? /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap leading-relaxed", children: e.content }) : s ? /* @__PURE__ */ t(q, {}) : /* @__PURE__ */ c(w, { children: [
-            o ? o(e.content) : U(e.content),
-            l && a && e.content && !e.toolCall && /* @__PURE__ */ t(
+          children: n ? /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap leading-relaxed", children: e.content }) : i ? /* @__PURE__ */ t(W, {}) : /* @__PURE__ */ c(w, { children: [
+            a ? a(e.content) : Q(e.content),
+            l && o && e.content && !e.toolCall && /* @__PURE__ */ t(
               "span",
               {
                 className: "inline-block w-[2px] h-[1em] bg-current ml-0.5 align-middle animate-pulse",
@@ -54,114 +58,118 @@ const q = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
         }
       )
     ] }),
-    i && e.toolCall && /* @__PURE__ */ c("div", { className: "ml-9 w-full max-w-[85%]", children: [
-      e.toolCall.name === "get_telemetry_graph" && /* @__PURE__ */ t(G, { params: e.toolCall.arguments }),
+    d && e.toolCall && /* @__PURE__ */ c("div", { className: "ml-9 w-full max-w-[85%]", children: [
+      e.toolCall.name === "get_telemetry_graph" && /* @__PURE__ */ t(F, { params: e.toolCall.arguments }),
       e.toolCall.name === "get_stock_chart" && /* @__PURE__ */ t(S, { params: e.toolCall.arguments }),
       e.toolCall.name === "get_live_quote" && /* @__PURE__ */ t(V, { params: e.toolCall.arguments }),
-      e.toolCall.name === "get_company_news" && /* @__PURE__ */ t(O, { params: e.toolCall.arguments })
+      e.toolCall.name === "get_company_news" && /* @__PURE__ */ t(M, { params: e.toolCall.arguments }),
+      e.toolCall.name === "get_company_profile" && /* @__PURE__ */ t(O, { ticker: (s = e.toolCall.arguments) == null ? void 0 : s.ticker }),
+      e.toolCall.name === "get_counterparty_graph" && /* @__PURE__ */ t(U, { params: e.toolCall.arguments }),
+      e.toolCall.name === "get_divergence_metrics" && /* @__PURE__ */ t(q, { params: e.toolCall.arguments }),
+      e.toolCall.name === "get_architecture_reference" && /* @__PURE__ */ t(L, {})
     ] })
   ] });
-}, M = {
+}, J = {
   idle: { dot: "bg-emerald-500", label: "Ready" },
   streaming: { dot: "bg-amber-500 animate-pulse", label: "Generating…" },
   error: { dot: "bg-red-500", label: "Error" }
-}, Q = ({ status: e, provider: l, model: a }) => {
-  const { dot: o, label: n } = M[e];
+}, K = ({ status: e, provider: l, model: o }) => {
+  const { dot: a, label: n } = J[e];
   return /* @__PURE__ */ c("div", { className: "shrink-0 flex items-center justify-between px-3 py-1.5 border-b border-border/50 bg-muted/20", children: [
     /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ t("span", { className: `w-2 h-2 rounded-full ${o}` }),
+      /* @__PURE__ */ t("span", { className: `w-2 h-2 rounded-full ${a}` }),
       /* @__PURE__ */ t("span", { className: "text-[10px] font-semibold uppercase tracking-widest opacity-60", children: n })
     ] }),
-    (l || a) && /* @__PURE__ */ t("span", { className: "text-[10px] font-mono opacity-50 truncate max-w-[200px]", children: [l, a].filter(Boolean).join(" · ") })
+    (l || o) && /* @__PURE__ */ t("span", { className: "text-[10px] font-mono opacity-50 truncate max-w-[200px]", children: [l, o].filter(Boolean).join(" · ") })
   ] });
-}, le = ({
+}, me = ({
   messages: e,
   isStreaming: l,
-  onSubmit: a,
-  error: o = null,
+  onSubmit: o,
+  error: a = null,
   activeProvider: n,
-  activeModel: s,
-  connectionStatus: i,
-  renderMessage: p,
-  placeholder: h = "Ask Ramme AI...",
-  className: u,
-  suggestions: f,
+  activeModel: i,
+  connectionStatus: d,
+  renderMessage: u,
+  placeholder: f = "Ask AI…",
+  className: h,
+  suggestions: s,
   onSuggestionClick: k
 }) => {
-  const I = i ?? (o ? "error" : l ? "streaming" : "idle"), [b, v] = B(""), N = R(null);
-  $(() => {
+  const _ = d ?? (a ? "error" : l ? "streaming" : "idle"), [b, y] = B(""), v = R(null);
+  D(() => {
     var r;
-    (r = N.current) == null || r.scrollIntoView({ behavior: "smooth", block: "end" });
+    (r = v.current) == null || r.scrollIntoView({ behavior: "smooth", block: "end" });
   }, [e.length, l]);
-  const _ = C(
-    (r) => v(r.target.value),
+  const I = N(
+    (r) => y(r.target.value),
     []
-  ), A = C(
+  ), A = N(
     (r) => {
       r.preventDefault();
-      const d = b.trim();
-      !d || l || (a(d), v(""));
+      const m = b.trim();
+      !m || l || (o(m), y(""));
     },
-    [b, l, a]
+    [b, l, o]
   ), j = e.reduce(
-    (r, d, x) => d.role === "assistant" ? x : r,
+    (r, m, x) => m.role === "assistant" ? x : r,
     -1
   ), g = e.filter((r) => r.role !== "system");
   return /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: p(
         "flex flex-col h-full bg-background text-foreground overflow-hidden",
-        u
+        h
       ),
       children: [
-        (n || s || l || o) && /* @__PURE__ */ t(
-          Q,
+        (n || i || l || a) && /* @__PURE__ */ t(
+          K,
           {
-            status: I,
+            status: _,
             provider: n,
-            model: s
+            model: i
           }
         ),
         /* @__PURE__ */ c("div", { className: "flex-1 overflow-y-auto px-4 py-4 scroll-smooth [scrollbar-width:thin] [scrollbar-color:hsl(var(--border))_transparent]", children: [
           g.length === 0 && /* @__PURE__ */ c("div", { className: "flex flex-col items-center justify-center h-full gap-2 text-muted-foreground/50 select-none", children: [
-            /* @__PURE__ */ t(y, { name: "sparkles", size: 28 }),
+            /* @__PURE__ */ t(C, { name: "sparkles", size: 28 }),
             /* @__PURE__ */ t("p", { className: "text-sm", children: "Start a conversation" }),
-            f && f.length > 0 && /* @__PURE__ */ t("div", { className: "mt-2 select-auto", children: /* @__PURE__ */ t(E, { children: f.map((r) => /* @__PURE__ */ t(F, { onClick: () => (k ?? a)(r), children: r }, r)) }) })
+            s && s.length > 0 && /* @__PURE__ */ t("div", { className: "mt-2 select-auto", children: /* @__PURE__ */ t(z, { children: s.map((r) => /* @__PURE__ */ t(E, { onClick: () => (k ?? o)(r), children: r }, r)) }) })
           ] }),
-          g.map((r, d) => {
+          g.map((r, m) => {
             const x = e.indexOf(r);
             return /* @__PURE__ */ t(
-              L,
+              H,
               {
                 message: r,
                 isLastAssistant: x === j,
                 isStreaming: l,
-                renderContent: p ? (T) => p(T, r.role) : void 0
+                renderContent: u ? (T) => u(T, r.role) : void 0
               },
-              d
+              m
             );
           }),
-          /* @__PURE__ */ t("div", { ref: N })
+          /* @__PURE__ */ t("div", { ref: v })
         ] }),
-        o && /* @__PURE__ */ c("div", { className: "shrink-0 mx-3 mb-2 flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [
-          /* @__PURE__ */ t(y, { name: "alert-circle", size: 14, className: "mt-px shrink-0" }),
-          /* @__PURE__ */ t("span", { className: "leading-snug", children: o })
+        a && /* @__PURE__ */ c("div", { className: "shrink-0 mx-3 mb-2 flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [
+          /* @__PURE__ */ t(C, { name: "alert-circle", size: 14, className: "mt-px shrink-0" }),
+          /* @__PURE__ */ t("span", { className: "leading-snug", children: a })
         ] }),
         /* @__PURE__ */ t(
           "div",
           {
-            className: m(
+            className: p(
               "shrink-0 border-t border-border/60 bg-background/80 backdrop-blur-sm transition-opacity",
               l && "opacity-70"
             ),
             children: /* @__PURE__ */ t(
-              D,
+              $,
               {
                 value: b,
-                onChange: _,
+                onChange: I,
                 onSubmit: A,
-                placeholder: l ? "Waiting for response…" : h
+                placeholder: l ? "Waiting for response…" : f
               }
             )
           }
@@ -171,5 +179,5 @@ const q = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
   );
 };
 export {
-  le as AIChatThread
+  me as AIChatThread
 };

package/dist/components/ai/ArchitectureReferenceCard/ArchitectureReferenceCard.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @file ArchitectureReferenceCard.tsx
+ * @package @ramme-io/ui
+ * @description AI-generated platform architecture summary card
+ *
+ * ARCHITECTURAL ROLE:
+ * Renders a condensed summary of this platform's own data architecture
+ * (stack, table count, AI pipelines, sentinel fleet, live scale facts)
+ * inside AI chat bubbles. Fetches from the Ramme Data Factory API's
+ * /architecture/reference endpoint. Follows the same self-fetching
+ * pattern as LiveQuoteCard — takes no ticker, since it describes the
+ * system itself rather than a company. Full detail lives on the Ops
+ * console's Architecture Reference page; this card is a chat-sized digest.
+ */
+import React from 'react';
+export interface ArchitectureReferenceCardProps {
+    /** Present for signature symmetry with other tool cards; the tool takes no arguments. */
+    params?: Record<string, never>;
+}
+/**
+ * @wizard
+ * @name ArchitectureReferenceCard
+ * @description AI-generated card summarizing this platform's own data architecture — stack, data model, AI pipelines, and sentinel fleet
+ * @tags ai, architecture, reference, generative-ui
+ * @category ai
+ * @id architecture-reference-card
+ */
+export declare const ArchitectureReferenceCard: React.FC<ArchitectureReferenceCardProps>;

package/dist/components/ai/ArchitectureReferenceCard/ArchitectureReferenceCard.js

@@ -0,0 +1,70 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as c, useEffect as x } from "react";
+import { Card as h, CardHeader as b, CardTitle as g, CardContent as N } from "../../layout/Card.js";
+import { Icon as n } from "../../ui/Icon.js";
+const o = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E = () => {
+  const [t, u] = c(null), [l, i] = c(!0), [d, m] = c(null);
+  x(() => {
+    (async () => {
+      try {
+        i(!0), m(null);
+        const s = (o == null ? void 0 : o.VITE_API_URL) ?? "http://localhost:8000", p = await fetch(`${s}/architecture/reference`);
+        if (!p.ok)
+          throw new Error("Could not load the architecture reference");
+        u(await p.json());
+      } catch (s) {
+        m(s instanceof Error ? s.message : "Failed to fetch architecture reference");
+      } finally {
+        i(!1);
+      }
+    })();
+  }, []);
+  const f = (t == null ? void 0 : t.data_model.groups.reduce((a, s) => a + s.tables.length, 0)) ?? 0;
+  return /* @__PURE__ */ r(h, { className: "w-full min-w-[280px] max-w-md shadow-lg border-primary/20", children: [
+    /* @__PURE__ */ e(b, { className: "pb-3", children: /* @__PURE__ */ r(g, { className: "text-sm font-medium text-muted-foreground flex items-center gap-2", children: [
+      /* @__PURE__ */ e(n, { name: "book-open", size: 14 }),
+      "Platform Architecture"
+    ] }) }),
+    /* @__PURE__ */ r(N, { className: "pt-0", children: [
+      l && /* @__PURE__ */ e("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ e(n, { name: "loader", size: 24, className: "animate-spin text-muted-foreground" }) }),
+      d && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [
+        /* @__PURE__ */ e(n, { name: "alert-circle", size: 14, className: "mt-px shrink-0" }),
+        /* @__PURE__ */ e("span", { children: d })
+      ] }),
+      t && !l && !d && /* @__PURE__ */ r("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ r("div", { className: "grid grid-cols-3 gap-2", children: [
+          /* @__PURE__ */ r("div", { className: "rounded-md border border-border/60 bg-muted/20 p-2 text-center", children: [
+            /* @__PURE__ */ e("p", { className: "font-mono text-sm font-semibold tabular-nums", children: f }),
+            /* @__PURE__ */ e("p", { className: "text-[10px] text-muted-foreground", children: "tables" })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "rounded-md border border-border/60 bg-muted/20 p-2 text-center", children: [
+            /* @__PURE__ */ e("p", { className: "font-mono text-sm font-semibold tabular-nums", children: t.ai_pipelines.length }),
+            /* @__PURE__ */ e("p", { className: "text-[10px] text-muted-foreground", children: "AI pipelines" })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "rounded-md border border-border/60 bg-muted/20 p-2 text-center", children: [
+            /* @__PURE__ */ e("p", { className: "font-mono text-sm font-semibold tabular-nums", children: t.pm2_processes.length }),
+            /* @__PURE__ */ e("p", { className: "text-[10px] text-muted-foreground", children: "workers" })
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "Stack" }),
+          /* @__PURE__ */ r("p", { className: "text-xs text-foreground/90 leading-relaxed", children: [
+            t.stack.backend[0],
+            t.stack.frontend[0] ? ` · ${t.stack.frontend[0]}` : ""
+          ] })
+        ] }),
+        /* @__PURE__ */ r("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ e("p", { className: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: "AI / LLM providers" }),
+          /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: t.stack.ai_llm_providers.map((a) => /* @__PURE__ */ e("span", { className: "rounded border border-border/60 bg-muted/20 px-1.5 py-0.5 font-mono text-[10px]", children: a }, a)) })
+        ] }),
+        t.scale_facts.db_size_gb !== null && /* @__PURE__ */ r("p", { className: "text-[10px] text-muted-foreground pt-1 border-t border-border/60", children: [
+          t.scale_facts.db_size_gb,
+          " GB database · see Ops → Architecture Reference for full detail"
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  E as ArchitectureReferenceCard
+};

package/dist/components/ai/ArchitectureReferenceCard/index.d.ts

@@ -0,0 +1,2 @@
+export { ArchitectureReferenceCard } from './ArchitectureReferenceCard';
+export type { ArchitectureReferenceCardProps } from './ArchitectureReferenceCard';

package/dist/components/ai/CounterpartyGraphCard/CounterpartyGraphCard.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @file CounterpartyGraphCard.tsx
+ * @package @ramme-io/ui
+ * @description AI-generated counterparty relationship card
+ *
+ * ARCHITECTURAL ROLE:
+ * Renders Fleet-Brain-Deep's inferred counterparty graph inside AI chat
+ * bubbles. Fetches from the Ramme Data Factory API's
+ * /fleet/counterparties/{ticker} endpoint. Follows the same self-fetching
+ * pattern as LiveQuoteCard — no product-layer data plumbing required.
+ */
+import React from 'react';
+interface CounterpartyGraphParams {
+    ticker: string;
+    hops?: number;
+}
+export interface CounterpartyGraphCardProps {
+    /** Parameters from the LLM tool call */
+    params: CounterpartyGraphParams;
+}
+/**
+ * @wizard
+ * @name CounterpartyGraphCard
+ * @description AI-generated counterparty relationship card showing suppliers, customers, partners, and competitors inferred from alternative signals
+ * @tags ai, counterparty, graph, relationships, generative-ui
+ * @category ai
+ * @id counterparty-graph-card
+ */
+export declare const CounterpartyGraphCard: React.FC<CounterpartyGraphCardProps>;
+export {};

package/dist/components/ai/CounterpartyGraphCard/CounterpartyGraphCard.js

@@ -0,0 +1,82 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { useState as i, useEffect as w } from "react";
+import { Card as N, CardHeader as b, CardTitle as C, CardContent as E } from "../../layout/Card.js";
+import { Icon as l } from "../../ui/Icon.js";
+const p = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, k = {
+  supplies_to: "Supplies to",
+  purchases_from: "Purchases from",
+  partners_with: "Partners with",
+  competes_with: "Competes with",
+  regulated_by: "Regulated by",
+  invests_in: "Invests in",
+  acquires: "Acquires",
+  same_as: "Also known as"
+}, L = ({ params: x }) => {
+  const { ticker: n, hops: d } = x, [a, g] = i(null), [m, u] = i(!0), [o, h] = i(null);
+  w(() => {
+    (async () => {
+      try {
+        u(!0), h(null);
+        const e = (p == null ? void 0 : p.VITE_API_URL) ?? "http://localhost:8000", f = await fetch(
+          `${e}/fleet/counterparties/${n.toUpperCase()}?hops=${d ?? 1}`
+        );
+        if (!f.ok)
+          throw new Error(`No counterparty data available for ${n.toUpperCase()}`);
+        g(await f.json());
+      } catch (e) {
+        h(e instanceof Error ? e.message : "Failed to fetch counterparty graph");
+      } finally {
+        u(!1);
+      }
+    })();
+  }, [n, d]);
+  const y = new Map(((a == null ? void 0 : a.nodes) ?? []).map((t) => [t.id, t])), c = (a == null ? void 0 : a.edges) ?? [];
+  return /* @__PURE__ */ r(N, { className: "w-full min-w-[280px] max-w-md shadow-lg border-primary/20", children: [
+    /* @__PURE__ */ s(b, { className: "pb-3", children: /* @__PURE__ */ r(C, { className: "text-sm font-medium text-muted-foreground flex items-center gap-2", children: [
+      /* @__PURE__ */ s(l, { name: "share-2", size: 14 }),
+      "Counterparty Network — ",
+      n.toUpperCase()
+    ] }) }),
+    /* @__PURE__ */ r(E, { className: "pt-0", children: [
+      m && /* @__PURE__ */ s("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ s(l, { name: "loader", size: 24, className: "animate-spin text-muted-foreground" }) }),
+      o && /* @__PURE__ */ r("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [
+        /* @__PURE__ */ s(l, { name: "alert-circle", size: 14, className: "mt-px shrink-0" }),
+        /* @__PURE__ */ s("span", { children: o })
+      ] }),
+      !m && !o && c.length === 0 && /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground py-2", children: [
+        "No counterparty relationships inferred yet for ",
+        n.toUpperCase(),
+        "."
+      ] }),
+      c.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-1.5 max-h-72 overflow-y-auto", children: c.map((t) => {
+        const e = y.get(t.target_id);
+        return e ? /* @__PURE__ */ r(
+          "div",
+          {
+            className: "flex items-center justify-between gap-2 rounded-md border border-border/60 bg-muted/20 px-2.5 py-1.5",
+            children: [
+              /* @__PURE__ */ r("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-foreground truncate block", children: [
+                  e.public_name ?? e.name,
+                  e.ticker && e.resolution === "public" && /* @__PURE__ */ s("span", { className: "ml-1.5 font-mono text-primary", children: e.ticker.toUpperCase() })
+                ] }),
+                /* @__PURE__ */ r("span", { className: "text-[10px] font-mono text-muted-foreground uppercase tracking-wide", children: [
+                  k[t.edge_type] ?? t.edge_type,
+                  t.hop === 2 && /* @__PURE__ */ s("span", { className: "ml-1.5 opacity-70", children: "· 2nd degree" })
+                ] })
+              ] }),
+              /* @__PURE__ */ r("span", { className: "text-[10px] font-mono text-muted-foreground shrink-0", children: [
+                Math.round(t.weight * 100),
+                "%"
+              ] })
+            ]
+          },
+          t.id
+        ) : null;
+      }) })
+    ] })
+  ] });
+};
+export {
+  L as CounterpartyGraphCard
+};

package/dist/components/ai/CounterpartyGraphCard/index.d.ts

@@ -0,0 +1,2 @@
+export { CounterpartyGraphCard } from './CounterpartyGraphCard';
+export type { CounterpartyGraphCardProps } from './CounterpartyGraphCard';

package/dist/components/ai/DivergenceMetricsCard/DivergenceMetricsCard.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @file DivergenceMetricsCard.tsx
+ * @package @ramme-io/ui
+ * @description AI-generated operational/customer divergence card
+ *
+ * ARCHITECTURAL ROLE:
+ * Renders Fleet-Brain-Deep's divergence scoring (signed delta between
+ * expected/baseline and observed performance) inside AI chat bubbles.
+ * Fetches from the Ramme Data Factory API's /fleet/divergence/{ticker}
+ * endpoint. Follows the same self-fetching pattern as LiveQuoteCard.
+ */
+import React from 'react';
+interface DivergenceMetricsParams {
+    ticker: string;
+}
+export interface DivergenceMetricsCardProps {
+    /** Parameters from the LLM tool call */
+    params: DivergenceMetricsParams;
+}
+/**
+ * @wizard
+ * @name DivergenceMetricsCard
+ * @description AI-generated card showing operational and customer divergence scores — a signed delta between expected and observed performance
+ * @tags ai, divergence, metrics, generative-ui
+ * @category ai
+ * @id divergence-metrics-card
+ */
+export declare const DivergenceMetricsCard: React.FC<DivergenceMetricsCardProps>;
+export {};

package/dist/components/ai/DivergenceMetricsCard/DivergenceMetricsCard.js

@@ -0,0 +1,69 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as c, useEffect as v } from "react";
+import { Card as N, CardHeader as b, CardTitle as y, CardContent as C } from "../../layout/Card.js";
+import { Icon as d } from "../../ui/Icon.js";
+const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E = {
+  operations: "Operations",
+  customer: "Customer",
+  operational: "Operations",
+  ux: "Customer"
+}, R = ({ params: x }) => {
+  const { ticker: a } = x, [g, h] = c(null), [m, p] = c(!0), [i, u] = c(null);
+  v(() => {
+    (async () => {
+      try {
+        p(!0), u(null);
+        const r = (l == null ? void 0 : l.VITE_API_URL) ?? "http://localhost:8000", o = await fetch(`${r}/fleet/divergence/${a.toUpperCase()}`);
+        if (!o.ok)
+          throw new Error(`No divergence data available for ${a.toUpperCase()}`);
+        h(await o.json());
+      } catch (r) {
+        u(r instanceof Error ? r.message : "Failed to fetch divergence metrics");
+      } finally {
+        p(!1);
+      }
+    })();
+  }, [a]);
+  const n = /* @__PURE__ */ new Map();
+  return (g ?? []).forEach((e) => {
+    n.has(e.metric) || n.set(e.metric, e);
+  }), /* @__PURE__ */ s(N, { className: "w-full min-w-[280px] max-w-md shadow-lg border-primary/20", children: [
+    /* @__PURE__ */ t(b, { className: "pb-3", children: /* @__PURE__ */ s(y, { className: "text-sm font-medium text-muted-foreground flex items-center gap-2", children: [
+      /* @__PURE__ */ t(d, { name: "activity", size: 14 }),
+      "Signal Impact — ",
+      a.toUpperCase()
+    ] }) }),
+    /* @__PURE__ */ s(C, { className: "pt-0", children: [
+      m && /* @__PURE__ */ t("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ t(d, { name: "loader", size: 24, className: "animate-spin text-muted-foreground" }) }),
+      i && /* @__PURE__ */ s("div", { className: "flex items-start gap-2 rounded-lg border border-destructive/40 bg-destructive/10 px-3 py-2 text-xs text-destructive", children: [
+        /* @__PURE__ */ t(d, { name: "alert-circle", size: 14, className: "mt-px shrink-0" }),
+        /* @__PURE__ */ t("span", { children: i })
+      ] }),
+      !m && !i && n.size === 0 && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground py-2", children: [
+        "No divergence readings yet for ",
+        a.toUpperCase(),
+        "."
+      ] }),
+      n.size > 0 && /* @__PURE__ */ t("div", { className: "space-y-2", children: Array.from(n.values()).map((e) => {
+        var f;
+        const r = e.score > 0, o = e.score === 0;
+        return /* @__PURE__ */ s("div", { className: "rounded-md border border-border/60 bg-muted/20 p-2.5 space-y-1", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ t("span", { className: "text-xs font-semibold uppercase tracking-wide text-foreground", children: E[e.metric] }),
+            /* @__PURE__ */ t(
+              "span",
+              {
+                className: `text-xs font-mono font-semibold ${o ? "text-muted-foreground" : r ? "text-green-500" : "text-red-500"}`,
+                children: o ? "—" : `${r ? "+" : ""}${e.score.toFixed(0)}`
+              }
+            )
+          ] }),
+          ((f = e.contributing_signals[0]) == null ? void 0 : f.reason) && /* @__PURE__ */ t("p", { className: "text-[10px] text-muted-foreground leading-relaxed", children: e.contributing_signals[0].reason })
+        ] }, e.metric);
+      }) })
+    ] })
+  ] });
+};
+export {
+  R as DivergenceMetricsCard
+};

package/dist/components/ai/DivergenceMetricsCard/index.d.ts

@@ -0,0 +1,2 @@
+export { DivergenceMetricsCard } from './DivergenceMetricsCard';
+export type { DivergenceMetricsCardProps } from './DivergenceMetricsCard';

package/dist/components/ai/KeyInjectionOverlay.d.ts

@@ -1,3 +1,13 @@
+/**
+ * @wizard
+ * @name KeyInjectionOverlay
+ * @description Blocks the app and collects an AI provider key when the gateway reports one is missing or expired. Strategic purpose: the BYOK prompt, in one place, so a key request looks the same everywhere and never becomes an inline form somebody rebuilds per feature. Renders nothing unless status is 'BYOK_REQUIRED' or 'KEY_EXPIRED', so it can stay mounted at the shell level.
+ * @tags ai, byok, overlay, auth, gateway, key
+ * @category ai
+ * @id key-injection-overlay
+ * @param {string} status - Gateway status. The overlay shows only for 'BYOK_REQUIRED' or 'KEY_EXPIRED'.
+ * @param {function} setSessionKey - Receives the entered key when the form is submitted.
+ */
 export interface KeyInjectionOverlayProps {
     status: string;
     setSessionKey: (key: string) => void;