@ramme-io/ui 4.1.1 → 4.2.1

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

@@ -1,89 +1,86 @@
-import { jsxs as c, jsx as t, Fragment as w } from "react/jsx-runtime";
-import { useState as B, useRef as R, useEffect as D, useCallback as N } from "react";
+import { jsxs as c, jsx as e, Fragment as w } from "react/jsx-runtime";
+import { useState as B, useRef as R, useEffect as D, useCallback as g } from "react";
 import { CodeBlock as G } from "../../data-display/CodeBlock.js";
-import { Icon as C } from "../../ui/Icon.js";
+import { Icon as N } 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 { Actions as E, Suggestion as F } 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 { TelemetryGraph as S } from "../TelemetryGraph/TelemetryGraph.js";
+import { StockChart as V } from "../StockChart/StockChart.js";
+import { LiveQuoteCard as z } from "../LiveQuoteCard/LiveQuoteCard.js";
 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((o, a) => {
+function Q(t) {
+  if (!t) return null;
+  const l = t.split(/(```[\w]*\n[\s\S]*?```)/g);
+  return /* @__PURE__ */ e(w, { children: l.map((o, a) => {
     const n = o.match(/^```([\w]*)\n([\s\S]*?)```$/);
     if (n) {
       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 /* @__PURE__ */ e("div", { className: "my-3", children: /* @__PURE__ */ e(G, { language: i, code: d }) }, a);
     }
-    return o ? /* @__PURE__ */ t("p", { className: "whitespace-pre-wrap text-sm leading-relaxed", children: o }, a) : null;
+    return o ? /* @__PURE__ */ e("p", { className: "whitespace-pre-wrap text-sm leading-relaxed", children: o }, a) : null;
   }) });
 }
-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(
+const W = () => /* @__PURE__ */ e("div", { className: "flex items-center gap-1 px-1 py-0.5", "aria-label": "Assistant is typing", children: [0, 1, 2].map((t) => /* @__PURE__ */ e(
   "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" }
+    style: { animationDelay: `${t * 0.15}s`, animationDuration: "0.9s" }
   },
-  e
-)) }), H = ({ message: e, isLastAssistant: l, isStreaming: o, renderContent: a }) => {
+  t
+)) }), H = ({ message: t, 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);
+  const n = t.role === "user", i = !t.content && !t.toolCall && l && o, d = !n && t.toolCall, u = ((h = t.content) == null ? void 0 : h.trim()) && t.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: 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 }) : 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",
-                "aria-hidden": "true"
-              }
-            )
-          ] })
-        }
-      )
-    ] }),
-    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(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, {})
+    f && /* @__PURE__ */ e("div", { className: p("flex w-full", n ? "justify-end" : "justify-start"), children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: p(
+          "relative text-sm",
+          n ? "max-w-[80%] rounded-2xl rounded-br-sm bg-primary px-4 py-2.5 text-primary-foreground" : "w-full text-foreground"
+        ),
+        children: n ? /* @__PURE__ */ e("p", { className: "whitespace-pre-wrap leading-relaxed", children: t.content }) : i ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ c(w, { children: [
+          a ? a(t.content) : Q(t.content),
+          l && o && t.content && !t.toolCall && /* @__PURE__ */ e(
+            "span",
+            {
+              className: "inline-block w-[2px] h-[1em] bg-current ml-0.5 align-middle animate-pulse",
+              "aria-hidden": "true"
+            }
+          )
+        ] })
+      }
+    ) }),
+    d && t.toolCall && /* @__PURE__ */ c("div", { className: "w-full", children: [
+      t.toolCall.name === "get_telemetry_graph" && /* @__PURE__ */ e(S, { params: t.toolCall.arguments }),
+      t.toolCall.name === "get_stock_chart" && /* @__PURE__ */ e(V, { params: t.toolCall.arguments }),
+      t.toolCall.name === "get_live_quote" && /* @__PURE__ */ e(z, { params: t.toolCall.arguments }),
+      t.toolCall.name === "get_company_news" && /* @__PURE__ */ e(M, { params: t.toolCall.arguments }),
+      t.toolCall.name === "get_company_profile" && /* @__PURE__ */ e(O, { ticker: (s = t.toolCall.arguments) == null ? void 0 : s.ticker }),
+      t.toolCall.name === "get_counterparty_graph" && /* @__PURE__ */ e(U, { params: t.toolCall.arguments }),
+      t.toolCall.name === "get_divergence_metrics" && /* @__PURE__ */ e(q, { params: t.toolCall.arguments }),
+      t.toolCall.name === "get_architecture_reference" && /* @__PURE__ */ e(L, {})
     ] })
   ] });
 }, J = {
   idle: { dot: "bg-emerald-500", label: "Ready" },
   streaming: { dot: "bg-amber-500 animate-pulse", label: "Generating…" },
   error: { dot: "bg-red-500", label: "Error" }
-}, K = ({ status: e, provider: l, model: o }) => {
-  const { dot: a, label: n } = J[e];
+}, K = ({ status: t, provider: l, model: o }) => {
+  const { dot: a, label: n } = J[t];
   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 ${a}` }),
-      /* @__PURE__ */ t("span", { className: "text-[10px] font-semibold uppercase tracking-widest opacity-60", children: n })
+      /* @__PURE__ */ e("span", { className: `w-2 h-2 rounded-full ${a}` }),
+      /* @__PURE__ */ e("span", { className: "text-[10px] font-semibold uppercase tracking-widest opacity-60", children: n })
     ] }),
-    (l || o) && /* @__PURE__ */ t("span", { className: "text-[10px] font-mono opacity-50 truncate max-w-[200px]", children: [l, o].filter(Boolean).join(" · ") })
+    (l || o) && /* @__PURE__ */ e("span", { className: "text-[10px] font-mono opacity-50 truncate max-w-[200px]", children: [l, o].filter(Boolean).join(" · ") })
   ] });
-}, me = ({
-  messages: e,
+}, mt = ({
+  messages: t,
   isStreaming: l,
   onSubmit: o,
   error: a = null,
@@ -96,25 +93,25 @@ const W = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
   suggestions: s,
   onSuggestionClick: k
 }) => {
-  const _ = d ?? (a ? "error" : l ? "streaming" : "idle"), [b, y] = B(""), v = R(null);
+  const _ = d ?? (a ? "error" : l ? "streaming" : "idle"), [b, C] = B(""), y = R(null);
   D(() => {
     var r;
-    (r = v.current) == null || r.scrollIntoView({ behavior: "smooth", block: "end" });
-  }, [e.length, l]);
-  const I = N(
-    (r) => y(r.target.value),
+    (r = y.current) == null || r.scrollIntoView({ behavior: "smooth", block: "end" });
+  }, [t.length, l]);
+  const I = g(
+    (r) => C(r.target.value),
     []
-  ), A = N(
+  ), A = g(
     (r) => {
       r.preventDefault();
       const m = b.trim();
-      !m || l || (o(m), y(""));
+      !m || l || (o(m), C(""));
     },
     [b, l, o]
-  ), j = e.reduce(
+  ), j = t.reduce(
     (r, m, x) => m.role === "assistant" ? x : r,
     -1
-  ), g = e.filter((r) => r.role !== "system");
+  ), v = t.filter((r) => r.role !== "system");
   return /* @__PURE__ */ c(
     "div",
     {
@@ -123,7 +120,7 @@ const W = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
         h
       ),
       children: [
-        (n || i || l || a) && /* @__PURE__ */ t(
+        (n || i || l || a) && /* @__PURE__ */ e(
           K,
           {
             status: _,
@@ -132,14 +129,14 @@ const W = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
           }
         ),
         /* @__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(C, { name: "sparkles", size: 28 }),
-            /* @__PURE__ */ t("p", { className: "text-sm", children: "Start a conversation" }),
-            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)) }) })
+          v.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__ */ e(N, { name: "sparkles", size: 28 }),
+            /* @__PURE__ */ e("p", { className: "text-sm", children: "Start a conversation" }),
+            s && s.length > 0 && /* @__PURE__ */ e("div", { className: "mt-2 select-auto", children: /* @__PURE__ */ e(E, { children: s.map((r) => /* @__PURE__ */ e(F, { onClick: () => (k ?? o)(r), children: r }, r)) }) })
           ] }),
-          g.map((r, m) => {
-            const x = e.indexOf(r);
-            return /* @__PURE__ */ t(
+          v.map((r, m) => {
+            const x = t.indexOf(r);
+            return /* @__PURE__ */ e(
               H,
               {
                 message: r,
@@ -150,20 +147,20 @@ const W = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
               m
             );
           }),
-          /* @__PURE__ */ t("div", { ref: v })
+          /* @__PURE__ */ e("div", { ref: y })
         ] }),
         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__ */ e(N, { name: "alert-circle", size: 14, className: "mt-px shrink-0" }),
+          /* @__PURE__ */ e("span", { className: "leading-snug", children: a })
         ] }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(
           "div",
           {
             className: p(
               "shrink-0 border-t border-border/60 bg-background/80 backdrop-blur-sm transition-opacity",
               l && "opacity-70"
             ),
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ e(
               $,
               {
                 value: b,
@@ -179,5 +176,5 @@ const W = () => /* @__PURE__ */ t("div", { className: "flex items-center gap-1 p
   );
 };
 export {
-  me as AIChatThread
+  mt as AIChatThread
 };

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

@@ -1,40 +1,41 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { apiBaseUrl as f } from "../../../utils/apiBaseUrl.js";
 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);
+const C = () => {
+  const [t, p] = c(null), [o, l] = c(!0), [d, i] = 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)
+        l(!0), i(null);
+        const s = f(), m = await fetch(`${s}/architecture/reference`);
+        if (!m.ok)
           throw new Error("Could not load the architecture reference");
-        u(await p.json());
+        p(await m.json());
       } catch (s) {
-        m(s instanceof Error ? s.message : "Failed to fetch architecture reference");
+        i(s instanceof Error ? s.message : "Failed to fetch architecture reference");
       } finally {
-        i(!1);
+        l(!1);
       }
     })();
   }, []);
-  const f = (t == null ? void 0 : t.data_model.groups.reduce((a, s) => a + s.tables.length, 0)) ?? 0;
+  const u = (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" }) }),
+      o && /* @__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: [
+      t && !o && !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: "font-mono text-sm font-semibold tabular-nums", children: u }),
             /* @__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: [
@@ -66,5 +67,5 @@ const o = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
   ] });
 };
 export {
-  E as ArchitectureReferenceCard
+  C as ArchitectureReferenceCard
 };

package/dist/components/ai/CompanyProfileCard/CompanyProfileCard.js

@@ -1,24 +1,25 @@
-import { jsx as r, jsxs as t, Fragment as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as t, Fragment as f } from "react/jsx-runtime";
+import { apiBaseUrl as w } from "../../../utils/apiBaseUrl.js";
 import { useState as n, useEffect as v } from "react";
 import { Icon as a } from "../../ui/Icon.js";
-const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E = ({ ticker: i }) => {
-  const [e, x] = n(null), [h, m] = n(!0), [p, f] = n(null), [o, g] = n(!1);
+const _ = ({ ticker: i }) => {
+  const [e, x] = n(null), [u, l] = n(!0), [m, p] = n(null), [o, h] = n(!1);
   if (v(() => {
     (async () => {
       try {
-        m(!0), f(null);
-        const d = (l == null ? void 0 : l.VITE_API_URL) ?? "http://localhost:8000", c = await fetch(`${d}/companies/${i.toUpperCase()}/profile`);
+        l(!0), p(null);
+        const d = w(), c = await fetch(`${d}/companies/${i.toUpperCase()}/profile`);
         if (!c.ok)
           throw new Error(`Failed to fetch profile: ${c.statusText}`);
-        const w = await c.json();
-        x(w);
+        const N = await c.json();
+        x(N);
       } catch (d) {
-        f(d instanceof Error ? d.message : "Failed to fetch company profile");
+        p(d instanceof Error ? d.message : "Failed to fetch company profile");
       } finally {
-        m(!1);
+        l(!1);
       }
     })();
-  }, [i]), h)
+  }, [i]), u)
     return /* @__PURE__ */ r("div", { className: "w-full min-w-[320px] max-w-2xl rounded-lg border border-border bg-card p-4 animate-pulse", children: /* @__PURE__ */ t("div", { className: "space-y-3", children: [
       /* @__PURE__ */ r("div", { className: "h-5 w-32 bg-muted rounded" }),
       /* @__PURE__ */ r("div", { className: "h-4 w-48 bg-muted rounded" }),
@@ -28,15 +29,15 @@ const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
       ] }),
       /* @__PURE__ */ r("div", { className: "h-20 bg-muted rounded" })
     ] }) });
-  if (p || !e)
+  if (m || !e)
     return /* @__PURE__ */ r("div", { className: "w-full min-w-[320px] max-w-2xl rounded-lg border border-destructive/40 bg-destructive/5 p-4", children: /* @__PURE__ */ t("div", { className: "flex items-start gap-2", children: [
       /* @__PURE__ */ r(a, { name: "alert-triangle", className: "h-4 w-4 text-destructive flex-shrink-0 mt-0.5" }),
       /* @__PURE__ */ t("div", { className: "min-w-0", children: [
         /* @__PURE__ */ r("p", { className: "text-sm font-medium text-destructive", children: "Profile unavailable" }),
-        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground mt-1", children: p || `Unable to load profile for ${i}` })
+        /* @__PURE__ */ r("p", { className: "text-xs text-muted-foreground mt-1", children: m || `Unable to load profile for ${i}` })
       ] })
     ] }) });
-  const b = (s) => s >= 1e12 ? `$${(s / 1e12).toFixed(2)}T` : s >= 1e9 ? `$${(s / 1e9).toFixed(2)}B` : s >= 1e6 ? `$${(s / 1e6).toFixed(1)}M` : `$${s.toLocaleString()}`, N = e.description && e.description.length > 200 ? e.description.slice(0, 200) + "..." : e.description;
+  const g = (s) => s >= 1e12 ? `$${(s / 1e12).toFixed(2)}T` : s >= 1e9 ? `$${(s / 1e9).toFixed(2)}B` : s >= 1e6 ? `$${(s / 1e6).toFixed(1)}M` : `$${s.toLocaleString()}`, b = e.description && e.description.length > 200 ? e.description.slice(0, 200) + "..." : e.description;
   return /* @__PURE__ */ t("div", { className: "w-full min-w-[320px] max-w-2xl rounded-lg border border-border bg-card p-4 space-y-3", children: [
     /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-2", children: [
       /* @__PURE__ */ t("div", { className: "min-w-0 flex-1", children: [
@@ -64,7 +65,7 @@ const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
     (e.market_cap || e.pe_ratio) && /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-3", children: [
       e.market_cap && /* @__PURE__ */ t("div", { className: "rounded-md border border-border bg-muted/30 p-3 space-y-1", children: [
         /* @__PURE__ */ r("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Market Cap" }),
-        /* @__PURE__ */ r("p", { className: "text-lg font-bold font-mono text-foreground", children: b(e.market_cap) })
+        /* @__PURE__ */ r("p", { className: "text-lg font-bold font-mono text-foreground", children: g(e.market_cap) })
       ] }),
       e.pe_ratio && /* @__PURE__ */ t("div", { className: "rounded-md border border-border bg-muted/30 p-3 space-y-1", children: [
         /* @__PURE__ */ r("p", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "P/E Ratio" }),
@@ -79,16 +80,16 @@ const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
         /* @__PURE__ */ r(a, { name: "file-text", className: "h-3 w-3" }),
         "Company Overview"
       ] }),
-      /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground leading-relaxed", children: o ? e.description : N }),
+      /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground leading-relaxed", children: o ? e.description : b }),
       e.description.length > 200 && /* @__PURE__ */ r(
         "button",
         {
-          onClick: () => g(!o),
+          onClick: () => h(!o),
           className: "text-xs text-primary hover:underline flex items-center gap-1",
-          children: o ? /* @__PURE__ */ t(u, { children: [
+          children: o ? /* @__PURE__ */ t(f, { children: [
             /* @__PURE__ */ r(a, { name: "chevron-up", className: "h-3 w-3" }),
             "Show less"
-          ] }) : /* @__PURE__ */ t(u, { children: [
+          ] }) : /* @__PURE__ */ t(f, { children: [
             /* @__PURE__ */ r(a, { name: "chevron-down", className: "h-3 w-3" }),
             "Read more"
           ] })
@@ -105,5 +106,5 @@ const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
   ] });
 };
 export {
-  E as CompanyProfileCard
+  _ as CompanyProfileCard
 };

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

@@ -1,8 +1,9 @@
 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 { apiBaseUrl as y } from "../../../utils/apiBaseUrl.js";
+import { useState as c, useEffect as w } from "react";
+import { Card as N, CardHeader as b, CardTitle as C, CardContent as _ } 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 = {
+const v = {
   supplies_to: "Supplies to",
   purchases_from: "Purchases from",
   partners_with: "Partners with",
@@ -11,45 +12,45 @@ const p = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, k =
   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);
+}, B = ({ params: f }) => {
+  const { ticker: n, hops: p } = f, [a, x] = c(null), [d, m] = c(!0), [o, u] = c(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}`
+        m(!0), u(null);
+        const e = y(), h = await fetch(
+          `${e}/fleet/counterparties/${n.toUpperCase()}?hops=${p ?? 1}`
         );
-        if (!f.ok)
+        if (!h.ok)
           throw new Error(`No counterparty data available for ${n.toUpperCase()}`);
-        g(await f.json());
+        x(await h.json());
       } catch (e) {
-        h(e instanceof Error ? e.message : "Failed to fetch counterparty graph");
+        u(e instanceof Error ? e.message : "Failed to fetch counterparty graph");
       } finally {
-        u(!1);
+        m(!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) ?? [];
+  }, [n, p]);
+  const g = new Map(((a == null ? void 0 : a.nodes) ?? []).map((t) => [t.id, t])), i = (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" }) }),
+    /* @__PURE__ */ r(_, { className: "pt-0", children: [
+      d && /* @__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: [
+      !d && !o && i.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);
+      i.length > 0 && /* @__PURE__ */ s("div", { className: "space-y-1.5 max-h-72 overflow-y-auto", children: i.map((t) => {
+        const e = g.get(t.target_id);
         return e ? /* @__PURE__ */ r(
           "div",
           {
@@ -61,7 +62,7 @@ const p = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, k =
                   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,
+                  v[t.edge_type] ?? t.edge_type,
                   t.hop === 2 && /* @__PURE__ */ s("span", { className: "ml-1.5 opacity-70", children: "· 2nd degree" })
                 ] })
               ] }),
@@ -78,5 +79,5 @@ const p = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, k =
   ] });
 };
 export {
-  L as CounterpartyGraphCard
+  B as CounterpartyGraphCard
 };

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

@@ -1,32 +1,33 @@
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { apiBaseUrl as h } from "../../../utils/apiBaseUrl.js";
 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 = {
+const w = {
   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);
+}, k = ({ params: u }) => {
+  const { ticker: a } = u, [x, g] = c(null), [l, m] = c(!0), [o, p] = 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)
+        m(!0), p(null);
+        const r = h(), n = await fetch(`${r}/fleet/divergence/${a.toUpperCase()}`);
+        if (!n.ok)
           throw new Error(`No divergence data available for ${a.toUpperCase()}`);
-        h(await o.json());
+        g(await n.json());
       } catch (r) {
-        u(r instanceof Error ? r.message : "Failed to fetch divergence metrics");
+        p(r instanceof Error ? r.message : "Failed to fetch divergence metrics");
       } finally {
-        p(!1);
+        m(!1);
       }
     })();
   }, [a]);
-  const n = /* @__PURE__ */ new Map();
-  return (g ?? []).forEach((e) => {
-    n.has(e.metric) || n.set(e.metric, e);
+  const i = /* @__PURE__ */ new Map();
+  return (x ?? []).forEach((e) => {
+    i.has(e.metric) || i.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 }),
@@ -34,27 +35,27 @@ const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
       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: [
+      l && /* @__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" }) }),
+      o && /* @__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 })
+        /* @__PURE__ */ t("span", { children: o })
       ] }),
-      !m && !i && n.size === 0 && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground py-2", children: [
+      !l && !o && i.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) => {
+      i.size > 0 && /* @__PURE__ */ t("div", { className: "space-y-2", children: Array.from(i.values()).map((e) => {
         var f;
-        const r = e.score > 0, o = e.score === 0;
+        const r = e.score > 0, n = 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-semibold uppercase tracking-wide text-foreground", children: w[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)}`
+                className: `text-xs font-mono font-semibold ${n ? "text-muted-foreground" : r ? "text-green-500" : "text-red-500"}`,
+                children: n ? "—" : `${r ? "+" : ""}${e.score.toFixed(0)}`
               }
             )
           ] }),
@@ -65,5 +66,5 @@ const l = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, E =
   ] });
 };
 export {
-  R as DivergenceMetricsCard
+  k as DivergenceMetricsCard
 };