@tanstack/ai-devtools-core 0.3.6 → 0.3.8

package/dist/esm/store/ai-context.js

@@ -1,1238 +0,0 @@
-import { createComponent } from "solid-js/web";
-import { onMount, onCleanup, createContext, useContext, batch } from "solid-js";
-import { createStore, produce } from "solid-js/store";
-import { aiEventClient } from "@tanstack/ai/event-client";
-const AIContext = createContext();
-function useAIStore() {
-  const context = useContext(AIContext);
-  if (!context) {
-    throw new Error("useAIStore must be used within an AIProvider");
-  }
-  return context;
-}
-const AIProvider = (props) => {
-  const [state, setState] = createStore({
-    conversations: {},
-    activeConversationId: null
-  });
-  const streamToConversation = /* @__PURE__ */ new Map();
-  const requestToConversation = /* @__PURE__ */ new Map();
-  const pendingConversationChunks = /* @__PURE__ */ new Map();
-  const pendingMessageChunks = /* @__PURE__ */ new Map();
-  let batchScheduled = false;
-  function scheduleBatchFlush() {
-    if (batchScheduled) return;
-    batchScheduled = true;
-    queueMicrotask(flushPendingChunks);
-  }
-  function isMergeableChunkType(type) {
-    return type === "content" || type === "thinking";
-  }
-  function mergeChunks(existing, pending) {
-    for (const chunk of pending) {
-      const lastChunk = existing[existing.length - 1];
-      if (lastChunk && lastChunk.type === chunk.type && isMergeableChunkType(chunk.type) && lastChunk.messageId === chunk.messageId) {
-        lastChunk.content = chunk.content || lastChunk.content;
-        lastChunk.delta = chunk.delta;
-        lastChunk.chunkCount += chunk.chunkCount;
-      } else {
-        existing.push(chunk);
-      }
-    }
-  }
-  function flushPendingChunks() {
-    batchScheduled = false;
-    batch(() => {
-      for (const [conversationId, {
-        chunks,
-        newChunkCount
-      }] of pendingConversationChunks) {
-        const conv = state.conversations[conversationId];
-        if (conv) {
-          setState("conversations", conversationId, "chunks", produce((arr) => {
-            mergeChunks(arr, chunks);
-          }));
-        }
-      }
-      pendingConversationChunks.clear();
-      for (const [conversationId, messageMap] of pendingMessageChunks) {
-        const conv = state.conversations[conversationId];
-        if (!conv) continue;
-        for (const [messageIndex, {
-          chunks,
-          newChunkCount
-        }] of messageMap) {
-          const message = conv.messages[messageIndex];
-          if (message) {
-            setState("conversations", conversationId, "messages", messageIndex, "chunks", produce((arr) => {
-              if (!arr) {
-                return chunks;
-              }
-              mergeChunks(arr, chunks);
-              return arr;
-            }));
-            const currentTotal = message.totalChunkCount || 0;
-            setState("conversations", conversationId, "messages", messageIndex, "totalChunkCount", currentTotal + newChunkCount);
-          }
-        }
-      }
-      pendingMessageChunks.clear();
-    });
-  }
-  function queueChunk(conversationId, chunk) {
-    if (!pendingConversationChunks.has(conversationId)) {
-      pendingConversationChunks.set(conversationId, {
-        chunks: [],
-        newChunkCount: 0
-      });
-    }
-    const pending = pendingConversationChunks.get(conversationId);
-    const lastPending = pending.chunks[pending.chunks.length - 1];
-    if (lastPending && lastPending.type === chunk.type && isMergeableChunkType(chunk.type) && lastPending.messageId === chunk.messageId) {
-      lastPending.content = chunk.content || lastPending.content;
-      lastPending.delta = chunk.delta;
-      lastPending.chunkCount += chunk.chunkCount;
-    } else {
-      pending.chunks.push(chunk);
-    }
-    pending.newChunkCount += chunk.chunkCount;
-    scheduleBatchFlush();
-  }
-  function queueMessageChunk(conversationId, messageIndex, chunk) {
-    if (!pendingMessageChunks.has(conversationId)) {
-      pendingMessageChunks.set(conversationId, /* @__PURE__ */ new Map());
-    }
-    const messageMap = pendingMessageChunks.get(conversationId);
-    if (!messageMap.has(messageIndex)) {
-      messageMap.set(messageIndex, {
-        chunks: [],
-        newChunkCount: 0
-      });
-    }
-    const pending = messageMap.get(messageIndex);
-    const lastPending = pending.chunks[pending.chunks.length - 1];
-    if (lastPending && lastPending.type === chunk.type && isMergeableChunkType(chunk.type) && lastPending.messageId === chunk.messageId) {
-      lastPending.content = chunk.content || lastPending.content;
-      lastPending.delta = chunk.delta;
-      lastPending.chunkCount += chunk.chunkCount;
-    } else {
-      pending.chunks.push(chunk);
-    }
-    pending.newChunkCount += chunk.chunkCount;
-    scheduleBatchFlush();
-  }
-  function getOrCreateConversation(id, type, label) {
-    if (!state.conversations[id]) {
-      setState("conversations", id, {
-        id,
-        type,
-        label,
-        messages: [],
-        chunks: [],
-        imageEvents: [],
-        speechEvents: [],
-        transcriptionEvents: [],
-        videoEvents: [],
-        status: "active",
-        startedAt: Date.now()
-      });
-      if (!state.activeConversationId) {
-        setState("activeConversationId", id);
-      }
-    }
-  }
-  function addMessage(conversationId, message) {
-    const conv = state.conversations[conversationId];
-    if (!conv) return;
-    setState("conversations", conversationId, "messages", conv.messages.length, message);
-  }
-  function addChunkToMessage(conversationId, chunk) {
-    const conv = state.conversations[conversationId];
-    if (!conv) return;
-    if (chunk.messageId) {
-      const messageIndex = conv.messages.findIndex((msg) => msg.id === chunk.messageId);
-      if (messageIndex !== -1) {
-        queueMessageChunk(conversationId, messageIndex, chunk);
-        return;
-      } else {
-        const newMessage = {
-          id: chunk.messageId,
-          role: "assistant",
-          content: "",
-          timestamp: chunk.timestamp,
-          model: conv.model,
-          chunks: [chunk]
-        };
-        setState("conversations", conversationId, "messages", conv.messages.length, newMessage);
-        return;
-      }
-    }
-    for (let i = conv.messages.length - 1; i >= 0; i--) {
-      const message = conv.messages[i];
-      if (message && message.role === "assistant") {
-        queueMessageChunk(conversationId, i, chunk);
-        return;
-      }
-    }
-    addChunk(conversationId, chunk);
-  }
-  function updateMessageUsage(conversationId, messageId, cumulativeUsage) {
-    const conv = state.conversations[conversationId];
-    if (!conv) return;
-    let previousPromptTokens = 0;
-    let previousCompletionTokens = 0;
-    let targetMessageIndex = -1;
-    if (messageId) {
-      targetMessageIndex = conv.messages.findIndex((msg) => msg.id === messageId);
-    } else {
-      for (let i = conv.messages.length - 1; i >= 0; i--) {
-        if (conv.messages[i]?.role === "assistant") {
-          targetMessageIndex = i;
-          break;
-        }
-      }
-    }
-    if (targetMessageIndex === -1) return;
-    for (let i = 0; i < targetMessageIndex; i++) {
-      const msg = conv.messages[i];
-      if (msg?.role === "assistant" && msg.usage) {
-        previousPromptTokens += msg.usage.promptTokens;
-        previousCompletionTokens += msg.usage.completionTokens;
-      }
-    }
-    const deltaUsage = {
-      promptTokens: Math.max(0, cumulativeUsage.promptTokens - previousPromptTokens),
-      completionTokens: Math.max(0, cumulativeUsage.completionTokens - previousCompletionTokens),
-      totalTokens: 0
-    };
-    deltaUsage.totalTokens = deltaUsage.promptTokens + deltaUsage.completionTokens;
-    setState("conversations", conversationId, "messages", targetMessageIndex, "usage", deltaUsage);
-  }
-  function clearAllConversations() {
-    setState("conversations", {});
-    setState("activeConversationId", null);
-    streamToConversation.clear();
-    requestToConversation.clear();
-    pendingConversationChunks.clear();
-    pendingMessageChunks.clear();
-  }
-  function selectConversation(id) {
-    setState("activeConversationId", id);
-  }
-  function updateConversation(conversationId, updates) {
-    if (!state.conversations[conversationId]) return;
-    for (const [key, value] of Object.entries(updates)) {
-      setState("conversations", conversationId, key, value);
-    }
-  }
-  function updateMessage(conversationId, messageIndex, updates) {
-    const conv = state.conversations[conversationId];
-    if (!conv || !conv.messages[messageIndex]) return;
-    for (const [key, value] of Object.entries(updates)) {
-      setState("conversations", conversationId, "messages", messageIndex, key, value);
-    }
-  }
-  function updateToolCall(conversationId, messageIndex, toolCallIndex, updates) {
-    const conv = state.conversations[conversationId];
-    if (!conv?.messages[messageIndex]?.toolCalls?.[toolCallIndex]) return;
-    setState("conversations", conversationId, "messages", messageIndex, "toolCalls", toolCallIndex, produce((tc) => Object.assign(tc, updates)));
-  }
-  function setToolCalls(conversationId, messageIndex, toolCalls) {
-    if (!state.conversations[conversationId]?.messages[messageIndex]) return;
-    setState("conversations", conversationId, "messages", messageIndex, "toolCalls", toolCalls);
-  }
-  function addChunk(conversationId, chunk) {
-    if (!state.conversations[conversationId]) return;
-    queueChunk(conversationId, chunk);
-  }
-  function addActivityEvent(conversationId, activity, event) {
-    if (!state.conversations[conversationId]) return;
-    setState("conversations", conversationId, activity, produce((events) => {
-      if (!events) return [event];
-      events.push(event);
-      return events;
-    }));
-    const activityFlagMap = {
-      imageEvents: "hasImage",
-      speechEvents: "hasSpeech",
-      transcriptionEvents: "hasTranscription",
-      videoEvents: "hasVideo"
-    };
-    setState("conversations", conversationId, activityFlagMap[activity], true);
-  }
-  function ensureMessageForChunk(conversationId, messageId, timestamp) {
-    if (!messageId) return;
-    const conv = state.conversations[conversationId];
-    if (!conv || conv.type === "client") return;
-    const existingMessage = conv.messages.find((m) => m.id === messageId);
-    if (existingMessage) return;
-    addMessage(conversationId, {
-      id: messageId,
-      role: "assistant",
-      content: "",
-      timestamp,
-      source: "server"
-    });
-  }
-  onMount(() => {
-    const cleanupFns = [];
-    cleanupFns.push(aiEventClient.on("client:created", (e) => {
-      const clientId = e.payload.clientId;
-      getOrCreateConversation(clientId, "client", `Client Chat (${clientId.substring(0, 8)})`);
-      updateConversation(clientId, {
-        model: void 0,
-        provider: "Client"
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("text:message:created", (e) => {
-      const {
-        clientId,
-        streamId,
-        messageId,
-        role,
-        content,
-        timestamp
-      } = e.payload;
-      const conversationId = clientId || (streamId ? streamToConversation.get(streamId) : void 0);
-      if (!conversationId) return;
-      if (role === "tool" || role === "system") return;
-      if (!state.conversations[conversationId]) {
-        getOrCreateConversation(conversationId, clientId ? "client" : "server", clientId ? `Client Chat (${conversationId.substring(0, 8)})` : `Server Chat (${conversationId.substring(0, 8)})`);
-      }
-      const conv = state.conversations[conversationId];
-      if (!conv) return;
-      const existingIndex = conv.messages.findIndex((message) => message.id === messageId);
-      const parts = e.payload.parts?.map((part) => {
-        if (part.type === "text") {
-          return {
-            type: "text",
-            content: part.content
-          };
-        }
-        if (part.type === "tool-call") {
-          return {
-            type: "tool-call",
-            toolCallId: part.id,
-            toolName: part.name,
-            arguments: part.arguments,
-            state: part.state,
-            output: part.output,
-            content: part.approval ? JSON.stringify(part.approval) : void 0
-          };
-        }
-        if (part.type === "tool-result") {
-          return {
-            type: "tool-result",
-            toolCallId: part.toolCallId,
-            content: part.content,
-            state: part.state,
-            error: part.error
-          };
-        }
-        if (part.type === "thinking") {
-          return {
-            type: "thinking",
-            content: part.content
-          };
-        }
-        if (part.type === "image" || part.type === "audio" || part.type === "video" || // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-        part.type === "document") {
-          return {
-            type: part.type,
-            source: part.source,
-            metadata: part.metadata
-          };
-        }
-        return null;
-      }).filter((part) => part !== null);
-      const toolCalls = e.payload.toolCalls?.map((toolCall) => ({
-        id: toolCall.id,
-        name: toolCall.function.name,
-        arguments: toolCall.function.arguments,
-        state: "input-complete"
-      }));
-      const source = e.payload.source ?? (clientId ? "client" : "server");
-      if (role === "user" && conv.type === "client" && source === "server") {
-        return;
-      }
-      if (role === "assistant" && source === "client" && !content && (!toolCalls || toolCalls.length === 0)) {
-        return;
-      }
-      const messagePayload = {
-        id: messageId,
-        role,
-        content,
-        timestamp,
-        parts,
-        toolCalls,
-        source
-      };
-      if (existingIndex >= 0) {
-        updateMessage(conversationId, existingIndex, messagePayload);
-      } else {
-        addMessage(conversationId, messagePayload);
-      }
-      updateConversation(conversationId, {
-        status: "active",
-        hasChat: true
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("text:message:user", (e) => {
-      const {
-        clientId,
-        streamId,
-        messageId,
-        content,
-        timestamp
-      } = e.payload;
-      const conversationId = clientId || (streamId ? streamToConversation.get(streamId) : void 0);
-      if (!conversationId) return;
-      const conv = state.conversations[conversationId];
-      if (!conv) return;
-      const existingIndex = conv.messages.findIndex((message) => message.id === messageId);
-      if (existingIndex >= 0) return;
-      const source = e.payload.source ?? (clientId ? "client" : "server");
-      if (conv.type === "client" && source === "server") {
-        return;
-      }
-      addMessage(conversationId, {
-        id: messageId,
-        role: "user",
-        content,
-        timestamp,
-        source
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("client:loading:changed", (e) => {
-      const clientId = e.payload.clientId;
-      if (state.conversations[clientId]) {
-        updateConversation(clientId, {
-          status: e.payload.isLoading ? "active" : "completed"
-        });
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("client:stopped", (e) => {
-      const clientId = e.payload.clientId;
-      if (state.conversations[clientId]) {
-        updateConversation(clientId, {
-          status: "completed",
-          completedAt: e.payload.timestamp
-        });
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("client:messages:cleared", (e) => {
-      const clientId = e.payload.clientId;
-      if (state.conversations[clientId]) {
-        updateConversation(clientId, {
-          messages: [],
-          chunks: [],
-          usage: void 0
-        });
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("client:reloaded", (e) => {
-      const clientId = e.payload.clientId;
-      const conv = state.conversations[clientId];
-      if (conv) {
-        updateConversation(clientId, {
-          messages: conv.messages.slice(0, e.payload.fromMessageIndex),
-          status: "active"
-        });
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("client:error:changed", (e) => {
-      const clientId = e.payload.clientId;
-      if (state.conversations[clientId] && e.payload.error) {
-        updateConversation(clientId, {
-          status: "error"
-        });
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("tools:result:added", (e) => {
-      const {
-        clientId,
-        toolCallId,
-        toolName,
-        output,
-        state: resultState,
-        timestamp
-      } = e.payload;
-      if (!clientId) return;
-      if (!state.conversations[clientId]) return;
-      const conv = state.conversations[clientId];
-      const chunk = {
-        id: `chunk-tool-result-${toolCallId}-${Date.now()}`,
-        type: "tool_result",
-        toolCallId,
-        toolName,
-        result: output,
-        timestamp,
-        chunkCount: 1,
-        isClientTool: true
-      };
-      for (let messageIndex = conv.messages.length - 1; messageIndex >= 0; messageIndex--) {
-        const message = conv.messages[messageIndex];
-        if (!message?.toolCalls) continue;
-        const toolCallIndex = message.toolCalls.findIndex((t) => t.id === toolCallId);
-        if (toolCallIndex >= 0) {
-          updateToolCall(clientId, messageIndex, toolCallIndex, {
-            result: output,
-            state: resultState === "output-error" ? "error" : "complete"
-          });
-          chunk.messageId = message.id;
-          addChunkToMessage(clientId, chunk);
-          return;
-        }
-      }
-      addChunkToMessage(clientId, chunk);
-    }));
-    cleanupFns.push(aiEventClient.on("tools:approval:responded", (e) => {
-      const {
-        clientId,
-        toolCallId,
-        approved
-      } = e.payload;
-      if (!clientId) return;
-      if (!state.conversations[clientId]) return;
-      const conv = state.conversations[clientId];
-      for (let messageIndex = conv.messages.length - 1; messageIndex >= 0; messageIndex--) {
-        const message = conv.messages[messageIndex];
-        if (!message?.toolCalls) continue;
-        const toolCallIndex = message.toolCalls.findIndex((t) => t.id === toolCallId);
-        if (toolCallIndex >= 0) {
-          updateToolCall(clientId, messageIndex, toolCallIndex, {
-            state: approved ? "approved" : "denied",
-            approvalRequired: false
-          });
-          return;
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("tools:call:updated", (e) => {
-      const {
-        clientId,
-        streamId,
-        messageId,
-        toolCallId,
-        toolName,
-        state: toolCallState,
-        arguments: args
-      } = e.payload;
-      const conversationId = clientId || (streamId ? streamToConversation.get(streamId) : void 0);
-      if (!conversationId || !state.conversations[conversationId]) return;
-      const conv = state.conversations[conversationId];
-      const messageIndex = conv.messages.findIndex((m) => m.id === messageId);
-      if (messageIndex === -1) return;
-      const message = conv.messages[messageIndex];
-      if (!message) return;
-      const toolCalls = message.toolCalls || [];
-      const existingToolIndex = toolCalls.findIndex((t) => t.id === toolCallId);
-      const toolCall = {
-        id: toolCallId,
-        name: toolName,
-        arguments: args,
-        state: toolCallState
-      };
-      if (existingToolIndex >= 0) {
-        updateToolCall(conversationId, messageIndex, existingToolIndex, toolCall);
-      } else {
-        setToolCalls(conversationId, messageIndex, [...toolCalls, toolCall]);
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("tools:input:available", (e) => {
-      const {
-        streamId,
-        messageId,
-        toolCallId,
-        toolName,
-        input,
-        timestamp,
-        clientId
-      } = e.payload;
-      const conversationId = clientId || (streamId ? streamToConversation.get(streamId) : void 0);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "tool_call",
-        messageId,
-        toolCallId,
-        toolName,
-        arguments: JSON.stringify(input),
-        timestamp,
-        chunkCount: 1
-      };
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        addChunk(conversationId, chunk);
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("tools:call:completed", (e) => {
-      const {
-        streamId,
-        toolCallId,
-        toolName,
-        result,
-        duration,
-        messageId,
-        timestamp,
-        clientId
-      } = e.payload;
-      const conversationId = clientId || (streamId ? streamToConversation.get(streamId) : void 0);
-      if (!conversationId || !state.conversations[conversationId]) return;
-      const conv = state.conversations[conversationId];
-      const chunk = {
-        id: `chunk-tool-result-${toolCallId}-${Date.now()}`,
-        type: "tool_result",
-        messageId,
-        toolCallId,
-        toolName,
-        result,
-        duration,
-        timestamp,
-        chunkCount: 1
-      };
-      if (conv.type === "client" && messageId) {
-        const messageIndex = conv.messages.findIndex((m) => m.id === messageId);
-        if (messageIndex !== -1) {
-          queueMessageChunk(conversationId, messageIndex, chunk);
-        } else {
-          for (let i = conv.messages.length - 1; i >= 0; i--) {
-            if (conv.messages[i]?.role === "assistant") {
-              queueMessageChunk(conversationId, i, chunk);
-              break;
-            }
-          }
-        }
-      } else {
-        addChunk(conversationId, chunk);
-      }
-      for (let i = conv.messages.length - 1; i >= 0; i--) {
-        const message = conv.messages[i];
-        if (!message?.toolCalls) continue;
-        const toolCallIndex = message.toolCalls.findIndex((t) => t.id === toolCallId);
-        if (toolCallIndex >= 0) {
-          updateToolCall(conversationId, i, toolCallIndex, {
-            duration,
-            result
-          });
-          return;
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:chunk:content", (e) => {
-      const streamId = e.payload.streamId;
-      const conversationId = streamToConversation.get(streamId);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "content",
-        messageId: e.payload.messageId,
-        content: e.payload.content,
-        delta: e.payload.delta,
-        timestamp: e.payload.timestamp,
-        chunkCount: 1
-      };
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        ensureMessageForChunk(conversationId, e.payload.messageId, e.payload.timestamp);
-        addChunk(conversationId, chunk);
-      }
-      if (e.payload.messageId) {
-        const messageIndex = conv?.messages.findIndex((msg) => msg.id === e.payload.messageId);
-        if (messageIndex !== void 0 && messageIndex >= 0) {
-          updateMessage(conversationId, messageIndex, {
-            content: e.payload.content
-          });
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:chunk:tool-call", (e) => {
-      const streamId = e.payload.streamId;
-      const conversationId = streamToConversation.get(streamId);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "tool_call",
-        messageId: e.payload.messageId,
-        toolCallId: e.payload.toolCallId,
-        toolName: e.payload.toolName,
-        arguments: e.payload.arguments,
-        timestamp: e.payload.timestamp,
-        chunkCount: 1
-      };
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        ensureMessageForChunk(conversationId, e.payload.messageId, e.payload.timestamp);
-        addChunk(conversationId, chunk);
-      }
-      if (e.payload.messageId) {
-        const messageIndex = conv?.messages.findIndex((msg) => msg.id === e.payload.messageId);
-        if (messageIndex !== void 0 && messageIndex >= 0) {
-          const message = conv?.messages[messageIndex];
-          if (!message) return;
-          const toolCalls = message.toolCalls || [];
-          const existingToolIndex = toolCalls.findIndex((t) => t.id === e.payload.toolCallId);
-          const toolCall = {
-            id: e.payload.toolCallId,
-            name: e.payload.toolName,
-            arguments: e.payload.arguments,
-            state: "input-streaming"
-          };
-          if (existingToolIndex >= 0) {
-            updateToolCall(conversationId, messageIndex, existingToolIndex, toolCall);
-          } else {
-            setToolCalls(conversationId, messageIndex, [...toolCalls, toolCall]);
-          }
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:chunk:tool-result", (e) => {
-      const streamId = e.payload.streamId;
-      const conversationId = streamToConversation.get(streamId);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "tool_result",
-        messageId: e.payload.messageId,
-        toolCallId: e.payload.toolCallId,
-        result: e.payload.result,
-        timestamp: e.payload.timestamp,
-        chunkCount: 1
-      };
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        ensureMessageForChunk(conversationId, e.payload.messageId, e.payload.timestamp);
-        addChunk(conversationId, chunk);
-      }
-      if (conv && e.payload.toolCallId) {
-        for (let i = conv.messages.length - 1; i >= 0; i--) {
-          const message = conv.messages[i];
-          if (!message?.toolCalls) continue;
-          const toolCallIndex = message.toolCalls.findIndex((t) => t.id === e.payload.toolCallId);
-          if (toolCallIndex >= 0) {
-            updateToolCall(conversationId, i, toolCallIndex, {
-              result: e.payload.result,
-              state: "complete"
-            });
-            break;
-          }
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:chunk:thinking", (e) => {
-      const streamId = e.payload.streamId;
-      const conversationId = streamToConversation.get(streamId);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "thinking",
-        messageId: e.payload.messageId,
-        content: e.payload.content,
-        delta: e.payload.delta,
-        timestamp: e.payload.timestamp,
-        chunkCount: 1
-      };
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-        if (e.payload.messageId) {
-          const messageIndex = conv.messages.findIndex((msg) => msg.id === e.payload.messageId);
-          if (messageIndex !== -1) {
-            updateMessage(conversationId, messageIndex, {
-              thinkingContent: e.payload.content
-            });
-          }
-        }
-      } else {
-        ensureMessageForChunk(conversationId, e.payload.messageId, e.payload.timestamp);
-        addChunk(conversationId, chunk);
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:chunk:done", (e) => {
-      const streamId = e.payload.streamId;
-      const conversationId = streamToConversation.get(streamId);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "done",
-        messageId: e.payload.messageId,
-        finishReason: e.payload.finishReason || void 0,
-        timestamp: e.payload.timestamp,
-        chunkCount: 1
-      };
-      if (e.payload.usage) {
-        updateConversation(conversationId, {
-          usage: e.payload.usage
-        });
-        updateMessageUsage(conversationId, e.payload.messageId, e.payload.usage);
-      }
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        ensureMessageForChunk(conversationId, e.payload.messageId, e.payload.timestamp);
-        addChunk(conversationId, chunk);
-      }
-      updateConversation(conversationId, {
-        status: "completed",
-        completedAt: e.payload.timestamp
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("text:chunk:error", (e) => {
-      const streamId = e.payload.streamId;
-      const conversationId = streamToConversation.get(streamId);
-      if (!conversationId) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "error",
-        messageId: e.payload.messageId,
-        error: e.payload.error,
-        timestamp: e.payload.timestamp,
-        chunkCount: 1
-      };
-      const conv = state.conversations[conversationId];
-      if (conv?.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        ensureMessageForChunk(conversationId, e.payload.messageId, e.payload.timestamp);
-        addChunk(conversationId, chunk);
-      }
-      updateConversation(conversationId, {
-        status: "error",
-        completedAt: e.payload.timestamp
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("tools:approval:requested", (e) => {
-      const {
-        streamId,
-        messageId,
-        toolCallId,
-        toolName,
-        input,
-        approvalId,
-        timestamp,
-        clientId
-      } = e.payload;
-      const conversationId = clientId || streamToConversation.get(streamId) || "";
-      if (!conversationId) return;
-      const conv = state.conversations[conversationId];
-      if (!conv) return;
-      const chunk = {
-        id: `chunk-${Date.now()}-${Math.random()}`,
-        type: "approval",
-        messageId,
-        toolCallId,
-        toolName,
-        approvalId,
-        input,
-        timestamp,
-        chunkCount: 1
-      };
-      if (conv.type === "client") {
-        addChunkToMessage(conversationId, chunk);
-      } else {
-        addChunk(conversationId, chunk);
-      }
-      for (let i = conv.messages.length - 1; i >= 0; i--) {
-        const message = conv.messages[i];
-        if (!message) continue;
-        if (message.role === "assistant" && message.toolCalls) {
-          const toolCallIndex = message.toolCalls.findIndex((t) => t.id === toolCallId);
-          if (toolCallIndex >= 0) {
-            updateToolCall(conversationId, i, toolCallIndex, {
-              approvalRequired: true,
-              approvalId,
-              state: "approval-requested"
-            });
-            return;
-          }
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:request:started", (e) => {
-      const streamId = e.payload.streamId;
-      const model = e.payload.model;
-      e.payload.provider;
-      const clientId = e.payload.clientId;
-      if (clientId && state.conversations[clientId]) {
-        streamToConversation.set(streamId, clientId);
-        requestToConversation.set(e.payload.requestId, clientId);
-        updateConversation(clientId, {
-          status: "active",
-          ...e.payload,
-          systemPrompts: e.payload.systemPrompts,
-          hasChat: true
-        });
-        return;
-      }
-      const activeClient = Object.values(state.conversations).find((c) => c.type === "client" && c.status === "active" && !c.model);
-      if (activeClient) {
-        streamToConversation.set(streamId, activeClient.id);
-        requestToConversation.set(e.payload.requestId, activeClient.id);
-        updateConversation(activeClient.id, {
-          ...e.payload,
-          systemPrompts: e.payload.systemPrompts,
-          hasChat: true
-        });
-      } else {
-        const existingServerConv = Object.values(state.conversations).find((c) => c.type === "server" && c.model === model);
-        if (existingServerConv) {
-          streamToConversation.set(streamId, existingServerConv.id);
-          requestToConversation.set(e.payload.requestId, existingServerConv.id);
-          updateConversation(existingServerConv.id, {
-            status: "active",
-            ...e.payload,
-            systemPrompts: e.payload.systemPrompts,
-            hasChat: true
-          });
-        } else {
-          const serverId = `server-${model}`;
-          getOrCreateConversation(serverId, "server", `${model} Server`);
-          streamToConversation.set(streamId, serverId);
-          requestToConversation.set(e.payload.requestId, serverId);
-          updateConversation(serverId, {
-            ...e.payload,
-            systemPrompts: e.payload.systemPrompts,
-            hasChat: true
-          });
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:request:completed", (e) => {
-      const {
-        requestId,
-        usage
-      } = e.payload;
-      const conversationId = requestToConversation.get(requestId);
-      if (conversationId && state.conversations[conversationId]) {
-        const updates = {
-          status: "completed",
-          completedAt: e.payload.timestamp
-        };
-        if (usage) {
-          updates.usage = usage;
-        }
-        updateConversation(conversationId, updates);
-        if (usage) {
-          updateMessageUsage(conversationId, e.payload.messageId, usage);
-        }
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("text:usage", (e) => {
-      const {
-        requestId,
-        usage,
-        messageId
-      } = e.payload;
-      const conversationId = requestToConversation.get(requestId);
-      if (conversationId && state.conversations[conversationId]) {
-        updateConversation(conversationId, {
-          usage
-        });
-        updateMessageUsage(conversationId, messageId, usage);
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("summarize:request:started", (e) => {
-      const {
-        requestId,
-        model,
-        inputLength,
-        timestamp,
-        clientId
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        const activeClients = Object.values(state.conversations).filter((c) => c.type === "client" && c.status === "active").sort((a, b) => b.startedAt - a.startedAt);
-        if (activeClients.length > 0 && activeClients[0]) {
-          conversationId = activeClients[0].id;
-        } else {
-          conversationId = `summarize-${requestId}`;
-          getOrCreateConversation(conversationId, "server", `Summarize (${model})`);
-          updateConversation(conversationId, {
-            model
-          });
-        }
-      }
-      requestToConversation.set(requestId, conversationId);
-      const summarizeOp = {
-        id: requestId,
-        model,
-        inputLength,
-        timestamp,
-        status: "started"
-      };
-      const conv = state.conversations[conversationId];
-      if (conv) {
-        const summaries = conv.summaries || [];
-        setState("conversations", conversationId, "summaries", [...summaries, summarizeOp]);
-        setState("conversations", conversationId, "hasSummarize", true);
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("summarize:request:completed", (e) => {
-      const {
-        requestId,
-        outputLength,
-        duration
-      } = e.payload;
-      const conversationId = requestToConversation.get(requestId);
-      if (!conversationId || !state.conversations[conversationId]) return;
-      const conv = state.conversations[conversationId];
-      if (!conv.summaries) return;
-      const summaryIndex = conv.summaries.findIndex((op) => op.id === requestId);
-      if (summaryIndex >= 0) {
-        setState("conversations", conversationId, "summaries", summaryIndex, produce((op) => {
-          op.duration = duration;
-          op.outputLength = outputLength;
-          op.status = "completed";
-        }));
-      }
-    }));
-    cleanupFns.push(aiEventClient.on("image:request:started", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `image-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Image (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "imageEvents", {
-        id: requestId,
-        name: "image:request:started",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("image:request:completed", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `image-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Image (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "imageEvents", {
-        id: requestId,
-        name: "image:request:completed",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("image:usage", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `image-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Image (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "imageEvents", {
-        id: requestId,
-        name: "image:usage",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("speech:request:started", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `speech-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Speech (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "speechEvents", {
-        id: requestId,
-        name: "speech:request:started",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("speech:request:completed", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `speech-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Speech (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "speechEvents", {
-        id: requestId,
-        name: "speech:request:completed",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("speech:usage", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `speech-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Speech (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "speechEvents", {
-        id: requestId,
-        name: "speech:usage",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `transcription-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Transcription (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "transcriptionEvents", {
-        id: requestId,
-        name: "transcription:request:started",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("transcription:request:completed", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `transcription-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Transcription (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "transcriptionEvents", {
-        id: requestId,
-        name: "transcription:request:completed",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("transcription:usage", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `transcription-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Transcription (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "transcriptionEvents", {
-        id: requestId,
-        name: "transcription:usage",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("video:request:started", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `video-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Video (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "videoEvents", {
-        id: requestId,
-        name: "video:request:started",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("video:request:completed", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `video-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Video (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "videoEvents", {
-        id: requestId,
-        name: "video:request:completed",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    cleanupFns.push(aiEventClient.on("video:usage", (e) => {
-      const {
-        requestId,
-        clientId,
-        timestamp
-      } = e.payload;
-      let conversationId = clientId;
-      if (!conversationId || !state.conversations[conversationId]) {
-        conversationId = `video-${requestId}`;
-        getOrCreateConversation(conversationId, "server", `Video (${requestId.substring(0, 8)})`);
-      }
-      addActivityEvent(conversationId, "videoEvents", {
-        id: requestId,
-        name: "video:usage",
-        timestamp,
-        payload: e.payload
-      });
-    }));
-    onCleanup(() => {
-      for (const cleanup of cleanupFns) {
-        cleanup();
-      }
-      streamToConversation.clear();
-      requestToConversation.clear();
-    });
-  });
-  const contextValue = {
-    state,
-    clearAllConversations,
-    selectConversation
-  };
-  return createComponent(AIContext.Provider, {
-    value: contextValue,
-    get children() {
-      return props.children;
-    }
-  });
-};
-export {
-  AIProvider,
-  useAIStore
-};
-//# sourceMappingURL=ai-context.js.map