@hef2024/llmasaservice-ui 0.24.4 → 0.24.6

package/dist/index.js

@@ -624,6 +624,25 @@ var SearchingIcon = () => /* @__PURE__ */ import_react10.default.createElement(
   /* @__PURE__ */ import_react10.default.createElement("circle", { cx: "11", cy: "11", r: "8" }),
   /* @__PURE__ */ import_react10.default.createElement("path", { d: "m21 21-4.3-4.3" })
 );
+var PlanningIcon = () => /* @__PURE__ */ import_react10.default.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: "thinking-block__icon"
+  },
+  /* @__PURE__ */ import_react10.default.createElement("path", { d: "M9 5h11" }),
+  /* @__PURE__ */ import_react10.default.createElement("path", { d: "M9 12h11" }),
+  /* @__PURE__ */ import_react10.default.createElement("path", { d: "M9 19h11" }),
+  /* @__PURE__ */ import_react10.default.createElement("path", { d: "m4 5 1.5 1.5L7 4.5" }),
+  /* @__PURE__ */ import_react10.default.createElement("path", { d: "m4 12 1.5 1.5L7 11.5" }),
+  /* @__PURE__ */ import_react10.default.createElement("path", { d: "m4 19 1.5 1.5L7 18.5" })
+);
 var ChevronIcon = ({ isCollapsed }) => /* @__PURE__ */ import_react10.default.createElement(
   "svg",
   {
@@ -646,6 +665,8 @@ var getIcon = (type) => {
       return /* @__PURE__ */ import_react10.default.createElement(ReasoningIcon, null);
     case "searching":
       return /* @__PURE__ */ import_react10.default.createElement(SearchingIcon, null);
+    case "planning":
+      return /* @__PURE__ */ import_react10.default.createElement(PlanningIcon, null);
   }
 };
 var getDefaultTitle = (type) => {
@@ -656,6 +677,8 @@ var getDefaultTitle = (type) => {
       return "Reasoning";
     case "searching":
       return "Searching";
+    case "planning":
+      return "Planning";
   }
 };
 var ThinkingBlock = ({
@@ -1414,46 +1437,51 @@ var ChatPanel = ({
           const urlToFetch = `${publicAPIUrl}/tools/${encodeURIComponent(
             m.url
           )}`;
-          try {
-            const requestHeaders = yield buildMcpRequestHeaders({
-              phase: "list",
-              mcpServer: m
-            });
-            const response2 = yield fetch(urlToFetch, {
-              headers: requestHeaders
-            });
-            if (!response2.ok) {
-              console.error(
-                `Error fetching tools from ${m.url}: ${response2.status} ${response2.statusText}`
-              );
-              const errorBody = yield response2.text();
-              console.error(`Error body: ${errorBody}`);
-              throw new Error(
-                `HTTP ${response2.status}: ${response2.statusText}`
-              );
-            }
-            const toolsFromServer = yield response2.json();
-            if (Array.isArray(toolsFromServer)) {
-              return toolsFromServer.map((tool) => __spreadProps(__spreadValues({}, tool), {
-                url: m.url,
-                accessToken: m.accessToken || "",
-                headers: requestHeaders
-              }));
-            } else {
-              return [];
-            }
-          } catch (fetchError) {
+          const requestHeaders = yield buildMcpRequestHeaders({
+            phase: "list",
+            mcpServer: m
+          });
+          const response2 = yield fetch(urlToFetch, {
+            headers: requestHeaders
+          });
+          if (!response2.ok) {
             console.error(
-              `Network or parsing error fetching tools from ${m.url}:`,
-              fetchError
+              `Error fetching tools from ${m.url}: ${response2.status} ${response2.statusText}`
             );
-            throw fetchError;
+            const errorBody = yield response2.text();
+            console.error(`Error body: ${errorBody}`);
+            throw new Error(
+              `HTTP ${response2.status}: ${response2.statusText}`
+            );
+          }
+          const toolsFromServer = yield response2.json();
+          if (Array.isArray(toolsFromServer)) {
+            return toolsFromServer.map((tool) => __spreadProps(__spreadValues({}, tool), {
+              url: m.url,
+              accessToken: m.accessToken || "",
+              headers: requestHeaders
+            }));
           }
+          return [];
         }));
-        const results = yield Promise.all(fetchPromises);
-        const allTools = results.flat();
+        const settledResults = yield Promise.allSettled(fetchPromises);
+        const allTools = settledResults.flatMap((result, index) => {
+          if (result.status === "fulfilled") {
+            return result.value;
+          }
+          const server = mcpServers == null ? void 0 : mcpServers[index];
+          const failingUrl = typeof (server == null ? void 0 : server.url) === "string" ? server.url : `mcp[${index}]`;
+          console.error(
+            `Network or parsing error fetching tools from ${failingUrl}:`,
+            result.reason
+          );
+          return [];
+        });
+        const failedCount = settledResults.filter(
+          (result) => result.status === "rejected"
+        ).length;
         setToolList(allTools);
-        setToolsFetchError(false);
+        setToolsFetchError(failedCount > 0 && allTools.length === 0);
       } catch (error2) {
         console.error(
           "An error occurred while processing tool fetches:",
@@ -4797,6 +4825,87 @@ var buildThinkingBlockMarker = (type, signature) => {
     normalizedSignature
   )}${INLINE_THINKING_MARKER_SUFFIX}`;
 };
+var PLAN_STEP_REGEX = /^\s*\[plan-step\]\s*([a-zA-Z_-]+)\s*:\s*(.+?)\s*$/i;
+var normalizePlanningStatus = (value) => {
+  const normalized = String(value || "").trim().toLowerCase();
+  if (normalized === "doing" || normalized === "in_progress" || normalized === "in-progress") {
+    return "doing";
+  }
+  if (normalized === "done" || normalized === "completed") {
+    return "done";
+  }
+  return "todo";
+};
+var formatPlanningStatus = (status) => {
+  if (status === "doing") return "Doing";
+  if (status === "done") return "Done";
+  return "Todo";
+};
+var parsePlanningStep = (line) => {
+  const match = PLAN_STEP_REGEX.exec(String(line || ""));
+  if (!match) return null;
+  const title = String(match[2] || "").trim();
+  if (!title) return null;
+  return {
+    status: normalizePlanningStatus(match[1] || ""),
+    title
+  };
+};
+var buildPlanningBlockContent = (steps) => {
+  return steps.filter((step) => !!step && typeof step.title === "string" && step.title.trim().length > 0).map((step) => `${formatPlanningStatus(step.status)}: ${step.title.trim()}`).join("\n");
+};
+var extractPlanningBlocks = (text) => {
+  const source = typeof text === "string" ? text : "";
+  if (!source) {
+    return {
+      textWithMarkers: "",
+      planningBlocks: []
+    };
+  }
+  const lines = source.split("\n");
+  const planningBlocks = [];
+  const rebuiltSegments = [];
+  let currentOffset = 0;
+  let pendingSteps = [];
+  let pendingIndex = 0;
+  const flushPendingPlanning = () => {
+    if (pendingSteps.length === 0) return;
+    const signature = `planning-${pendingIndex}`;
+    planningBlocks.push({
+      type: "planning",
+      content: buildPlanningBlockContent(pendingSteps),
+      index: pendingIndex,
+      signature,
+      steps: pendingSteps
+    });
+    rebuiltSegments.push(`
+
+${buildThinkingBlockMarker("planning", signature)}
+
+`);
+    pendingSteps = [];
+  };
+  lines.forEach((line, index) => {
+    const lineWithNewline = index < lines.length - 1 ? `${line}
+` : line;
+    const planningStep = parsePlanningStep(line);
+    if (planningStep) {
+      if (pendingSteps.length === 0) {
+        pendingIndex = currentOffset;
+      }
+      pendingSteps = [...pendingSteps, planningStep];
+    } else {
+      flushPendingPlanning();
+      rebuiltSegments.push(lineWithNewline);
+    }
+    currentOffset += lineWithNewline.length;
+  });
+  flushPendingPlanning();
+  return {
+    textWithMarkers: rebuiltSegments.join(""),
+    planningBlocks
+  };
+};
 var buildInlineToolMarker = (toolName, callId) => {
   const normalizedToolName = String(toolName || "").trim() || "tool";
   const normalizedCallId = String(callId || "").trim() || `${normalizedToolName}-call`;
@@ -4862,7 +4971,7 @@ var parseInlineThinkingMarkers = (text) => {
       signature = encodedSignature;
     }
     const normalizedType = String(rawType || "").trim().toLowerCase();
-    const type = normalizedType === "reasoning" ? "reasoning" : normalizedType === "searching" ? "searching" : "thinking";
+    const type = normalizedType === "reasoning" ? "reasoning" : normalizedType === "searching" ? "searching" : normalizedType === "planning" ? "planning" : "thinking";
     markers.push({
       type,
       signature: String(signature || "").trim()
@@ -5263,6 +5372,7 @@ var AIChatPanel = ({
   const [lastPrompt, setLastPrompt] = (0, import_react14.useState)(null);
   const [lastKey, setLastKey] = (0, import_react14.useState)(null);
   const [currentConversation, setCurrentConversation] = (0, import_react14.useState)(conversation);
+  const ensuredConversationIdsRef = (0, import_react14.useRef)(/* @__PURE__ */ new Set());
   const [followOnQuestionsState, setFollowOnQuestionsState] = (0, import_react14.useState)(followOnQuestions);
   const [thinkingBlocks, setThinkingBlocks] = (0, import_react14.useState)([]);
   const [currentThinkingIndex, setCurrentThinkingIndex] = (0, import_react14.useState)(0);
@@ -5418,7 +5528,7 @@ var AIChatPanel = ({
         return;
       }
       try {
-        const enriched = yield Promise.all(
+        const settled = yield Promise.allSettled(
           mcpServers.map((server) => __async(void 0, null, function* () {
             const resolved = yield resolveMcpAuthHeaders({
               phase: "list",
@@ -5433,6 +5543,18 @@ var AIChatPanel = ({
             });
           }))
         );
+        const enriched = settled.map((result, index) => {
+          var _a2;
+          if (result.status === "fulfilled") {
+            return result.value;
+          }
+          const failingUrl = typeof ((_a2 = mcpServers == null ? void 0 : mcpServers[index]) == null ? void 0 : _a2.url) === "string" ? mcpServers[index].url : `mcp[${index}]`;
+          console.error(
+            `[AIChatPanel] Failed to resolve MCP auth headers for ${failingUrl}:`,
+            result.reason
+          );
+          return mcpServers[index];
+        });
         if (!cancelled) setResolvedMcpServers(enriched);
       } catch (error2) {
         console.error("[AIChatPanel] Failed to resolve MCP auth headers:", error2);
@@ -5524,10 +5646,22 @@ var AIChatPanel = ({
             headers: requestHeaders
           }));
         }));
-        const results = yield Promise.all(fetchPromises);
-        const allTools = results.flat();
+        const settled = yield Promise.allSettled(fetchPromises);
+        const allTools = settled.flatMap((result, index) => {
+          var _a2;
+          if (result.status === "fulfilled") {
+            return result.value;
+          }
+          const failingUrl = typeof ((_a2 = resolvedMcpServers == null ? void 0 : resolvedMcpServers[index]) == null ? void 0 : _a2.url) === "string" ? resolvedMcpServers[index].url : `mcp[${index}]`;
+          console.error(
+            `[AIChatPanel] Failed to load MCP tools from ${failingUrl}:`,
+            result.reason
+          );
+          return [];
+        });
+        const failedCount = settled.filter((result) => result.status === "rejected").length;
         setToolList(allTools);
-        setToolsFetchError(false);
+        setToolsFetchError(failedCount > 0 && allTools.length === 0);
       } catch (error2) {
         console.error("[AIChatPanel] Failed to load MCP tools:", error2);
         setToolList([]);
@@ -5598,22 +5732,25 @@ var AIChatPanel = ({
   }, [propOnToggleSection]);
   const ensureConversation = (0, import_react14.useCallback)(() => {
     const normalizedConversationId = typeof currentConversation === "string" ? currentConversation.trim() : "";
+    const hasConversationHistory = Object.keys(latestHistoryRef.current || {}).length > 0;
+    const shouldInitializeProvidedConversation = normalizedConversationId.length > 10 && createConversationOnFirstChat && !hasConversationHistory && !ensuredConversationIdsRef.current.has(normalizedConversationId);
     console.log("ensureConversation - called with:", {
       currentConversation: normalizedConversationId || null,
       createConversationOnFirstChat,
+      shouldInitializeProvidedConversation,
       project_id,
       publicAPIUrl
     });
-    if (normalizedConversationId) {
+    if (normalizedConversationId && !shouldInitializeProvidedConversation) {
       console.log("ensureConversation - using existing conversation:", normalizedConversationId);
       return Promise.resolve(normalizedConversationId);
     }
     if (!createConversationOnFirstChat) {
-      return Promise.resolve("");
+      return Promise.resolve(normalizedConversationId || "");
     }
     if (!project_id) {
       console.error("ensureConversation - Cannot create conversation without project_id");
-      return Promise.resolve("");
+      return Promise.resolve(normalizedConversationId || "");
     }
     const createConversation = () => {
       var _a2, _b;
@@ -5625,6 +5762,9 @@ var AIChatPanel = ({
         timezone: browserInfo == null ? void 0 : browserInfo.userTimezone,
         language: browserInfo == null ? void 0 : browserInfo.userLanguage
       };
+      if (shouldInitializeProvidedConversation) {
+        requestBody.conversationId = normalizedConversationId;
+      }
       console.log("ensureConversation - Creating conversation with:", requestBody);
       console.log("ensureConversation - API URL:", `${publicAPIUrl}/conversations`);
       return fetch(`${publicAPIUrl}/conversations`, {
@@ -5645,16 +5785,31 @@ var AIChatPanel = ({
         var _a3;
         console.log("ensureConversation - API response:", newConvo);
         const createdId = typeof (newConvo == null ? void 0 : newConvo.id) === "string" && newConvo.id.trim() || typeof (newConvo == null ? void 0 : newConvo.conversationId) === "string" && newConvo.conversationId.trim() || typeof (newConvo == null ? void 0 : newConvo.conversation_id) === "string" && newConvo.conversation_id.trim() || typeof ((_a3 = newConvo == null ? void 0 : newConvo.conversation) == null ? void 0 : _a3.id) === "string" && newConvo.conversation.id.trim() || "";
+        const resolvedConversationId = normalizedConversationId || createdId;
         if (createdId) {
           console.log("ensureConversation - New conversation ID:", createdId);
+        }
+        if (resolvedConversationId) {
+          ensuredConversationIdsRef.current.add(resolvedConversationId);
+        }
+        if (normalizedConversationId && createdId && createdId !== normalizedConversationId) {
+          console.warn(
+            "ensureConversation - API returned a different ID than supplied conversationId; keeping caller-provided ID",
+            { suppliedConversationId: normalizedConversationId, returnedConversationId: createdId }
+          );
+        }
+        if (!normalizedConversationId && createdId) {
           setCurrentConversation(createdId);
           return createdId;
         }
+        if (resolvedConversationId) {
+          return resolvedConversationId;
+        }
         console.warn("ensureConversation - No ID in response");
-        return "";
+        return normalizedConversationId || "";
       }).catch((error2) => {
         console.error("Error creating new conversation", error2);
-        return "";
+        return normalizedConversationId || "";
       });
     };
     return createConversation();
@@ -6438,6 +6593,13 @@ ${buildThinkingBlockMarker(type, signature)}
 `;
       }
     );
+    const {
+      textWithMarkers: textWithArtifactMarkers,
+      planningBlocks
+    } = extractPlanningBlocks(textWithCompleteMarkers);
+    if (planningBlocks.length > 0) {
+      completedBlocks.push(...planningBlocks);
+    }
     let activeBlock = null;
     const tagTypes = ["thinking", "reasoning", "searching"];
     let latestIncompletePos = -1;
@@ -6467,7 +6629,7 @@ ${buildThinkingBlockMarker(type, signature)}
         }
       }
     }
-    let cleanedText = textWithCompleteMarkers.replace(/<think(?:i(?:n(?:g)?)?)?$/i, "").replace(/<reas(?:o(?:n(?:i(?:n(?:g)?)?)?)?)?$/i, "").replace(/<sear(?:c(?:h(?:i(?:n(?:g)?)?)?)?)?$/i, "").replace(/<thinking>[\s\S]*$/i, "").replace(/<reasoning>[\s\S]*$/i, "").replace(/<searching>[\s\S]*$/i, "").trim();
+    let cleanedText = textWithArtifactMarkers.replace(/<think(?:i(?:n(?:g)?)?)?$/i, "").replace(/<reas(?:o(?:n(?:i(?:n(?:g)?)?)?)?)?$/i, "").replace(/<sear(?:c(?:h(?:i(?:n(?:g)?)?)?)?)?$/i, "").replace(/<thinking>[\s\S]*$/i, "").replace(/<reasoning>[\s\S]*$/i, "").replace(/<searching>[\s\S]*$/i, "").trim();
     let lastThinkingContent = "Thinking";
     if (completedBlocks.length > 0) {
       const lastBlock = completedBlocks[completedBlocks.length - 1];
@@ -6490,6 +6652,13 @@ ${buildThinkingBlockMarker(type, signature)}
       if (incomingSupersetPrefix) {
         return incoming;
       }
+      const incomingSignaturePrefix = incoming.length >= existing.length && existing.every((block, index) => {
+        const next = incoming[index];
+        return !!next && next.type === block.type && next.signature === block.signature;
+      });
+      if (incomingSignaturePrefix) {
+        return incoming;
+      }
       const merged = [...existing];
       const seen = new Set(existing.map((block) => block.signature || `${block.type}::${block.content}`));
       for (const block of incoming) {
@@ -6708,7 +6877,6 @@ ${traceSummary}` : traceSummary;
     hasAutoCollapsedRef.current = false;
     prevBlockCountRef.current = 0;
     setError(null);
-    lastProcessedErrorRef.current = null;
     setUserHasScrolled(false);
     prevResponseLengthRef.current = 0;
     setResponse("");
@@ -6994,6 +7162,7 @@ ${traceSummary}` : traceSummary;
       });
       prevBlockCountRef.current = mergedBlocks.length;
     }
+    const planningBlocks = mergedBlocks.filter((block) => block.type === "planning");
     setHistory((prev) => {
       const newHistory = __spreadValues({}, prev);
       const existingEntry = newHistory[lastKey] || { content: "", callId: "" };
@@ -7004,7 +7173,9 @@ ${traceSummary}` : traceSummary;
       newHistory[lastKey] = __spreadProps(__spreadValues({}, existingEntry), {
         content: nextContent,
         // Store raw content without tool JSON or thinking tags
-        callId: lastCallId || existingEntry.callId || ""
+        callId: lastCallId || existingEntry.callId || "",
+        artifactBlocks: mergedBlocks,
+        planningBlocks
       });
       latestHistoryRef.current = newHistory;
       return newHistory;
@@ -7148,69 +7319,74 @@ ${traceSummary}` : traceSummary;
     }
   }, [followOnPrompt, continueChat]);
   (0, import_react14.useEffect)(() => {
-    if (llmError && llmError.trim()) {
-      if (lastProcessedErrorRef.current === llmError) {
-        console.log("[AIChatPanel] Skipping duplicate error:", llmError);
-        return;
-      }
-      console.log("[AIChatPanel] Error detected:", llmError);
-      lastProcessedErrorRef.current = llmError;
-      const errorMessage = llmError;
-      const isAbortError = errorMessage.toLowerCase().includes("abort") || errorMessage.toLowerCase().includes("canceled") || errorMessage.toLowerCase().includes("cancelled");
-      if (isAbortError) {
-        console.log("[AIChatPanel] Request was aborted by user (useEffect)");
-      } else if (errorMessage.includes("413") || errorMessage.toLowerCase().includes("content too large")) {
-        setError({
-          message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
-          code: "413"
-        });
-        if (lastKey) {
-          setHistory((prev) => {
-            const existingEntry = prev[lastKey] || { content: "", callId: "" };
-            return __spreadProps(__spreadValues({}, prev), {
-              [lastKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                content: `Error: ${errorMessage}`,
-                callId: lastCallId || existingEntry.callId || ""
-              })
-            });
+    const normalizedError = typeof llmError === "string" ? llmError.trim() : "";
+    if (!normalizedError) {
+      lastProcessedErrorRef.current = null;
+      return;
+    }
+    if (lastProcessedErrorRef.current === normalizedError) {
+      console.log("[AIChatPanel] Skipping duplicate error:", normalizedError);
+      return;
+    }
+    console.log("[AIChatPanel] Error detected:", normalizedError);
+    lastProcessedErrorRef.current = normalizedError;
+    const errorMessage = normalizedError;
+    const currentLastKey = lastKeyRef.current;
+    const currentLastCallId = lastCallIdRef.current;
+    const isAbortError = errorMessage.toLowerCase().includes("abort") || errorMessage.toLowerCase().includes("canceled") || errorMessage.toLowerCase().includes("cancelled");
+    if (isAbortError) {
+      console.log("[AIChatPanel] Request was aborted by user (useEffect)");
+    } else if (errorMessage.includes("413") || errorMessage.toLowerCase().includes("content too large")) {
+      setError({
+        message: "The context is too large to process. Please start a new conversation or reduce the amount of context.",
+        code: "413"
+      });
+      if (currentLastKey) {
+        setHistory((prev) => {
+          const existingEntry = prev[currentLastKey] || { content: "", callId: "" };
+          return __spreadProps(__spreadValues({}, prev), {
+            [currentLastKey]: __spreadProps(__spreadValues({}, existingEntry), {
+              content: `Error: ${errorMessage}`,
+              callId: currentLastCallId || existingEntry.callId || ""
+            })
           });
-        }
-      } else if (errorMessage.toLowerCase().includes("network error") || errorMessage.toLowerCase().includes("fetch")) {
-        setError({
-          message: "Network error. Please check your connection and try again.",
-          code: "NETWORK_ERROR"
         });
-        if (lastKey) {
-          setHistory((prev) => {
-            const existingEntry = prev[lastKey] || { content: "", callId: "" };
-            return __spreadProps(__spreadValues({}, prev), {
-              [lastKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                content: `Error: ${errorMessage}`,
-                callId: lastCallId || existingEntry.callId || ""
-              })
-            });
+      }
+    } else if (errorMessage.toLowerCase().includes("network error") || errorMessage.toLowerCase().includes("fetch")) {
+      setError({
+        message: "Network error. Please check your connection and try again.",
+        code: "NETWORK_ERROR"
+      });
+      if (currentLastKey) {
+        setHistory((prev) => {
+          const existingEntry = prev[currentLastKey] || { content: "", callId: "" };
+          return __spreadProps(__spreadValues({}, prev), {
+            [currentLastKey]: __spreadProps(__spreadValues({}, existingEntry), {
+              content: `Error: ${errorMessage}`,
+              callId: currentLastCallId || existingEntry.callId || ""
+            })
           });
-        }
-      } else {
-        setError({
-          message: errorMessage,
-          code: "UNKNOWN_ERROR"
         });
-        if (lastKey) {
-          setHistory((prev) => {
-            const existingEntry = prev[lastKey] || { content: "", callId: "" };
-            return __spreadProps(__spreadValues({}, prev), {
-              [lastKey]: __spreadProps(__spreadValues({}, existingEntry), {
-                content: `Error: ${errorMessage}`,
-                callId: lastCallId || existingEntry.callId || ""
-              })
-            });
+      }
+    } else {
+      setError({
+        message: errorMessage,
+        code: "UNKNOWN_ERROR"
+      });
+      if (currentLastKey) {
+        setHistory((prev) => {
+          const existingEntry = prev[currentLastKey] || { content: "", callId: "" };
+          return __spreadProps(__spreadValues({}, prev), {
+            [currentLastKey]: __spreadProps(__spreadValues({}, existingEntry), {
+              content: `Error: ${errorMessage}`,
+              callId: currentLastCallId || existingEntry.callId || ""
+            })
           });
-        }
+        });
       }
-      setIsLoading(false);
     }
-  }, [llmError, lastKey, lastCallId]);
+    setIsLoading(false);
+  }, [llmError]);
   (0, import_react14.useEffect)(() => {
     const existingLinks = document.querySelectorAll(
       'link[data-source="ai-chat-panel"]'
@@ -8468,6 +8644,61 @@ var truncatePromptForTitle = (prompt) => {
   }
   return prompt;
 };
+var stripHistoryPromptTimestamp = (prompt) => {
+  const isoMatch = prompt.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z:(.+)/);
+  if (isoMatch && isoMatch[1]) {
+    return isoMatch[1];
+  }
+  return prompt.replace(/^\d+:/, "");
+};
+var upsertConversationSummary = (conversations, summary) => {
+  const normalizedSummary = normalizeConversationListPayload([summary])[0];
+  if (!normalizedSummary) {
+    return conversations;
+  }
+  const dedupedById = /* @__PURE__ */ new Map();
+  for (const conv of conversations) {
+    dedupedById.set(conv.conversationId, conv);
+  }
+  const existing = dedupedById.get(normalizedSummary.conversationId);
+  const existingUpdatedAt = existing ? new Date(existing.updatedAt).getTime() : 0;
+  const incomingUpdatedAt = new Date(normalizedSummary.updatedAt).getTime();
+  const preferIncoming = !existing || incomingUpdatedAt >= existingUpdatedAt;
+  const latest = preferIncoming ? normalizedSummary : existing;
+  const fallback = preferIncoming ? existing : normalizedSummary;
+  dedupedById.set(normalizedSummary.conversationId, __spreadProps(__spreadValues(__spreadValues({}, fallback || {}), latest || {}), {
+    createdAt: (existing == null ? void 0 : existing.createdAt) || normalizedSummary.createdAt,
+    updatedAt: (latest == null ? void 0 : latest.updatedAt) || (fallback == null ? void 0 : fallback.updatedAt) || normalizedSummary.updatedAt,
+    title: (latest == null ? void 0 : latest.title) || (fallback == null ? void 0 : fallback.title) || "",
+    summary: (latest == null ? void 0 : latest.summary) || (fallback == null ? void 0 : fallback.summary),
+    agentId: (latest == null ? void 0 : latest.agentId) || (fallback == null ? void 0 : fallback.agentId),
+    messageCount: typeof (latest == null ? void 0 : latest.messageCount) === "number" ? latest.messageCount : fallback == null ? void 0 : fallback.messageCount
+  }));
+  return Array.from(dedupedById.values()).sort(
+    (a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()
+  );
+};
+var buildOptimisticConversationSummary = (conversation) => {
+  const conversationId = typeof conversation.conversationId === "string" ? conversation.conversationId.trim() : "";
+  if (!conversationId || conversationId.startsWith("new-")) {
+    return null;
+  }
+  const historyKeys = Object.keys(conversation.history || {});
+  if (historyKeys.length === 0 && conversation.title === "New conversation") {
+    return null;
+  }
+  const firstPrompt = historyKeys[0] ? stripHistoryPromptTimestamp(historyKeys[0]) : "";
+  const title = truncatePromptForTitle(firstPrompt || conversation.title || "New conversation");
+  const now = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    conversationId,
+    title,
+    createdAt: now,
+    updatedAt: now,
+    agentId: conversation.agentId,
+    messageCount: historyKeys.length > 0 ? historyKeys.length * 2 : void 0
+  };
+};
 var EMPTY_ARRAY = [];
 var EMPTY_HISTORY = {};
 var ChatPanelWrapper = ({
@@ -8871,9 +9102,13 @@ var AIAgentPanel = import_react16.default.forwardRef(({
     buildAgentAwarenessInstructions,
     agentList
   } = useAgentRegistry(agentIds, { url, localOverrides });
+  const getAgentRef = (0, import_react16.useRef)(getAgent);
+  (0, import_react16.useEffect)(() => {
+    getAgentRef.current = getAgent;
+  }, [getAgent]);
   const fetchInProgressRef = (0, import_react16.useRef)(false);
   const loadingTranscriptIdsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
-  const lastFetchedAgentRef = (0, import_react16.useRef)(null);
+  const [conversationListRefreshNonce, setConversationListRefreshNonce] = (0, import_react16.useState)(0);
   const checkedPromptsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
   const fetchingPromptsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Set());
   const failedPromptsRef = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
@@ -8881,6 +9116,34 @@ var AIAgentPanel = import_react16.default.forwardRef(({
   activeConversationsRef.current = activeConversations;
   const currentConversationIdRef = (0, import_react16.useRef)(currentConversationId);
   currentConversationIdRef.current = currentConversationId;
+  const controlledConversationIdRef = (0, import_react16.useRef)(controlledConversationId);
+  controlledConversationIdRef.current = controlledConversationId;
+  const requestConversationListRefresh = (0, import_react16.useCallback)(() => {
+    setConversationListRefreshNonce((prev) => prev + 1);
+  }, []);
+  const upsertApiConversationFromHistory = (0, import_react16.useCallback)(
+    (conversationId, history, fallbackTitle) => {
+      const firstPromptKey = Object.keys(history)[0];
+      const firstPrompt = firstPromptKey ? stripHistoryPromptTimestamp(firstPromptKey) : "";
+      const title = truncatePromptForTitle(firstPrompt || fallbackTitle || "New conversation");
+      const messageCount = Object.keys(history).length * 2;
+      const timestamp = (/* @__PURE__ */ new Date()).toISOString();
+      setApiConversations(
+        (prev) => {
+          var _a2, _b2;
+          return upsertConversationSummary(prev, {
+            conversationId,
+            title,
+            createdAt: ((_a2 = prev.find((conversation2) => conversation2.conversationId === conversationId)) == null ? void 0 : _a2.createdAt) || timestamp,
+            updatedAt: timestamp,
+            agentId: ((_b2 = prev.find((conversation2) => conversation2.conversationId === conversationId)) == null ? void 0 : _b2.agentId) || currentAgentId,
+            messageCount
+          });
+        }
+      );
+    },
+    [currentAgentId]
+  );
   const commitConversationSelection = (0, import_react16.useCallback)(
     (conversationId, notifyChange) => {
       const shouldSyncLocalState = !isConversationControlled || !notifyChange || controlledConversationId === conversationId;
@@ -8948,7 +9211,7 @@ var AIAgentPanel = import_react16.default.forwardRef(({
     fetchingPromptsRef.current.add(conversationId);
     setLoadingPrompts((prev) => new Set(prev).add(conversationId));
     const agentIdToUse = agentIdForConversation || currentAgentId;
-    const agentProfile = getAgent(agentIdToUse);
+    const agentProfile = getAgentRef.current(agentIdToUse);
     const projectId = (_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId;
     if (!apiKey || !projectId) {
       fetchingPromptsRef.current.delete(conversationId);
@@ -9013,11 +9276,8 @@ var AIAgentPanel = import_react16.default.forwardRef(({
         return next;
       });
     }
-  }), [apiKey, currentAgentId, getAgent]);
-  const fetchConversations = (0, import_react16.useCallback)((agentId, signal) => __async(void 0, null, function* () {
-    var _a2;
-    const agentProfile = getAgent(agentId);
-    const projectId = (_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId;
+  }), [apiKey, currentAgentId]);
+  const fetchConversations = (0, import_react16.useCallback)((agentId, projectId, signal) => __async(void 0, null, function* () {
     if (!agentId || !apiKey || !projectId) {
       setApiConversations([]);
       return;
@@ -9043,7 +9303,38 @@ var AIAgentPanel = import_react16.default.forwardRef(({
       const payload = yield response.json();
       const normalized = normalizeConversationListPayload(payload);
       if (!(signal == null ? void 0 : signal.aborted)) {
-        setApiConversations(normalized);
+        setApiConversations((prev) => {
+          const next = [...normalized];
+          const optimisticIds = /* @__PURE__ */ new Set();
+          const trackedConversationId = controlledConversationIdRef.current;
+          if (trackedConversationId) {
+            optimisticIds.add(trackedConversationId);
+          }
+          activeConversationsRef.current.forEach((conversation2) => {
+            const optimisticSummary = buildOptimisticConversationSummary(conversation2);
+            if (!optimisticSummary) {
+              return;
+            }
+            optimisticIds.add(optimisticSummary.conversationId);
+            const existing = prev.find(
+              (candidate) => candidate.conversationId === optimisticSummary.conversationId
+            );
+            next.push(__spreadProps(__spreadValues({}, optimisticSummary), {
+              createdAt: (existing == null ? void 0 : existing.createdAt) || optimisticSummary.createdAt,
+              updatedAt: optimisticSummary.updatedAt
+            }));
+          });
+          let merged = normalizeConversationListPayload(next);
+          if (optimisticIds.size > 0) {
+            prev.forEach((conversation2) => {
+              if (!optimisticIds.has(conversation2.conversationId)) {
+                return;
+              }
+              merged = upsertConversationSummary(merged, conversation2);
+            });
+          }
+          return merged;
+        });
         const now = /* @__PURE__ */ new Date();
         const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
         const yesterday = new Date(today.getTime() - 24 * 60 * 60 * 1e3);
@@ -9064,7 +9355,7 @@ var AIAgentPanel = import_react16.default.forwardRef(({
         setConversationsLoading(false);
       }
     }
-  }), [apiKey, customerId, getAgent, fetchFirstPrompt]);
+  }), [apiKey, customerId, fetchFirstPrompt]);
   const loadConversationTranscript = (0, import_react16.useCallback)((conversationId, agentIdForConversation, title, notifyConversationChange = true) => __async(void 0, null, function* () {
     var _a2;
     const existingActive = activeConversationsRef.current.get(conversationId);
@@ -9077,7 +9368,7 @@ var AIAgentPanel = import_react16.default.forwardRef(({
       return;
     }
     const agentIdToUse = agentIdForConversation || currentAgentId;
-    const agentProfile = getAgent(agentIdToUse);
+    const agentProfile = getAgentRef.current(agentIdToUse);
     const projectId = (_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId;
     if (!apiKey || !projectId) {
       setConversationsError("Missing API key or project ID");
@@ -9153,7 +9444,7 @@ var AIAgentPanel = import_react16.default.forwardRef(({
       loadingTranscriptIdsRef.current.delete(conversationId);
       setLoadingConversationId((prev) => prev === conversationId ? null : prev);
     }
-  }), [apiKey, commitConversationSelection, conversationFirstPrompts, currentAgentId, getAgent]);
+  }), [apiKey, commitConversationSelection, conversationFirstPrompts, currentAgentId]);
   (0, import_react16.useEffect)(() => {
     if (!isConversationControlled) return;
     const targetConversationId = controlledConversationId;
@@ -9218,21 +9509,32 @@ var AIAgentPanel = import_react16.default.forwardRef(({
     loadConversationTranscript,
     loadingConversationId
   ]);
+  const currentAgentProjectId = (0, import_react16.useMemo)(() => {
+    var _a2;
+    const agentProfile = getAgent(currentAgentId);
+    return ((_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId) || "";
+  }, [currentAgentId, getAgent]);
   const handleRefreshConversations = (0, import_react16.useCallback)(() => {
-    fetchConversations(currentAgentId);
-  }, [currentAgentId, fetchConversations]);
+    requestConversationListRefresh();
+  }, [requestConversationListRefresh]);
   (0, import_react16.useEffect)(() => {
-    var _a2;
     if (!showConversationHistory) return;
     if (!agentsLoading && currentAgentId && apiKey) {
-      const agentProfile = getAgent(currentAgentId);
-      const projectId = (_a2 = agentProfile == null ? void 0 : agentProfile.metadata) == null ? void 0 : _a2.projectId;
-      if (projectId && lastFetchedAgentRef.current !== currentAgentId) {
-        lastFetchedAgentRef.current = currentAgentId;
-        fetchConversations(currentAgentId);
+      if (currentAgentProjectId) {
+        const controller = new AbortController();
+        fetchConversations(currentAgentId, currentAgentProjectId, controller.signal);
+        return () => controller.abort();
       }
     }
-  }, [agentsLoading, currentAgentId, apiKey, fetchConversations, getAgent, showConversationHistory]);
+  }, [
+    agentsLoading,
+    apiKey,
+    conversationListRefreshNonce,
+    currentAgentId,
+    currentAgentProjectId,
+    fetchConversations,
+    showConversationHistory
+  ]);
   const handleNewConversation = (0, import_react16.useCallback)(() => {
     const tempId = createDraftConversation(currentAgentId);
     commitConversationSelection(tempId, true);
@@ -9556,11 +9858,7 @@ var AIAgentPanel = import_react16.default.forwardRef(({
             if (title === "New conversation" && Object.keys(history).length > 0) {
               const firstPrompt = Object.keys(history)[0];
               if (firstPrompt) {
-                let cleanPrompt = firstPrompt;
-                const isoMatch = cleanPrompt.match(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z:(.+)/);
-                if (isoMatch && isoMatch[1]) {
-                  cleanPrompt = isoMatch[1];
-                }
+                const cleanPrompt = stripHistoryPromptTimestamp(firstPrompt);
                 title = cleanPrompt.length > 60 ? cleanPrompt.slice(0, 57) + "..." : cleanPrompt;
               }
             }
@@ -9573,6 +9871,12 @@ var AIAgentPanel = import_react16.default.forwardRef(({
           }
           return prev;
         });
+        const existingActiveConversation = activeConversationsRef.current.get(targetConversationId);
+        upsertApiConversationFromHistory(
+          targetConversationId,
+          history,
+          existingActiveConversation == null ? void 0 : existingActiveConversation.title
+        );
       }
       const lastEntry = Object.entries(history).pop();
       if (lastEntry) {
@@ -9592,9 +9896,11 @@ var AIAgentPanel = import_react16.default.forwardRef(({
       }
     },
     [
+      activeConversationsRef,
       currentAgentId,
       historyChangedCallback,
-      agents
+      agents,
+      upsertApiConversationFromHistory
     ]
   );
   const handleLoadingChange = (0, import_react16.useCallback)((isLoading, conversationId) => {
@@ -9603,6 +9909,9 @@ var AIAgentPanel = import_react16.default.forwardRef(({
       setActiveConversations((prev) => {
         const existing = prev.get(targetConversationId);
         if (existing && existing.isLoading !== isLoading) {
+          if (existing.isLoading && !isLoading) {
+            requestConversationListRefresh();
+          }
           const next = new Map(prev);
           next.set(targetConversationId, __spreadProps(__spreadValues({}, existing), {
             isLoading
@@ -9612,7 +9921,7 @@ var AIAgentPanel = import_react16.default.forwardRef(({
         return prev;
       });
     }
-  }, []);
+  }, [requestConversationListRefresh]);
   const handleHandoffConfirm = (0, import_react16.useCallback)(() => {
     if (suggestedAgent) {
       handleAgentSwitch(suggestedAgent);
@@ -9658,7 +9967,8 @@ var AIAgentPanel = import_react16.default.forwardRef(({
     if (currentConversationIdRef.current === tempId) {
       commitConversationSelection(realId, true);
     }
-  }, [commitConversationSelection]);
+    requestConversationListRefresh();
+  }, [commitConversationSelection, requestConversationListRefresh]);
   const toggleCollapse = (0, import_react16.useCallback)(() => {
     if (!collapsible) return;
     const newValue = !isCollapsed;