@sensiblestats/widget-react 0.0.0

package/dist/index.d.cts

@@ -0,0 +1,34 @@
+import { UserContext, StatsWidgetClient } from '@sensiblestats/widget-sdk';
+
+interface StatsWidgetConfig {
+    operatorId: string;
+    publicKey: string;
+    baseUrl?: string;
+    userContext?: UserContext;
+    theme?: 'light' | 'dark' | 'auto';
+    accent?: string;
+    position?: 'left' | 'right';
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    radius?: number;
+    launcherLabel?: string;
+    greeting?: string;
+    placeholder?: string;
+    starters?: string[];
+    injectStyles?: boolean;
+}
+
+type StatsWidgetProps = {
+    config: StatsWidgetConfig;
+    client?: never;
+} | {
+    client: StatsWidgetClient;
+    config?: Omit<StatsWidgetConfig, 'operatorId' | 'publicKey' | 'baseUrl' | 'userContext'>;
+};
+declare function StatsWidget(props: StatsWidgetProps): JSX.Element | null;
+
+declare const WIDGET_CSS = ".ss-w-root { all: revert; }\n.ss-w-root, .ss-w-root * { box-sizing: border-box; margin: 0; padding: 0; }\n.ss-w-root {\n  --ss-w-accent: #17936a;\n  --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;\n  --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;\n  --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 13px; line-height: 1.5; color: var(--ss-w-ink);\n}\n@media (prefers-color-scheme: dark) {\n  .ss-w-root[data-ss-w-theme=\"auto\"] {\n    --ss-w-accent: #37c891; --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;\n    --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;\n  }\n}\n.ss-w-root[data-ss-w-theme=\"dark\"] {\n  --ss-w-accent: #37c891; --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;\n  --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;\n}\n.ss-w-root[data-ss-w-theme=\"light\"] {\n  --ss-w-accent: #17936a; --ss-w-ink: #14181d; --ss-w-faint: #6b7580;\n  --ss-w-line: #e4e8ec; --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;\n}\n\n/* launcher */\n.ss-w-fab-wrap { position: fixed; bottom: var(--ss-w-offset-y); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }\n.ss-w-root[data-ss-w-pos=\"right\"] .ss-w-fab-wrap { right: var(--ss-w-offset-x); }\n.ss-w-root[data-ss-w-pos=\"left\"] .ss-w-fab-wrap { left: var(--ss-w-offset-x); align-items: flex-start; }\n.ss-w-fab { width: 56px; height: 56px; border: none; border-radius: 50%; background: var(--ss-w-nav); color: #fff; cursor: pointer; display: grid; place-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.28); }\n.ss-w-fab-mark { font-size: 30px; }\n.ss-w-greeting { max-width: 220px; background: var(--ss-w-panel); color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 9px 12px; box-shadow: 0 4px 14px rgba(0,0,0,.14); }\n\n/* panel */\n.ss-w-panel { position: fixed; bottom: calc(var(--ss-w-offset-y) + 72px); z-index: 2147483000; display: flex; flex-direction: column; width: min(400px, calc(100vw - 40px)); height: min(620px, calc(100vh - 120px)); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: var(--ss-w-radius); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.24); }\n.ss-w-root[data-ss-w-pos=\"right\"] .ss-w-panel { right: var(--ss-w-offset-x); }\n.ss-w-root[data-ss-w-pos=\"left\"] .ss-w-panel { left: var(--ss-w-offset-x); }\n@media (max-width: 639px) {\n  .ss-w-panel { inset: 0; width: 100vw; height: 100vh; border: none; border-radius: 0; }\n}\n.ss-w-header { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--ss-w-line); }\n.ss-w-header-mark { font-size: 18px; }\n.ss-w-header-title { font-weight: 660; }\n.ss-w-close { margin-left: auto; background: none; border: none; color: var(--ss-w-faint); cursor: pointer; font-size: 16px; display: grid; place-items: center; }\n\n/* messages */\n.ss-w-list { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; }\n.ss-w-msg { display: flex; }\n.ss-w-user { justify-content: flex-end; }\n.ss-w-user .ss-w-bubble { background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-line)); border-radius: 14px; padding: 8px 12px; max-width: 80%; }\n.ss-w-bot { flex-direction: column; gap: 8px; }\n.ss-w-status { font-size: 11px; color: var(--ss-w-faint); font-style: italic; }\n.ss-w-error { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #c0392b; }\n.ss-w-retry { background: none; border: 1px solid currentColor; border-radius: 10px; padding: 2px 8px; cursor: pointer; color: inherit; }\n\n/* markdown */\n.ss-w-md { display: flex; flex-direction: column; gap: 8px; }\n.ss-w-md :where(p, ul, ol, table, pre, blockquote, h1, h2, h3, h4) { margin: 0; }\n.ss-w-md > *:first-child { margin-top: 0; }\n.ss-w-md > *:last-child { margin-bottom: 0; }\n.ss-w-md-ul { list-style: disc outside; padding-left: 18px; }\n.ss-w-md-ol { list-style: decimal outside; padding-left: 18px; }\n.ss-w-md-ul li::marker, .ss-w-md-ol li::marker { color: var(--ss-w-accent); }\n.ss-w-md-link { color: var(--ss-w-accent); text-decoration: underline; }\n.ss-w-table-wrap { overflow-x: auto; }\n.ss-w-md-table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }\n.ss-w-md-table td, .ss-w-md-table th { border: 1px solid var(--ss-w-line); padding: 4px 8px; text-align: left; }\n.ss-w-md-table tr:nth-child(even) { background: var(--ss-w-bubble); }\n.ss-w-md-code { background: var(--ss-w-bubble); border-radius: 5px; padding: 1px 5px; font-family: ui-monospace, monospace; }\n\n/* entity cards */\n.ss-w-cards { display: flex; flex-direction: column; gap: 7px; }\n.ss-w-ecard { display: flex; align-items: center; gap: 11px; width: 100%; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 11px; text-align: left; cursor: pointer; }\n.ss-w-thumb { width: 40px; height: 40px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #fff; background-color: var(--ss-w-nav); background-size: cover; background-position: center; }\n.ss-w-thumb.ss-w-team { border-radius: 10px; }\n.ss-w-meta { display: flex; flex-direction: column; min-width: 0; }\n.ss-w-nm { font-weight: 660; }\n.ss-w-sub { font-size: 11px; color: var(--ss-w-faint); }\n.ss-w-stat { margin-left: auto; text-align: center; }\n.ss-w-stat b { display: block; font-variant-numeric: tabular-nums; }\n.ss-w-stat span { font-size: 9px; text-transform: uppercase; color: var(--ss-w-faint); }\n.ss-w-chev { color: var(--ss-w-faint); font-size: 16px; display: grid; place-items: center; }\n\n/* action buttons */\n.ss-w-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }\n.ss-w-abtn { font-size: 12px; font-weight: 560; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-accent); border-radius: 16px; padding: 6px 12px; cursor: pointer; }\n.ss-w-abtn-shimmer { width: 140px; height: 30px; border-radius: 16px; background: linear-gradient(90deg, var(--ss-w-bubble), var(--ss-w-line), var(--ss-w-bubble)); background-size: 200% 100%; animation: ss-w-shimmer 1.2s infinite; }\n@keyframes ss-w-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }\n\n/* intent chips */\n.ss-w-chips { display: flex; flex-wrap: wrap; gap: 6px; }\n.ss-w-chip { font-size: 11.5px; font-weight: 550; color: var(--ss-w-ink); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 14px; padding: 5px 11px; cursor: pointer; }\n\n/* input */\n.ss-w-input { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ss-w-line); }\n.ss-w-textarea { flex: 1; resize: none; border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 10px; font: inherit; color: inherit; background: var(--ss-w-panel); max-height: 96px; }\n.ss-w-send { width: 36px; height: 36px; flex: none; border: none; border-radius: 50%; background: var(--ss-w-accent); color: #fff; cursor: pointer; display: grid; place-items: center; font-size: 16px; }\n.ss-w-stop-glyph { width: 11px; height: 11px; background: currentColor; border-radius: 2px; }\n\n@media (prefers-reduced-motion: reduce) {\n  .ss-w-abtn-shimmer { animation: none; }\n}\n";
+
+export { StatsWidget, type StatsWidgetConfig, type StatsWidgetProps, WIDGET_CSS };

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import { UserContext, StatsWidgetClient } from '@sensiblestats/widget-sdk';
+
+interface StatsWidgetConfig {
+    operatorId: string;
+    publicKey: string;
+    baseUrl?: string;
+    userContext?: UserContext;
+    theme?: 'light' | 'dark' | 'auto';
+    accent?: string;
+    position?: 'left' | 'right';
+    offset?: {
+        x?: number;
+        y?: number;
+    };
+    radius?: number;
+    launcherLabel?: string;
+    greeting?: string;
+    placeholder?: string;
+    starters?: string[];
+    injectStyles?: boolean;
+}
+
+type StatsWidgetProps = {
+    config: StatsWidgetConfig;
+    client?: never;
+} | {
+    client: StatsWidgetClient;
+    config?: Omit<StatsWidgetConfig, 'operatorId' | 'publicKey' | 'baseUrl' | 'userContext'>;
+};
+declare function StatsWidget(props: StatsWidgetProps): JSX.Element | null;
+
+declare const WIDGET_CSS = ".ss-w-root { all: revert; }\n.ss-w-root, .ss-w-root * { box-sizing: border-box; margin: 0; padding: 0; }\n.ss-w-root {\n  --ss-w-accent: #17936a;\n  --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;\n  --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;\n  --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 13px; line-height: 1.5; color: var(--ss-w-ink);\n}\n@media (prefers-color-scheme: dark) {\n  .ss-w-root[data-ss-w-theme=\"auto\"] {\n    --ss-w-accent: #37c891; --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;\n    --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;\n  }\n}\n.ss-w-root[data-ss-w-theme=\"dark\"] {\n  --ss-w-accent: #37c891; --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;\n  --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;\n}\n.ss-w-root[data-ss-w-theme=\"light\"] {\n  --ss-w-accent: #17936a; --ss-w-ink: #14181d; --ss-w-faint: #6b7580;\n  --ss-w-line: #e4e8ec; --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;\n}\n\n/* launcher */\n.ss-w-fab-wrap { position: fixed; bottom: var(--ss-w-offset-y); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }\n.ss-w-root[data-ss-w-pos=\"right\"] .ss-w-fab-wrap { right: var(--ss-w-offset-x); }\n.ss-w-root[data-ss-w-pos=\"left\"] .ss-w-fab-wrap { left: var(--ss-w-offset-x); align-items: flex-start; }\n.ss-w-fab { width: 56px; height: 56px; border: none; border-radius: 50%; background: var(--ss-w-nav); color: #fff; cursor: pointer; display: grid; place-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.28); }\n.ss-w-fab-mark { font-size: 30px; }\n.ss-w-greeting { max-width: 220px; background: var(--ss-w-panel); color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 9px 12px; box-shadow: 0 4px 14px rgba(0,0,0,.14); }\n\n/* panel */\n.ss-w-panel { position: fixed; bottom: calc(var(--ss-w-offset-y) + 72px); z-index: 2147483000; display: flex; flex-direction: column; width: min(400px, calc(100vw - 40px)); height: min(620px, calc(100vh - 120px)); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: var(--ss-w-radius); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.24); }\n.ss-w-root[data-ss-w-pos=\"right\"] .ss-w-panel { right: var(--ss-w-offset-x); }\n.ss-w-root[data-ss-w-pos=\"left\"] .ss-w-panel { left: var(--ss-w-offset-x); }\n@media (max-width: 639px) {\n  .ss-w-panel { inset: 0; width: 100vw; height: 100vh; border: none; border-radius: 0; }\n}\n.ss-w-header { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--ss-w-line); }\n.ss-w-header-mark { font-size: 18px; }\n.ss-w-header-title { font-weight: 660; }\n.ss-w-close { margin-left: auto; background: none; border: none; color: var(--ss-w-faint); cursor: pointer; font-size: 16px; display: grid; place-items: center; }\n\n/* messages */\n.ss-w-list { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; }\n.ss-w-msg { display: flex; }\n.ss-w-user { justify-content: flex-end; }\n.ss-w-user .ss-w-bubble { background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-line)); border-radius: 14px; padding: 8px 12px; max-width: 80%; }\n.ss-w-bot { flex-direction: column; gap: 8px; }\n.ss-w-status { font-size: 11px; color: var(--ss-w-faint); font-style: italic; }\n.ss-w-error { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #c0392b; }\n.ss-w-retry { background: none; border: 1px solid currentColor; border-radius: 10px; padding: 2px 8px; cursor: pointer; color: inherit; }\n\n/* markdown */\n.ss-w-md { display: flex; flex-direction: column; gap: 8px; }\n.ss-w-md :where(p, ul, ol, table, pre, blockquote, h1, h2, h3, h4) { margin: 0; }\n.ss-w-md > *:first-child { margin-top: 0; }\n.ss-w-md > *:last-child { margin-bottom: 0; }\n.ss-w-md-ul { list-style: disc outside; padding-left: 18px; }\n.ss-w-md-ol { list-style: decimal outside; padding-left: 18px; }\n.ss-w-md-ul li::marker, .ss-w-md-ol li::marker { color: var(--ss-w-accent); }\n.ss-w-md-link { color: var(--ss-w-accent); text-decoration: underline; }\n.ss-w-table-wrap { overflow-x: auto; }\n.ss-w-md-table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }\n.ss-w-md-table td, .ss-w-md-table th { border: 1px solid var(--ss-w-line); padding: 4px 8px; text-align: left; }\n.ss-w-md-table tr:nth-child(even) { background: var(--ss-w-bubble); }\n.ss-w-md-code { background: var(--ss-w-bubble); border-radius: 5px; padding: 1px 5px; font-family: ui-monospace, monospace; }\n\n/* entity cards */\n.ss-w-cards { display: flex; flex-direction: column; gap: 7px; }\n.ss-w-ecard { display: flex; align-items: center; gap: 11px; width: 100%; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 11px; text-align: left; cursor: pointer; }\n.ss-w-thumb { width: 40px; height: 40px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #fff; background-color: var(--ss-w-nav); background-size: cover; background-position: center; }\n.ss-w-thumb.ss-w-team { border-radius: 10px; }\n.ss-w-meta { display: flex; flex-direction: column; min-width: 0; }\n.ss-w-nm { font-weight: 660; }\n.ss-w-sub { font-size: 11px; color: var(--ss-w-faint); }\n.ss-w-stat { margin-left: auto; text-align: center; }\n.ss-w-stat b { display: block; font-variant-numeric: tabular-nums; }\n.ss-w-stat span { font-size: 9px; text-transform: uppercase; color: var(--ss-w-faint); }\n.ss-w-chev { color: var(--ss-w-faint); font-size: 16px; display: grid; place-items: center; }\n\n/* action buttons */\n.ss-w-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }\n.ss-w-abtn { font-size: 12px; font-weight: 560; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-accent); border-radius: 16px; padding: 6px 12px; cursor: pointer; }\n.ss-w-abtn-shimmer { width: 140px; height: 30px; border-radius: 16px; background: linear-gradient(90deg, var(--ss-w-bubble), var(--ss-w-line), var(--ss-w-bubble)); background-size: 200% 100%; animation: ss-w-shimmer 1.2s infinite; }\n@keyframes ss-w-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }\n\n/* intent chips */\n.ss-w-chips { display: flex; flex-wrap: wrap; gap: 6px; }\n.ss-w-chip { font-size: 11.5px; font-weight: 550; color: var(--ss-w-ink); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 14px; padding: 5px 11px; cursor: pointer; }\n\n/* input */\n.ss-w-input { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ss-w-line); }\n.ss-w-textarea { flex: 1; resize: none; border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 10px; font: inherit; color: inherit; background: var(--ss-w-panel); max-height: 96px; }\n.ss-w-send { width: 36px; height: 36px; flex: none; border: none; border-radius: 50%; background: var(--ss-w-accent); color: #fff; cursor: pointer; display: grid; place-items: center; font-size: 16px; }\n.ss-w-stop-glyph { width: 11px; height: 11px; background: currentColor; border-radius: 2px; }\n\n@media (prefers-reduced-motion: reduce) {\n  .ss-w-abtn-shimmer { animation: none; }\n}\n";
+
+export { StatsWidget, type StatsWidgetConfig, type StatsWidgetProps, WIDGET_CSS };

package/dist/index.js

@@ -0,0 +1,441 @@
+// src/StatsWidget.tsx
+import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3 } from "react";
+import { StatsWidgetClient } from "@sensiblestats/widget-sdk";
+
+// src/config.ts
+function normalizeUi(cfg) {
+  return {
+    theme: cfg.theme ?? "auto",
+    accent: cfg.accent,
+    position: cfg.position ?? "right",
+    offset: { x: cfg.offset?.x ?? 20, y: cfg.offset?.y ?? 20 },
+    radius: cfg.radius ?? 16,
+    launcherLabel: cfg.launcherLabel ?? "Chat with SensibleStats",
+    greeting: cfg.greeting,
+    placeholder: cfg.placeholder ?? "Ask about a team, player or match\u2026",
+    starters: cfg.starters ?? [],
+    injectStyles: cfg.injectStyles ?? true
+  };
+}
+function toClientOptions(cfg) {
+  const opts = { operatorId: cfg.operatorId, publicKey: cfg.publicKey };
+  if (cfg.baseUrl !== void 0) opts.baseUrl = cfg.baseUrl;
+  return opts;
+}
+function toUserContext(cfg) {
+  return cfg.userContext && Object.keys(cfg.userContext).length > 0 ? cfg.userContext : void 0;
+}
+
+// src/theme.ts
+function themeAttrs(ui) {
+  const style = {
+    "--ss-w-offset-x": `${ui.offset.x}px`,
+    "--ss-w-offset-y": `${ui.offset.y}px`,
+    "--ss-w-radius": `${ui.radius}px`
+  };
+  if (ui.accent) style["--ss-w-accent"] = ui.accent;
+  return { "data-ss-w-theme": ui.theme, "data-ss-w-pos": ui.position, style };
+}
+
+// src/useChatStream.ts
+import { useCallback, useMemo, useReducer, useRef } from "react";
+import { WidgetSdkError as WidgetSdkError2 } from "@sensiblestats/widget-sdk";
+
+// src/reducer.ts
+import "@sensiblestats/widget-sdk";
+
+// src/model.ts
+function str(v) {
+  return typeof v === "string" && v.length > 0 ? v : void 0;
+}
+function num(v) {
+  return typeof v === "number" && Number.isFinite(v) ? String(v) : void 0;
+}
+var STAT_KEYS = [
+  ["goals", "Goals"],
+  ["assists", "Assists"],
+  ["appearances", "Apps"],
+  ["xg", "xG"],
+  ["form", "Form"],
+  ["rating", "Rating"]
+];
+function readStats(card) {
+  const cells = [];
+  for (const [key, label] of STAT_KEYS) {
+    const value = num(card[key]) ?? str(card[key]);
+    if (value !== void 0) cells.push({ label, value });
+  }
+  return cells;
+}
+function toCardVM(card) {
+  const kind = card.entityType === "Player" ? "player" : card.entityType === "Team" ? "team" : "generic";
+  return {
+    id: String(card.entityId),
+    kind,
+    name: card.canonicalName,
+    image: str(card.imageUrl) ?? str(card.image_url) ?? str(card.logoUrl) ?? str(card.logo),
+    sub: str(card.subtitle) ?? str(card.teamName) ?? str(card.leagueName) ?? str(card.position),
+    stats: readStats(card),
+    query: card.canonicalName
+  };
+}
+function toActionVM(action) {
+  const label = str(action.label) ?? str(action.text) ?? str(action.title) ?? "Continue";
+  const actionId = str(action.id) ?? str(action.actionId);
+  const message = str(action.message) ?? str(action.query) ?? label;
+  return { label, actionId, message };
+}
+function toChipVM(intent) {
+  const text = str(intent.text) ?? str(intent.label) ?? str(intent.title);
+  return text ? { text } : null;
+}
+function chipFromText(text) {
+  return { text };
+}
+
+// src/reducer.ts
+function initialState(starters) {
+  return { isOpen: false, messages: [], isStreaming: false, status: null, actionsLoading: false, starters, error: null, lastUserInput: null };
+}
+function mapActive(state, fn) {
+  const last = state.messages[state.messages.length - 1];
+  if (!last || last.role !== "assistant" || last.done) return state.messages;
+  return [...state.messages.slice(0, -1), fn(last)];
+}
+function applyEvent(state, event) {
+  switch (event.type) {
+    case "progress":
+      return { ...state, status: event.data.message };
+    case "answer":
+      return { ...state, messages: mapActive(state, (t) => ({ ...t, text: t.text + event.data.text })) };
+    case "entity_card":
+      return { ...state, messages: mapActive(state, (t) => ({ ...t, cards: [...t.cards, toCardVM(event.data.card)] })) };
+    case "action_button":
+      return { ...state, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, actions: [...t.actions, toActionVM(event.data.action)] })) };
+    case "intent_chip": {
+      const chip = toChipVM(event.data.intent);
+      return chip ? { ...state, starters: [...state.starters, chip] } : state;
+    }
+    case "actions_loading":
+      return { ...state, actionsLoading: true, status: event.data.message };
+    case "turn_complete":
+      return { ...state, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+    case "error":
+      return { ...state, error: event.data, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+  }
+}
+function reducer(state, action) {
+  switch (action.kind) {
+    case "OPEN":
+      return { ...state, isOpen: true };
+    case "CLOSE":
+      return { ...state, isOpen: false, isStreaming: false, status: null, actionsLoading: false };
+    case "USER_SENT": {
+      const user = { role: "user", id: action.userId, text: action.input.message };
+      const assistant = { role: "assistant", id: action.assistantId, text: "", cards: [], actions: [], done: false };
+      return { ...state, messages: [...state.messages, user, assistant], isStreaming: true, status: null, actionsLoading: false, starters: [], error: null, lastUserInput: action.input };
+    }
+    case "EVENT":
+      return applyEvent(state, action.event);
+    case "STREAM_ERROR":
+      return { ...state, error: action.error, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+    case "STOP":
+      return { ...state, isStreaming: false, status: null, actionsLoading: false, messages: mapActive(state, (t) => ({ ...t, done: true })) };
+  }
+}
+
+// src/useChatStream.ts
+function useChatStream(conversation, starterTexts) {
+  const seed = useMemo(() => initialState(starterTexts.map(chipFromText)), []);
+  const [state, dispatch] = useReducer(reducer, seed);
+  const idRef = useRef(0);
+  const handleRef = useRef(null);
+  const stateRef = useRef(state);
+  stateRef.current = state;
+  const nextId = () => `m${idRef.current++}`;
+  const run = useCallback((input) => {
+    handleRef.current?.cancel();
+    dispatch({ kind: "USER_SENT", input, userId: nextId(), assistantId: nextId() });
+    const handle = conversation.send(input);
+    handleRef.current = handle;
+    (async () => {
+      try {
+        for await (const event of handle) dispatch({ kind: "EVENT", event });
+      } catch (err) {
+        if (err instanceof WidgetSdkError2) dispatch({ kind: "STREAM_ERROR", error: err });
+        else if (err?.name === "AbortError") {
+        } else throw err;
+      } finally {
+        if (handleRef.current === handle) handleRef.current = null;
+      }
+    })();
+  }, [conversation]);
+  const send = useCallback((text, actionId) => {
+    const trimmed = text.trim();
+    if (!trimmed) return;
+    run({ message: trimmed, actionId });
+  }, [run]);
+  const retry = useCallback(() => {
+    const last = stateRef.current.lastUserInput;
+    if (last) run(last);
+  }, [run]);
+  const open = useCallback(() => dispatch({ kind: "OPEN" }), []);
+  const close = useCallback(() => {
+    handleRef.current?.cancel();
+    handleRef.current = null;
+    dispatch({ kind: "CLOSE" });
+  }, []);
+  const stop = useCallback(() => {
+    handleRef.current?.cancel();
+    handleRef.current = null;
+    dispatch({ kind: "STOP" });
+  }, []);
+  const toggle = useCallback(() => {
+    if (stateRef.current.isOpen) close();
+    else open();
+  }, [close, open]);
+  return { state, open, close, stop, toggle, send, retry };
+}
+
+// src/components/Icons.tsx
+import { jsx } from "react/jsx-runtime";
+function SsMark({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fill: "#00F400", d: "M12 2l2.5 6.5L21 11l-6.5 2.5L12 20l-2.5-6.5L3 11l6.5-2.5z" }) });
+}
+function SendIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M3 20l18-8L3 4v6l12 2-12 2z" }) });
+}
+function CloseIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fill: "none", d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "2" }) });
+}
+function ChevronIcon() {
+  return /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeWidth: "2", d: "M9 6l6 6-6 6" }) });
+}
+
+// src/components/GreetingBubble.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function GreetingBubble({ text }) {
+  return /* @__PURE__ */ jsx2("div", { className: "ss-w-greeting", role: "note", children: text });
+}
+
+// src/components/ChatFab.tsx
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+function ChatFab({ label, open, greeting, onToggle }) {
+  return /* @__PURE__ */ jsxs("div", { className: "ss-w-fab-wrap", children: [
+    !open && greeting ? /* @__PURE__ */ jsx3(GreetingBubble, { text: greeting }) : null,
+    /* @__PURE__ */ jsx3("button", { type: "button", className: "ss-w-fab", "aria-label": label, "aria-expanded": open, onClick: onToggle, children: /* @__PURE__ */ jsx3(SsMark, { className: "ss-w-fab-mark" }) })
+  ] });
+}
+
+// src/components/ChatPanel.tsx
+import { useEffect as useEffect2 } from "react";
+
+// src/components/ChatHeader.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function ChatHeader({ onClose }) {
+  return /* @__PURE__ */ jsxs2("header", { className: "ss-w-header", children: [
+    /* @__PURE__ */ jsx4(SsMark, { className: "ss-w-header-mark" }),
+    /* @__PURE__ */ jsx4("span", { className: "ss-w-header-title", children: "SensibleStats" }),
+    /* @__PURE__ */ jsx4("button", { type: "button", className: "ss-w-close", "aria-label": "Close chat", onClick: onClose, children: /* @__PURE__ */ jsx4(CloseIcon, {}) })
+  ] });
+}
+
+// src/components/MessageList.tsx
+import { useEffect, useRef as useRef2 } from "react";
+
+// src/components/Markdown.tsx
+import ReactMarkdown from "react-markdown";
+import remarkGfm from "remark-gfm";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var components = {
+  a: ({ children, href }) => /* @__PURE__ */ jsx5("a", { href, target: "_blank", rel: "noopener noreferrer", className: "ss-w-md-link", children }),
+  table: ({ children }) => /* @__PURE__ */ jsx5("div", { className: "ss-w-table-wrap", children: /* @__PURE__ */ jsx5("table", { className: "ss-w-md-table", children }) }),
+  ul: ({ children }) => /* @__PURE__ */ jsx5("ul", { className: "ss-w-md-ul", children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx5("ol", { className: "ss-w-md-ol", children }),
+  code: ({ children }) => /* @__PURE__ */ jsx5("code", { className: "ss-w-md-code", children })
+};
+function Markdown({ text }) {
+  return /* @__PURE__ */ jsx5("div", { className: "ss-w-md", children: /* @__PURE__ */ jsx5(ReactMarkdown, { remarkPlugins: [remarkGfm], components, children: text }) });
+}
+
+// src/components/EntityCardList.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+function initials(name) {
+  return name.split(/\s+/).slice(0, 2).map((w) => w[0] ?? "").join("").toUpperCase();
+}
+function EntityCardList({ cards, onSelect }) {
+  if (cards.length === 0) return null;
+  return /* @__PURE__ */ jsx6("div", { className: "ss-w-cards", children: cards.map((c) => /* @__PURE__ */ jsxs3("button", { type: "button", className: "ss-w-ecard", onClick: () => onSelect(c.query), children: [
+    /* @__PURE__ */ jsx6(
+      "span",
+      {
+        className: c.kind === "team" ? "ss-w-thumb ss-w-team" : "ss-w-thumb",
+        style: c.image ? { backgroundImage: `url(${c.image})` } : void 0,
+        children: c.image ? "" : initials(c.name)
+      }
+    ),
+    /* @__PURE__ */ jsxs3("span", { className: "ss-w-meta", children: [
+      /* @__PURE__ */ jsx6("span", { className: "ss-w-nm", children: c.name }),
+      c.sub ? /* @__PURE__ */ jsx6("span", { className: "ss-w-sub", children: c.sub }) : null
+    ] }),
+    c.stats.map((s) => /* @__PURE__ */ jsxs3("span", { className: "ss-w-stat", children: [
+      /* @__PURE__ */ jsx6("b", { children: s.value }),
+      /* @__PURE__ */ jsx6("span", { children: s.label })
+    ] }, s.label)),
+    /* @__PURE__ */ jsx6("span", { className: "ss-w-chev", children: /* @__PURE__ */ jsx6(ChevronIcon, {}) })
+  ] }, c.id)) });
+}
+
+// src/components/ActionButtons.tsx
+import { Fragment, jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function ActionButtons({ actions, loading, onAct }) {
+  if (actions.length === 0 && !loading) return null;
+  return /* @__PURE__ */ jsxs4("div", { className: "ss-w-actions", children: [
+    actions.map((a, i) => /* @__PURE__ */ jsx7("button", { type: "button", className: "ss-w-abtn", onClick: () => onAct(a.message, a.actionId), children: a.label }, `${a.label}-${i}`)),
+    actions.length === 0 && loading ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx7("span", { className: "ss-w-abtn-shimmer" }),
+      /* @__PURE__ */ jsx7("span", { className: "ss-w-abtn-shimmer" })
+    ] }) : null
+  ] });
+}
+
+// src/components/ChatMessage.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function ChatMessage({ message, onAct, onSelect }) {
+  if (message.role === "user") {
+    return /* @__PURE__ */ jsx8("div", { className: "ss-w-msg ss-w-user", children: /* @__PURE__ */ jsx8("div", { className: "ss-w-bubble", children: message.text }) });
+  }
+  return /* @__PURE__ */ jsxs5("div", { className: "ss-w-msg ss-w-bot", children: [
+    message.text ? /* @__PURE__ */ jsx8(Markdown, { text: message.text }) : null,
+    /* @__PURE__ */ jsx8(EntityCardList, { cards: message.cards, onSelect }),
+    /* @__PURE__ */ jsx8(ActionButtons, { actions: message.actions, loading: false, onAct })
+  ] });
+}
+
+// src/components/IntentChips.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function IntentChips({ chips, onPick }) {
+  if (chips.length === 0) return null;
+  return /* @__PURE__ */ jsx9("div", { className: "ss-w-chips", children: chips.map((c, i) => /* @__PURE__ */ jsx9("button", { type: "button", className: "ss-w-chip", onClick: () => onPick(c.text), children: c.text }, `${c.text}-${i}`)) });
+}
+
+// src/components/MessageList.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function MessageList({ controller, ui }) {
+  void ui;
+  const { state, send } = controller;
+  const endRef = useRef2(null);
+  useEffect(() => {
+    endRef.current?.scrollIntoView({ block: "end" });
+  }, [state.messages, state.status]);
+  const empty = state.messages.length === 0;
+  return /* @__PURE__ */ jsxs6("div", { className: "ss-w-list", "aria-live": "polite", children: [
+    state.messages.map((m) => /* @__PURE__ */ jsx10(ChatMessage, { message: m, onAct: (msg, id) => send(msg, id), onSelect: (q) => send(q) }, m.id)),
+    state.isStreaming && state.actionsLoading ? /* @__PURE__ */ jsx10(ActionButtons, { actions: [], loading: true, onAct: () => {
+    } }) : null,
+    state.status ? /* @__PURE__ */ jsx10("div", { className: "ss-w-status", children: state.status }) : null,
+    state.error ? /* @__PURE__ */ jsxs6("div", { className: "ss-w-error", role: "alert", children: [
+      /* @__PURE__ */ jsx10("span", { children: "message" in state.error ? state.error.message : "Something went wrong." }),
+      /* @__PURE__ */ jsx10("button", { type: "button", className: "ss-w-retry", onClick: () => controller.retry(), children: "Retry" })
+    ] }) : null,
+    empty ? /* @__PURE__ */ jsx10(IntentChips, { chips: state.starters, onPick: (t) => send(t) }) : null,
+    /* @__PURE__ */ jsx10("div", { ref: endRef })
+  ] });
+}
+
+// src/components/ChatInput.tsx
+import { useState } from "react";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function ChatInput({ placeholder, streaming, onSend, onStop }) {
+  const [value, setValue] = useState("");
+  const submit = () => {
+    const t = value.trim();
+    if (!t) return;
+    onSend(t);
+    setValue("");
+  };
+  const onKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      submit();
+    }
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: "ss-w-input", children: [
+    /* @__PURE__ */ jsx11("textarea", { className: "ss-w-textarea", rows: 1, placeholder, value, onChange: (e) => setValue(e.target.value), onKeyDown }),
+    streaming ? /* @__PURE__ */ jsx11("button", { type: "button", className: "ss-w-send ss-w-stop", "aria-label": "Stop response", onClick: onStop, children: /* @__PURE__ */ jsx11("span", { className: "ss-w-stop-glyph" }) }) : /* @__PURE__ */ jsx11("button", { type: "button", className: "ss-w-send", "aria-label": "Send message", onClick: submit, children: /* @__PURE__ */ jsx11(SendIcon, {}) })
+  ] });
+}
+
+// src/components/ChatPanel.tsx
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+function ChatPanel({ controller, ui }) {
+  const { state, close, stop, send } = controller;
+  useEffect2(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [close]);
+  return /* @__PURE__ */ jsxs8("div", { className: "ss-w-panel", role: "dialog", "aria-modal": "true", "aria-label": "SensibleStats chat", children: [
+    /* @__PURE__ */ jsx12(ChatHeader, { onClose: close }),
+    /* @__PURE__ */ jsx12(MessageList, { controller, ui }),
+    /* @__PURE__ */ jsx12(ChatInput, { placeholder: ui.placeholder, streaming: state.isStreaming, onSend: (t) => send(t), onStop: stop })
+  ] });
+}
+
+// src/styles/css.generated.ts
+var WIDGET_CSS = '.ss-w-root { all: revert; }\n.ss-w-root, .ss-w-root * { box-sizing: border-box; margin: 0; padding: 0; }\n.ss-w-root {\n  --ss-w-accent: #17936a;\n  --ss-w-ink: #14181d; --ss-w-faint: #6b7580; --ss-w-line: #e4e8ec;\n  --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;\n  --ss-w-radius: 16px; --ss-w-offset-x: 20px; --ss-w-offset-y: 20px;\n  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;\n  font-size: 13px; line-height: 1.5; color: var(--ss-w-ink);\n}\n@media (prefers-color-scheme: dark) {\n  .ss-w-root[data-ss-w-theme="auto"] {\n    --ss-w-accent: #37c891; --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;\n    --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;\n  }\n}\n.ss-w-root[data-ss-w-theme="dark"] {\n  --ss-w-accent: #37c891; --ss-w-ink: #e8edf2; --ss-w-faint: #8b95a1;\n  --ss-w-line: #2a3441; --ss-w-panel: #141b24; --ss-w-bubble: #1e2732; --ss-w-nav: #0a0f16;\n}\n.ss-w-root[data-ss-w-theme="light"] {\n  --ss-w-accent: #17936a; --ss-w-ink: #14181d; --ss-w-faint: #6b7580;\n  --ss-w-line: #e4e8ec; --ss-w-panel: #ffffff; --ss-w-bubble: #f3f5f7; --ss-w-nav: #0e1622;\n}\n\n/* launcher */\n.ss-w-fab-wrap { position: fixed; bottom: var(--ss-w-offset-y); z-index: 2147483000; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }\n.ss-w-root[data-ss-w-pos="right"] .ss-w-fab-wrap { right: var(--ss-w-offset-x); }\n.ss-w-root[data-ss-w-pos="left"] .ss-w-fab-wrap { left: var(--ss-w-offset-x); align-items: flex-start; }\n.ss-w-fab { width: 56px; height: 56px; border: none; border-radius: 50%; background: var(--ss-w-nav); color: #fff; cursor: pointer; display: grid; place-items: center; box-shadow: 0 6px 20px rgba(0,0,0,.28); }\n.ss-w-fab-mark { font-size: 30px; }\n.ss-w-greeting { max-width: 220px; background: var(--ss-w-panel); color: var(--ss-w-ink); border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 9px 12px; box-shadow: 0 4px 14px rgba(0,0,0,.14); }\n\n/* panel */\n.ss-w-panel { position: fixed; bottom: calc(var(--ss-w-offset-y) + 72px); z-index: 2147483000; display: flex; flex-direction: column; width: min(400px, calc(100vw - 40px)); height: min(620px, calc(100vh - 120px)); background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: var(--ss-w-radius); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,.24); }\n.ss-w-root[data-ss-w-pos="right"] .ss-w-panel { right: var(--ss-w-offset-x); }\n.ss-w-root[data-ss-w-pos="left"] .ss-w-panel { left: var(--ss-w-offset-x); }\n@media (max-width: 639px) {\n  .ss-w-panel { inset: 0; width: 100vw; height: 100vh; border: none; border-radius: 0; }\n}\n.ss-w-header { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--ss-w-line); }\n.ss-w-header-mark { font-size: 18px; }\n.ss-w-header-title { font-weight: 660; }\n.ss-w-close { margin-left: auto; background: none; border: none; color: var(--ss-w-faint); cursor: pointer; font-size: 16px; display: grid; place-items: center; }\n\n/* messages */\n.ss-w-list { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 12px; }\n.ss-w-msg { display: flex; }\n.ss-w-user { justify-content: flex-end; }\n.ss-w-user .ss-w-bubble { background: color-mix(in srgb, var(--ss-w-accent) 14%, var(--ss-w-panel)); border: 1px solid color-mix(in srgb, var(--ss-w-accent) 30%, var(--ss-w-line)); border-radius: 14px; padding: 8px 12px; max-width: 80%; }\n.ss-w-bot { flex-direction: column; gap: 8px; }\n.ss-w-status { font-size: 11px; color: var(--ss-w-faint); font-style: italic; }\n.ss-w-error { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #c0392b; }\n.ss-w-retry { background: none; border: 1px solid currentColor; border-radius: 10px; padding: 2px 8px; cursor: pointer; color: inherit; }\n\n/* markdown */\n.ss-w-md { display: flex; flex-direction: column; gap: 8px; }\n.ss-w-md :where(p, ul, ol, table, pre, blockquote, h1, h2, h3, h4) { margin: 0; }\n.ss-w-md > *:first-child { margin-top: 0; }\n.ss-w-md > *:last-child { margin-bottom: 0; }\n.ss-w-md-ul { list-style: disc outside; padding-left: 18px; }\n.ss-w-md-ol { list-style: decimal outside; padding-left: 18px; }\n.ss-w-md-ul li::marker, .ss-w-md-ol li::marker { color: var(--ss-w-accent); }\n.ss-w-md-link { color: var(--ss-w-accent); text-decoration: underline; }\n.ss-w-table-wrap { overflow-x: auto; }\n.ss-w-md-table { border-collapse: collapse; width: 100%; font-variant-numeric: tabular-nums; }\n.ss-w-md-table td, .ss-w-md-table th { border: 1px solid var(--ss-w-line); padding: 4px 8px; text-align: left; }\n.ss-w-md-table tr:nth-child(even) { background: var(--ss-w-bubble); }\n.ss-w-md-code { background: var(--ss-w-bubble); border-radius: 5px; padding: 1px 5px; font-family: ui-monospace, monospace; }\n\n/* entity cards */\n.ss-w-cards { display: flex; flex-direction: column; gap: 7px; }\n.ss-w-ecard { display: flex; align-items: center; gap: 11px; width: 100%; background: var(--ss-w-panel); border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 11px; text-align: left; cursor: pointer; }\n.ss-w-thumb { width: 40px; height: 40px; flex: none; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #fff; background-color: var(--ss-w-nav); background-size: cover; background-position: center; }\n.ss-w-thumb.ss-w-team { border-radius: 10px; }\n.ss-w-meta { display: flex; flex-direction: column; min-width: 0; }\n.ss-w-nm { font-weight: 660; }\n.ss-w-sub { font-size: 11px; color: var(--ss-w-faint); }\n.ss-w-stat { margin-left: auto; text-align: center; }\n.ss-w-stat b { display: block; font-variant-numeric: tabular-nums; }\n.ss-w-stat span { font-size: 9px; text-transform: uppercase; color: var(--ss-w-faint); }\n.ss-w-chev { color: var(--ss-w-faint); font-size: 16px; display: grid; place-items: center; }\n\n/* action buttons */\n.ss-w-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }\n.ss-w-abtn { font-size: 12px; font-weight: 560; color: var(--ss-w-accent); background: var(--ss-w-panel); border: 1px solid var(--ss-w-accent); border-radius: 16px; padding: 6px 12px; cursor: pointer; }\n.ss-w-abtn-shimmer { width: 140px; height: 30px; border-radius: 16px; background: linear-gradient(90deg, var(--ss-w-bubble), var(--ss-w-line), var(--ss-w-bubble)); background-size: 200% 100%; animation: ss-w-shimmer 1.2s infinite; }\n@keyframes ss-w-shimmer { from { background-position: 200% 0; } to { background-position: -200% 0; } }\n\n/* intent chips */\n.ss-w-chips { display: flex; flex-wrap: wrap; gap: 6px; }\n.ss-w-chip { font-size: 11.5px; font-weight: 550; color: var(--ss-w-ink); background: var(--ss-w-bubble); border: 1px solid var(--ss-w-line); border-radius: 14px; padding: 5px 11px; cursor: pointer; }\n\n/* input */\n.ss-w-input { display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--ss-w-line); }\n.ss-w-textarea { flex: 1; resize: none; border: 1px solid var(--ss-w-line); border-radius: 12px; padding: 8px 10px; font: inherit; color: inherit; background: var(--ss-w-panel); max-height: 96px; }\n.ss-w-send { width: 36px; height: 36px; flex: none; border: none; border-radius: 50%; background: var(--ss-w-accent); color: #fff; cursor: pointer; display: grid; place-items: center; font-size: 16px; }\n.ss-w-stop-glyph { width: 11px; height: 11px; background: currentColor; border-radius: 2px; }\n\n@media (prefers-reduced-motion: reduce) {\n  .ss-w-abtn-shimmer { animation: none; }\n}\n';
+
+// src/StatsWidget.tsx
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+function buildClient(props) {
+  try {
+    if ("client" in props && props.client) {
+      return { client: props.client, conversation: props.client.conversation() };
+    }
+    const cfg = props.config;
+    const client = new StatsWidgetClient(toClientOptions(cfg));
+    return { client, conversation: client.conversation(toUserContext(cfg)) };
+  } catch (err) {
+    console.error("[StatsWidget] failed to initialize:", err instanceof Error ? err.message : err);
+    return null;
+  }
+}
+function injectStyles(root) {
+  const host = root instanceof ShadowRoot ? root : root.head;
+  if (host.querySelector("#ss-w-styles")) return;
+  const el = document.createElement("style");
+  el.id = "ss-w-styles";
+  el.textContent = WIDGET_CSS;
+  host.appendChild(el);
+}
+function StatsWidget(props) {
+  const injectedClient = "client" in props ? props.client : void 0;
+  const cfg = props.config;
+  const built = useMemo2(() => buildClient(props), [injectedClient, cfg?.operatorId, cfg?.publicKey, cfg?.baseUrl]);
+  const ui = useMemo2(() => normalizeUi(props.config ?? { operatorId: "", publicKey: "" }), [props.config]);
+  const rootRef = useRef3(null);
+  const controller = useChatStream(built?.conversation ?? emptyConversation(), ui.starters);
+  useEffect3(() => {
+    if (!built || !ui.injectStyles) return;
+    const node = rootRef.current?.getRootNode();
+    if (node) injectStyles(node);
+  }, [built, ui.injectStyles]);
+  if (!built) return null;
+  const attrs = themeAttrs(ui);
+  return /* @__PURE__ */ jsxs9("div", { ref: rootRef, className: "ss-w-root", "data-ss-w-theme": attrs["data-ss-w-theme"], "data-ss-w-pos": attrs["data-ss-w-pos"], style: attrs.style, children: [
+    controller.state.isOpen ? /* @__PURE__ */ jsx13(ChatPanel, { controller, ui }) : null,
+    /* @__PURE__ */ jsx13(ChatFab, { label: ui.launcherLabel, open: controller.state.isOpen, greeting: ui.greeting, onToggle: controller.toggle })
+  ] });
+}
+function emptyConversation() {
+  return { send: () => {
+    throw new Error("widget not initialized");
+  } };
+}
+export {
+  StatsWidget,
+  WIDGET_CSS
+};
+//# sourceMappingURL=index.js.map