@tanstack/ai-devtools-core 0.0.1

package/dist/esm/components/list/ConversationRow.js

@@ -0,0 +1,122 @@
+import { template, insert, createComponent, effect, className, setAttribute, setStyleProperty, delegateEvents } from "solid-js/web";
+import { Show } from "solid-js";
+import { useStyles } from "../../styles/use-styles.js";
+import { useAIStore } from "../../store/ai-context.js";
+import { getTypeColor, getStatusColor } from "../utils/format.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div>🔧 `), _tmpl$2 = /* @__PURE__ */ template(`<div>⟳`), _tmpl$3 = /* @__PURE__ */ template(`<div>🎯 `), _tmpl$4 = /* @__PURE__ */ template(`<div><div><div><div><div></div><div></div></div><div><div></div></div></div><div><div>💬 </div><div>📦 `);
+const ConversationRow = (props) => {
+  const {
+    state,
+    selectConversation
+  } = useAIStore();
+  const styles = useStyles();
+  const conv = () => props.conversation;
+  const hasToolCalls = () => {
+    return conv().messages.some((msg) => msg.toolCalls && msg.toolCalls.length > 0);
+  };
+  const countToolCalls = () => {
+    return conv().messages.reduce((total, msg) => {
+      return total + (msg.toolCalls?.length || 0);
+    }, 0);
+  };
+  const totalRawChunks = () => {
+    return conv().chunks.reduce((sum, c) => sum + (c.chunkCount || 1), 0);
+  };
+  return (() => {
+    var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling, _el$9 = _el$4.nextSibling, _el$1 = _el$9.firstChild, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
+    _el$11.firstChild;
+    var _el$13 = _el$11.nextSibling;
+    _el$13.firstChild;
+    _el$.$$click = () => selectConversation(conv().id);
+    insert(_el$6, () => conv().label);
+    insert(_el$4, createComponent(Show, {
+      get when() {
+        return hasToolCalls();
+      },
+      get children() {
+        var _el$7 = _tmpl$();
+        _el$7.firstChild;
+        insert(_el$7, countToolCalls, null);
+        effect((_p$) => {
+          var _v$ = styles().conversationsList.toolCallsBadge, _v$2 = `${countToolCalls()} tool call${countToolCalls() !== 1 ? "s" : ""}`;
+          _v$ !== _p$.e && className(_el$7, _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$7, "title", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$7;
+      }
+    }), null);
+    insert(_el$9, createComponent(Show, {
+      get when() {
+        return conv().status === "active";
+      },
+      get children() {
+        var _el$0 = _tmpl$2();
+        effect(() => className(_el$0, styles().conversationsList.loadingIndicator));
+        return _el$0;
+      }
+    }), _el$1);
+    insert(_el$11, () => conv().messages.length, null);
+    insert(_el$13, totalRawChunks, null);
+    insert(_el$10, createComponent(Show, {
+      get when() {
+        return conv().usage;
+      },
+      get children() {
+        var _el$15 = _tmpl$3();
+        _el$15.firstChild;
+        insert(_el$15, () => conv().usage?.totalTokens.toLocaleString() || 0, null);
+        effect((_p$) => {
+          var _v$3 = styles().conversationsList.tokensBadge, _v$4 = `Prompt: ${conv().usage?.promptTokens || 0} | Completion: ${conv().usage?.completionTokens || 0}`;
+          _v$3 !== _p$.e && className(_el$15, _p$.e = _v$3);
+          _v$4 !== _p$.t && setAttribute(_el$15, "title", _p$.t = _v$4);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$15;
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$5 = `${styles().utilRow} ${state.activeConversationId === conv().id ? styles().utilRowSelected : ""}`, _v$6 = styles().conversationsList.rowMain, _v$7 = styles().conversationsList.rowTop, _v$8 = styles().conversationsList.rowInfo, _v$9 = styles().conversationsList.typeDot, _v$0 = getTypeColor(conv().type), _v$1 = styles().conversationsList.label, _v$10 = styles().conversationsList.rowRight, _v$11 = styles().conversationsList.statusDot, _v$12 = getStatusColor(conv().status), _v$13 = styles().conversationsList.stats, _v$14 = styles().conversationsList.statItem, _v$15 = styles().conversationsList.statItem;
+      _v$5 !== _p$.e && className(_el$, _p$.e = _v$5);
+      _v$6 !== _p$.t && className(_el$2, _p$.t = _v$6);
+      _v$7 !== _p$.a && className(_el$3, _p$.a = _v$7);
+      _v$8 !== _p$.o && className(_el$4, _p$.o = _v$8);
+      _v$9 !== _p$.i && className(_el$5, _p$.i = _v$9);
+      _v$0 !== _p$.n && setStyleProperty(_el$5, "background", _p$.n = _v$0);
+      _v$1 !== _p$.s && className(_el$6, _p$.s = _v$1);
+      _v$10 !== _p$.h && className(_el$9, _p$.h = _v$10);
+      _v$11 !== _p$.r && className(_el$1, _p$.r = _v$11);
+      _v$12 !== _p$.d && setStyleProperty(_el$1, "background", _p$.d = _v$12);
+      _v$13 !== _p$.l && className(_el$10, _p$.l = _v$13);
+      _v$14 !== _p$.u && className(_el$11, _p$.u = _v$14);
+      _v$15 !== _p$.c && className(_el$13, _p$.c = _v$15);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0,
+      r: void 0,
+      d: void 0,
+      l: void 0,
+      u: void 0,
+      c: void 0
+    });
+    return _el$;
+  })();
+};
+delegateEvents(["click"]);
+export {
+  ConversationRow
+};
+//# sourceMappingURL=ConversationRow.js.map

package/dist/esm/components/list/ConversationRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationRow.js","sources":["../../../../src/components/list/ConversationRow.tsx"],"sourcesContent":["import { Show } from 'solid-js'\nimport { useStyles } from '../../styles/use-styles'\nimport { useAIStore } from '../../store/ai-context'\nimport { getStatusColor, getTypeColor } from '../utils'\nimport type { Conversation } from '../../store/ai-context'\nimport type { Component } from 'solid-js'\n\ninterface ConversationRowProps {\n  conversation: Conversation\n}\n\nexport const ConversationRow: Component<ConversationRowProps> = (props) => {\n  const { state, selectConversation } = useAIStore()\n  const styles = useStyles()\n  const conv = () => props.conversation\n\n  const hasToolCalls = () => {\n    return conv().messages.some(\n      (msg) => msg.toolCalls && msg.toolCalls.length > 0,\n    )\n  }\n\n  const countToolCalls = () => {\n    return conv().messages.reduce((total, msg) => {\n      return total + (msg.toolCalls?.length || 0)\n    }, 0)\n  }\n\n  // Total raw chunks = sum of all chunkCounts from all chunks\n  const totalRawChunks = () => {\n    return conv().chunks.reduce((sum, c) => sum + (c.chunkCount || 1), 0)\n  }\n\n  return (\n    <div\n      class={`${styles().utilRow} ${state.activeConversationId === conv().id ? styles().utilRowSelected : ''}`}\n      onClick={() => selectConversation(conv().id)}\n    >\n      <div class={styles().conversationsList.rowMain}>\n        <div class={styles().conversationsList.rowTop}>\n          <div class={styles().conversationsList.rowInfo}>\n            <div\n              class={styles().conversationsList.typeDot}\n              style={{ background: getTypeColor(conv().type) }}\n            />\n            <div class={styles().conversationsList.label}>{conv().label}</div>\n            <Show when={hasToolCalls()}>\n              <div\n                class={styles().conversationsList.toolCallsBadge}\n                title={`${countToolCalls()} tool call${countToolCalls() !== 1 ? 's' : ''}`}\n              >\n                🔧 {countToolCalls()}\n              </div>\n            </Show>\n          </div>\n          <div class={styles().conversationsList.rowRight}>\n            <Show when={conv().status === 'active'}>\n              <div class={styles().conversationsList.loadingIndicator}>⟳</div>\n            </Show>\n            <div\n              class={styles().conversationsList.statusDot}\n              style={{ background: getStatusColor(conv().status) }}\n            />\n          </div>\n        </div>\n        <div class={styles().conversationsList.stats}>\n          <div class={styles().conversationsList.statItem}>\n            💬 {conv().messages.length}\n          </div>\n          <div class={styles().conversationsList.statItem}>\n            📦 {totalRawChunks()}\n          </div>\n          <Show when={conv().usage}>\n            <div\n              class={styles().conversationsList.tokensBadge}\n              title={`Prompt: ${conv().usage?.promptTokens || 0} | Completion: ${conv().usage?.completionTokens || 0}`}\n            >\n              🎯 {conv().usage?.totalTokens.toLocaleString() || 0}\n            </div>\n          </Show>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["ConversationRow","props","state","selectConversation","useAIStore","styles","useStyles","conv","conversation","hasToolCalls","messages","some","msg","toolCalls","length","countToolCalls","reduce","total","totalRawChunks","chunks","sum","c","chunkCount","_el$","_tmpl$4","_el$2","firstChild","_el$3","_el$4","_el$5","_el$6","nextSibling","_el$9","_el$1","_el$10","_el$11","_el$13","$$click","id","_$insert","label","_$createComponent","Show","when","children","_el$7","_tmpl$","_$effect","_p$","_v$","conversationsList","toolCallsBadge","_v$2","e","_$className","t","_$setAttribute","undefined","status","_el$0","_tmpl$2","loadingIndicator","usage","_el$15","_tmpl$3","totalTokens","toLocaleString","_v$3","tokensBadge","_v$4","promptTokens","completionTokens","_v$5","utilRow","activeConversationId","utilRowSelected","_v$6","rowMain","_v$7","rowTop","_v$8","rowInfo","_v$9","typeDot","_v$0","getTypeColor","type","_v$1","_v$10","rowRight","_v$11","statusDot","_v$12","getStatusColor","_v$13","stats","_v$14","statItem","_v$15","a","o","i","n","_$setStyleProperty","s","h","r","d","l","u","_$delegateEvents"],"mappings":"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"}

package/dist/esm/components/list/index.d.ts

@@ -0,0 +1 @@
+export { ConversationRow } from './ConversationRow.js';

package/dist/esm/components/utils/format.d.ts

@@ -0,0 +1,6 @@
+import { Chunk } from '../../store/ai-store.js';
+export declare const formatTimestamp: (timestamp: number) => string;
+export declare const formatDuration: (ms?: number) => string;
+export declare const getChunkTypeColor: (type: Chunk["type"]) => string;
+export declare const getStatusColor: (status: "active" | "completed" | "error") => string;
+export declare const getTypeColor: (type: "client" | "server") => string;

package/dist/esm/components/utils/format.js

@@ -0,0 +1,68 @@
+const formatTimestamp = (timestamp) => {
+  const date = new Date(timestamp);
+  return date.toLocaleTimeString() + "." + date.getMilliseconds().toString().padStart(3, "0");
+};
+const formatDuration = (ms) => {
+  if (!ms) return "-";
+  if (ms < 1e3) return `${ms}ms`;
+  return `${(ms / 1e3).toFixed(2)}s`;
+};
+const getChunkTypeColor = (type) => {
+  switch (type) {
+    case "content":
+      return "#10b981";
+    // green
+    case "tool_call":
+      return "#8b5cf6";
+    // purple
+    case "tool_result":
+      return "#3b82f6";
+    // blue
+    case "done":
+      return "#6b7280";
+    // gray
+    case "error":
+      return "#ef4444";
+    // red
+    case "approval":
+      return "#f59e0b";
+    // orange/amber
+    default:
+      return "#6b7280";
+  }
+};
+const getStatusColor = (status) => {
+  switch (status) {
+    case "active":
+      return "oklch(0.7 0.17 142)";
+    // green
+    case "completed":
+      return "oklch(0.65 0.1 260)";
+    // blue
+    case "error":
+      return "oklch(0.65 0.2 25)";
+    // red
+    default:
+      return "oklch(0.6 0.05 200)";
+  }
+};
+const getTypeColor = (type) => {
+  switch (type) {
+    case "client":
+      return "oklch(0.68 0.16 330)";
+    // pink
+    case "server":
+      return "oklch(0.68 0.15 280)";
+    // purple
+    default:
+      return "oklch(0.6 0.05 200)";
+  }
+};
+export {
+  formatDuration,
+  formatTimestamp,
+  getChunkTypeColor,
+  getStatusColor,
+  getTypeColor
+};
+//# sourceMappingURL=format.js.map

package/dist/esm/components/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","sources":["../../../../src/components/utils/format.ts"],"sourcesContent":["import type { Chunk } from '../../store/ai-store'\n\nexport const formatTimestamp = (timestamp: number): string => {\n  const date = new Date(timestamp)\n  return (\n    date.toLocaleTimeString() +\n    '.' +\n    date.getMilliseconds().toString().padStart(3, '0')\n  )\n}\n\nexport const formatDuration = (ms?: number): string => {\n  if (!ms) return '-'\n  if (ms < 1000) return `${ms}ms`\n  return `${(ms / 1000).toFixed(2)}s`\n}\n\nexport const getChunkTypeColor = (type: Chunk['type']): string => {\n  switch (type) {\n    case 'content':\n      return '#10b981' // green\n    case 'tool_call':\n      return '#8b5cf6' // purple\n    case 'tool_result':\n      return '#3b82f6' // blue\n    case 'done':\n      return '#6b7280' // gray\n    case 'error':\n      return '#ef4444' // red\n    case 'approval':\n      return '#f59e0b' // orange/amber\n    default:\n      return '#6b7280' // gray\n  }\n}\n\nexport const getStatusColor = (\n  status: 'active' | 'completed' | 'error',\n): string => {\n  switch (status) {\n    case 'active':\n      return 'oklch(0.7 0.17 142)' // green\n    case 'completed':\n      return 'oklch(0.65 0.1 260)' // blue\n    case 'error':\n      return 'oklch(0.65 0.2 25)' // red\n    default:\n      return 'oklch(0.6 0.05 200)'\n  }\n}\n\nexport const getTypeColor = (type: 'client' | 'server'): string => {\n  switch (type) {\n    case 'client':\n      return 'oklch(0.68 0.16 330)' // pink\n    case 'server':\n      return 'oklch(0.68 0.15 280)' // purple\n    default:\n      return 'oklch(0.6 0.05 200)'\n  }\n}\n"],"names":[],"mappings":"AAEO,MAAM,kBAAkB,CAAC,cAA8B;AAC5D,QAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,SACE,KAAK,uBACL,MACA,KAAK,gBAAA,EAAkB,SAAA,EAAW,SAAS,GAAG,GAAG;AAErD;AAEO,MAAM,iBAAiB,CAAC,OAAwB;AACrD,MAAI,CAAC,GAAI,QAAO;AAChB,MAAI,KAAK,IAAM,QAAO,GAAG,EAAE;AAC3B,SAAO,IAAI,KAAK,KAAM,QAAQ,CAAC,CAAC;AAClC;AAEO,MAAM,oBAAoB,CAAC,SAAgC;AAChE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,MAAM,iBAAiB,CAC5B,WACW;AACX,UAAQ,QAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,MAAM,eAAe,CAAC,SAAsC;AACjE,UAAQ,MAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA;AAAA,IACT,KAAK;AACH,aAAO;AAAA;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;"}

package/dist/esm/components/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './format.js';

package/dist/esm/core.d.ts

@@ -0,0 +1,18 @@
+export interface AiDevtoolsInit {
+}
+declare const AiDevtoolsCore: new () => {
+    "__#private@#isMounted": boolean;
+    "__#private@#dispose"?: () => void;
+    "__#private@#Component": any;
+    "__#private@#ThemeProvider": any;
+    mount<T extends HTMLElement>(el: T, theme: "light" | "dark"): Promise<void>;
+    unmount(): void;
+}, AiDevtoolsCoreNoOp: new () => {
+    mount<T extends HTMLElement>(_el: T, _theme: "light" | "dark"): Promise<void>;
+    unmount(): void;
+    "__#private@#isMounted": boolean;
+    "__#private@#dispose"?: () => void;
+    "__#private@#Component": any;
+    "__#private@#ThemeProvider": any;
+};
+export { AiDevtoolsCore, AiDevtoolsCoreNoOp };

package/dist/esm/core.js

@@ -0,0 +1,9 @@
+import { lazy } from "solid-js";
+import { constructCoreClass } from "@tanstack/devtools-utils/solid";
+const Component = lazy(() => import("./components/Shell.js"));
+const [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(Component);
+export {
+  AiDevtoolsCore,
+  AiDevtoolsCoreNoOp
+};
+//# sourceMappingURL=core.js.map

package/dist/esm/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sources":["../../src/core.tsx"],"sourcesContent":["import { lazy } from 'solid-js'\nimport { constructCoreClass } from '@tanstack/devtools-utils/solid'\n\nconst Component = lazy(() => import('./components/Shell'))\n\nexport interface AiDevtoolsInit {}\n\nconst [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(Component)\n\nexport { AiDevtoolsCore, AiDevtoolsCoreNoOp }\n"],"names":["Component","lazy","AiDevtoolsCore","AiDevtoolsCoreNoOp","constructCoreClass"],"mappings":";;AAGA,MAAMA,YAAYC,KAAK,MAAM,OAAO,uBAAoB,CAAC;AAIzD,MAAM,CAACC,gBAAgBC,kBAAkB,IAAIC,mBAAmBJ,SAAS;"}

package/dist/esm/index.d.ts

@@ -0,0 +1,9 @@
+export declare const AiDevtoolsCore: new () => {
+    "__#private@#isMounted": boolean;
+    "__#private@#dispose"?: () => void;
+    "__#private@#Component": any;
+    "__#private@#ThemeProvider": any;
+    mount<T extends HTMLElement>(el: T, theme: "light" | "dark"): Promise<void>;
+    unmount(): void;
+};
+export type { AiDevtoolsInit } from './core.js';

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+import { AiDevtoolsCoreNoOp, AiDevtoolsCore as AiDevtoolsCore$1 } from "./core.js";
+const AiDevtoolsCore = process.env.NODE_ENV !== "development" ? AiDevtoolsCoreNoOp : AiDevtoolsCore$1;
+export {
+  AiDevtoolsCore
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import * as Devtools from './core'\n\nexport const AiDevtoolsCore =\n  process.env.NODE_ENV !== 'development'\n    ? Devtools.AiDevtoolsCoreNoOp\n    : Devtools.AiDevtoolsCore\n\nexport type { AiDevtoolsInit } from './core'\n"],"names":["Devtools.AiDevtoolsCoreNoOp","Devtools.AiDevtoolsCore"],"mappings":";AAEO,MAAM,iBACX,QAAQ,IAAI,aAAa,gBACrBA,qBACAC;"}

package/dist/esm/production.d.ts

@@ -0,0 +1,2 @@
+export { AiDevtoolsCore } from './core.js';
+export type { AiDevtoolsInit } from './core.js';

package/dist/esm/production.js

@@ -0,0 +1,5 @@
+import { AiDevtoolsCore } from "./core.js";
+export {
+  AiDevtoolsCore
+};
+//# sourceMappingURL=production.js.map

package/dist/esm/production.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/store/ai-context.d.ts

@@ -0,0 +1,126 @@
+import { ParentComponent } from 'solid-js';
+interface MessagePart {
+    type: 'text' | 'tool-call' | 'tool-result';
+    content?: string;
+    toolCallId?: string;
+    toolName?: string;
+    arguments?: string;
+    state?: string;
+    output?: unknown;
+    error?: string;
+}
+export interface ToolCall {
+    id: string;
+    name: string;
+    arguments: string;
+    state: string;
+    result?: unknown;
+    approvalRequired?: boolean;
+    approvalId?: string;
+    /** Duration of tool execution in milliseconds */
+    duration?: number;
+}
+interface TokenUsage {
+    promptTokens: number;
+    completionTokens: number;
+    totalTokens: number;
+}
+export interface Message {
+    id: string;
+    role: 'user' | 'assistant' | 'system' | 'tool';
+    content: string;
+    timestamp: number;
+    parts?: Array<MessagePart>;
+    toolCalls?: Array<ToolCall>;
+    /** Consolidated chunks - consecutive same-type chunks are merged into one entry */
+    chunks?: Array<Chunk>;
+    /** Total number of raw chunks received (before consolidation) */
+    totalChunkCount?: number;
+    model?: string;
+    usage?: TokenUsage;
+    thinkingContent?: string;
+    /** Source of the message: 'client' for aggregated client-side data, 'server' for individual server chunks */
+    source?: 'client' | 'server';
+}
+/**
+ * Consolidated chunk - represents one or more raw chunks of the same type.
+ * Consecutive content/thinking chunks are merged into a single entry with accumulated content.
+ */
+export interface Chunk {
+    id: string;
+    type: 'content' | 'tool_call' | 'tool_result' | 'done' | 'error' | 'approval' | 'thinking';
+    timestamp: number;
+    messageId?: string;
+    /** Accumulated content from all merged chunks */
+    content?: string;
+    /** The last delta received (kept for debugging) */
+    delta?: string;
+    toolName?: string;
+    toolCallId?: string;
+    finishReason?: string;
+    error?: string;
+    approvalId?: string;
+    input?: unknown;
+    /** Tool arguments for tool_call chunks */
+    arguments?: string;
+    /** Tool result data for tool_result chunks */
+    result?: unknown;
+    /** Duration in ms for tool execution */
+    duration?: number;
+    /** Number of raw chunks that were merged into this consolidated chunk */
+    chunkCount: number;
+}
+export interface EmbeddingOperation {
+    id: string;
+    model: string;
+    inputCount: number;
+    duration: number;
+    timestamp: number;
+    status: 'started' | 'completed';
+}
+export interface SummarizeOperation {
+    id: string;
+    model: string;
+    inputLength: number;
+    outputLength?: number;
+    duration?: number;
+    timestamp: number;
+    status: 'started' | 'completed';
+}
+export interface Conversation {
+    id: string;
+    type: 'client' | 'server';
+    label: string;
+    messages: Array<Message>;
+    chunks: Array<Chunk>;
+    model?: string;
+    provider?: string;
+    status: 'active' | 'completed' | 'error';
+    startedAt: number;
+    completedAt?: number;
+    usage?: TokenUsage;
+    iterationCount?: number;
+    toolNames?: Array<string>;
+    options?: Record<string, unknown>;
+    providerOptions?: Record<string, unknown>;
+    /** Flags for which operation types this conversation has */
+    hasChat?: boolean;
+    hasEmbedding?: boolean;
+    hasSummarize?: boolean;
+    /** Embedding operations in this conversation */
+    embeddings?: Array<EmbeddingOperation>;
+    /** Summarize operations in this conversation */
+    summaries?: Array<SummarizeOperation>;
+}
+interface AIStoreState {
+    conversations: Record<string, Conversation>;
+    activeConversationId: string | null;
+}
+interface AIContextValue {
+    state: AIStoreState;
+    clearAllConversations: () => void;
+    selectConversation: (id: string) => void;
+}
+export declare function useAIStore(): AIContextValue;
+export declare const AIProvider: ParentComponent;
+export {};