@iota-uz/sdk 0.4.12 → 0.4.14

package/dist/bichat/index.mjs

@@ -1,17 +1,17 @@
-import React, { createContext, lazy, memo, forwardRef, useState, useRef, useMemo, useEffect, useImperativeHandle, useCallback, isValidElement, cloneElement, useContext, useId, Suspense, Component, Children } from 'react';
+import React, { createContext, lazy, memo, forwardRef, useState, useRef, useMemo, useEffect, useImperativeHandle, useCallback, isValidElement, cloneElement, useContext, useId, useSyncExternalStore, Suspense, Component, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactApexChart from 'react-apexcharts';
 import ApexCharts from 'apexcharts';
-import { X, Bug, ArrowUp, ArrowDown, Stack, Paperclip, PaperPlaneRight, CircleNotch, ArrowUUpLeft, PencilSimple, Check, Bookmark, ArrowsClockwise, Archive, Trash, DotsThree, Warning, ArrowClockwise, Image, ImageBroken, CaretLeft, CaretRight, MagnifyingGlass, WarningCircle, CaretDown, Info, CheckCircle, XCircle, Spinner, Copy, FilePdf, FileXls, FileCsv, FileDoc, FileCode, FileText, File, ChartBar, DownloadSimple, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, Wrench, ClockCounterClockwise, Lightbulb, Package, Plus, Gear, Users, List, CaretLineLeft, CaretLineRight, ArrowsCounterClockwise, Code, ArrowSquareOut, SpinnerGap, FloppyDisk, Sidebar } from '@phosphor-icons/react';
+import { X, Bug, ArrowUp, ArrowDown, Stack, Paperclip, PaperPlaneRight, CircleNotch, ArrowUUpLeft, PencilSimple, Check, Bookmark, ArrowsClockwise, Archive, Trash, DotsThree, Warning, ArrowClockwise, Image, ArrowCounterClockwise, ImageBroken, CaretLeft, CaretRight, Info, CheckCircle, XCircle, Spinner, MagnifyingGlass, WarningCircle, CaretDown, Copy, FilePdf, FileXls, FileCsv, FileDoc, FileCode, FileText, File, ChartBar, DownloadSimple, Download, ChatCircleDots, PencilSimpleLine, ArrowLeft, PaperPlaneTilt, ArrowRight, Timer, Lightning, Database, Wrench, ClockCounterClockwise, Lightbulb, Package, Plus, ArrowsCounterClockwise, Gear, Users, List, CaretLineLeft, CaretLineRight, Code, ArrowSquareOut, SpinnerGap, FloppyDisk, Sidebar } from '@phosphor-icons/react';
 import { Prism } from 'react-syntax-highlighter';
 import { vscDarkPlus, vs } from 'react-syntax-highlighter/dist/esm/styles/prism';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import { useMotionValue, useTransform, motion, AnimatePresence, useReducedMotion } from 'framer-motion';
-import { formatDistanceToNow, startOfDay, differenceInDays } from 'date-fns';
-import { Menu, MenuButton, MenuItems, MenuItem, Dialog, DialogBackdrop, DialogPanel, DialogTitle, Description, Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/react';
-import { createPortal } from 'react-dom';
 import 'react-dom/client';
+import { startOfDay, differenceInDays, differenceInMinutes, differenceInHours, format } from 'date-fns';
+import { Menu, MenuButton, MenuItems, MenuItem, Dialog, DialogBackdrop, DialogPanel, DialogTitle, Description, Disclosure, DisclosureButton, DisclosurePanel, Transition } from '@headlessui/react';
+import { createPortal } from 'react-dom';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,12 +22,12 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-function IotaContextProvider({ children }) {
-  const initialContext = window.__BICHAT_CONTEXT__;
-  if (!initialContext) {
-    throw new Error("BICHAT_CONTEXT not found. Ensure server injected context into window object.");
+function IotaContextProvider({ context, children }) {
+  const resolved = context ?? (typeof window !== "undefined" ? window.__APPLET_CONTEXT__ : void 0);
+  if (!resolved) {
+    throw new Error("APPLET_CONTEXT not found. Pass a `context` prop or ensure the server injected context into window.__APPLET_CONTEXT__.");
   }
-  return /* @__PURE__ */ jsx(IotaContext.Provider, { value: initialContext, children });
+  return /* @__PURE__ */ jsx(IotaContext.Provider, { value: resolved, children });
 }
 function useIotaContext() {
   const context = useContext(IotaContext);
@@ -37,7 +37,7 @@ function useIotaContext() {
   return context;
 }
 function hasPermission(permission) {
-  const context = window.__BICHAT_CONTEXT__;
+  const context = typeof window !== "undefined" ? window.__APPLET_CONTEXT__ : void 0;
   if (!context) {
     return false;
   }
@@ -294,12 +294,16 @@ var init_chartSpec = __esm({
 var TableExportButton;
 var init_TableExportButton = __esm({
   "ui/src/bichat/components/TableExportButton.tsx"() {
+    init_useTranslation();
     TableExportButton = memo(function TableExportButton2({
       onClick,
       disabled = false,
-      label = "Export",
-      disabledTooltip = "Please wait..."
+      label,
+      disabledTooltip
     }) {
+      const { t } = useTranslation();
+      const resolvedLabel = label ?? t("BiChat.Export");
+      const resolvedDisabledTooltip = disabledTooltip ?? t("BiChat.Common.PleaseWait");
       return /* @__PURE__ */ jsxs(
         "button",
         {
@@ -307,35 +311,38 @@ var init_TableExportButton = __esm({
           onClick,
           disabled,
           className: "cursor-pointer inline-flex items-center gap-1 px-2 py-1 text-xs font-medium text-green-700 dark:text-green-400 hover:text-green-800 dark:hover:text-green-300 disabled:text-gray-400 disabled:cursor-not-allowed transition-colors rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50",
-          "aria-label": label,
-          title: disabled ? disabledTooltip : label,
+          "aria-label": resolvedLabel,
+          title: disabled ? resolvedDisabledTooltip : resolvedLabel,
           children: [
             /* @__PURE__ */ jsx(FileXls, { size: 16, weight: "fill" }),
-            /* @__PURE__ */ jsx("span", { children: label })
+            /* @__PURE__ */ jsx("span", { children: resolvedLabel })
           ]
         }
       );
     });
   }
 });
-var DEFAULT_EXPORT_MESSAGE, TableWithExport;
+var TableWithExport;
 var init_TableWithExport = __esm({
   "ui/src/bichat/components/TableWithExport.tsx"() {
     init_TableExportButton();
-    DEFAULT_EXPORT_MESSAGE = "Export the table above to Excel";
+    init_useTranslation();
     TableWithExport = memo(function TableWithExport2({
       children,
       sendMessage,
       disabled = false,
-      exportMessage = DEFAULT_EXPORT_MESSAGE,
-      exportLabel = "Export"
+      exportMessage,
+      exportLabel
     }) {
+      const { t } = useTranslation();
+      const resolvedExportMessage = exportMessage ?? t("BiChat.ExportTableToExcel");
+      const resolvedExportLabel = exportLabel ?? t("BiChat.Export");
       const handleExport = useCallback(() => {
-        sendMessage?.(exportMessage);
-      }, [sendMessage, exportMessage]);
+        sendMessage?.(resolvedExportMessage);
+      }, [sendMessage, resolvedExportMessage]);
       return /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("div", { className: "markdown-table-wrapper overflow-x-auto", children: /* @__PURE__ */ jsx("table", { className: "markdown-table w-full border-collapse", children }) }),
-        sendMessage && /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-1", children: /* @__PURE__ */ jsx(TableExportButton, { onClick: handleExport, disabled, label: exportLabel }) })
+        sendMessage && /* @__PURE__ */ jsx("div", { className: "flex justify-end mt-1", children: /* @__PURE__ */ jsx(TableExportButton, { onClick: handleExport, disabled, label: resolvedExportLabel }) })
       ] });
     });
   }
@@ -355,9 +362,12 @@ function CodeBlock({
   language,
   value,
   inline,
-  copyLabel = "Copy",
-  copiedLabel = "Copied!"
+  copyLabel,
+  copiedLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedCopyLabel = copyLabel ?? t("BiChat.Message.Copy");
+  const resolvedCopiedLabel = copiedLabel ?? t("BiChat.Message.Copied");
   const [copied, setCopied] = useState(false);
   const [copyFailed, setCopyFailed] = useState(false);
   const [isDarkMode, setIsDarkMode] = useState(getInitialDarkMode);
@@ -433,14 +443,14 @@ function CodeBlock({
         {
           onClick: handleCopy,
           className: `text-xs transition-colors flex items-center gap-1.5 ${copyFailed ? "text-red-500 dark:text-red-400" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white"}`,
-          title: copyLabel,
+          title: resolvedCopyLabel,
           "aria-live": "polite",
           children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Check, { size: 16, className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx("span", { children: copiedLabel })
+            /* @__PURE__ */ jsx("span", { children: resolvedCopiedLabel })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Copy, { size: 16, className: "w-4 h-4" }),
-            /* @__PURE__ */ jsx("span", { children: copyFailed ? "Failed" : copyLabel })
+            /* @__PURE__ */ jsx("span", { children: copyFailed ? t("BiChat.Message.CopyFailed") : resolvedCopyLabel })
           ] })
         }
       )
@@ -472,6 +482,7 @@ function CodeBlock({
 var getInitialDarkMode, languageMap, MemoizedCodeBlock, CodeBlock_default;
 var init_CodeBlock = __esm({
   "ui/src/bichat/components/CodeBlock.tsx"() {
+    init_useTranslation();
     getInitialDarkMode = () => {
       if (typeof document === "undefined") return false;
       return document.documentElement.classList.contains("dark");
@@ -530,10 +541,14 @@ function MarkdownRenderer({
   citations,
   sendMessage,
   sendDisabled = false,
-  copyLabel = "Copy",
-  copiedLabel = "Copied!",
-  exportLabel = "Export"
+  copyLabel,
+  copiedLabel,
+  exportLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedCopyLabel = copyLabel ?? t("BiChat.Message.Copy");
+  const resolvedCopiedLabel = copiedLabel ?? t("BiChat.Message.Copied");
+  const resolvedExportLabel = exportLabel ?? t("BiChat.Export");
   const processed = useMemo(() => {
     return processCitations(content, citations);
   }, [content, citations]);
@@ -568,8 +583,8 @@ function MarkdownRenderer({
               language,
               value,
               inline: false,
-              copyLabel,
-              copiedLabel
+              copyLabel: resolvedCopyLabel,
+              copiedLabel: resolvedCopiedLabel
             }
           )
         }
@@ -606,7 +621,7 @@ function MarkdownRenderer({
       {
         sendMessage,
         disabled: sendDisabled,
-        exportLabel,
+        exportLabel: resolvedExportLabel,
         children
       }
     ),
@@ -628,6 +643,7 @@ var init_MarkdownRenderer = __esm({
     init_chartSpec();
     init_TableWithExport();
     init_ChartCard();
+    init_useTranslation();
     CodeBlock2 = lazy(() => Promise.resolve().then(() => (init_CodeBlock(), CodeBlock_exports)).then((module) => ({ default: module.CodeBlock })));
     INLINE_TAGS = /* @__PURE__ */ new Set([
       "a",
@@ -696,43 +712,300 @@ var RateLimiter = class {
   }
 };
 
-// ui/src/bichat/utils/debugTrace.ts
-function hasMeaningfulUsage(trace) {
-  if (!trace) return false;
-  return trace.promptTokens > 0 || trace.completionTokens > 0 || trace.totalTokens > 0 || (trace.cachedTokens ?? 0) > 0 || (trace.cost ?? 0) > 0;
+// ui/src/applet-devtools/enabled.ts
+function shouldEnableAppletDevtools() {
+  if (typeof window === "undefined") return false;
+  const url = new URL(window.location.href);
+  if (url.searchParams.get("appletDebug") === "1") return true;
+  try {
+    return window.localStorage.getItem("iotaAppletDevtools") === "1";
+  } catch {
+    return false;
+  }
 }
-function hasDebugTrace(trace) {
-  return trace.tools.length > 0 || hasMeaningfulUsage(trace.usage) || !!trace.generationMs;
+
+// ui/src/applet-host/rpc.ts
+var AppletRPCException = class extends Error {
+  constructor(args) {
+    super(args.message);
+    this.name = "AppletRPCException";
+    this.code = args.code;
+    this.details = args.details;
+    this.cause = args.cause;
+  }
+};
+function createAppletRPCClient(options) {
+  const fetcher = options.fetcher ?? fetch;
+  const timeoutMs = typeof options.timeoutMs === "number" && options.timeoutMs > 0 ? options.timeoutMs : 0;
+  async function call(method, params) {
+    const req = { id: crypto.randomUUID(), method, params };
+    const startedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
+    const abortController = timeoutMs > 0 ? new AbortController() : void 0;
+    let timeoutHandle;
+    let timedOut = false;
+    maybeDispatchRPCEvent({
+      id: req.id,
+      method: req.method,
+      status: "start"
+    });
+    try {
+      if (abortController) {
+        timeoutHandle = setTimeout(() => {
+          timedOut = true;
+          abortController.abort();
+        }, timeoutMs);
+      }
+      const resp = await fetcher(options.endpoint, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(req),
+        signal: abortController?.signal
+      });
+      if (!resp.ok) {
+        throw new AppletRPCException({
+          code: "http_error",
+          message: `HTTP ${resp.status}`,
+          details: { status: resp.status }
+        });
+      }
+      const json = await resp.json();
+      if (json.error) {
+        throw new AppletRPCException({
+          code: json.error.code,
+          message: json.error.message,
+          details: json.error.details
+        });
+      }
+      if (json.result === void 0) {
+        throw new AppletRPCException({
+          code: "invalid_response",
+          message: "Missing result in successful response"
+        });
+      }
+      maybeDispatchRPCEvent({
+        id: req.id,
+        method: req.method,
+        status: "success",
+        durationMs: elapsedMs(startedAt)
+      });
+      return json.result;
+    } catch (err) {
+      let rpcErr = err;
+      if (err instanceof Error && err.name === "AbortError") {
+        rpcErr = new AppletRPCException({
+          code: timedOut ? "timeout" : "aborted",
+          message: timedOut ? `RPC request timed out after ${timeoutMs}ms` : "RPC request was aborted",
+          cause: err
+        });
+      }
+      maybeDispatchRPCEvent({
+        id: req.id,
+        method: req.method,
+        status: "error",
+        durationMs: elapsedMs(startedAt),
+        error: rpcErr
+      });
+      throw rpcErr;
+    } finally {
+      if (timeoutHandle !== void 0) {
+        clearTimeout(timeoutHandle);
+      }
+    }
+  }
+  async function callTyped(method, params) {
+    return call(method, params);
+  }
+  return { call, callTyped };
 }
-function getSessionDebugUsage(turns) {
-  let promptTokens = 0;
-  let completionTokens = 0;
-  let totalTokens = 0;
-  let turnsWithUsage = 0;
-  let latestPromptTokens = 0;
-  let latestCompletionTokens = 0;
-  let latestTotalTokens = 0;
-  for (const turn of turns) {
-    const usage = turn.assistantTurn?.debug?.usage;
-    if (!hasMeaningfulUsage(usage) || !usage) {
-      continue;
+function maybeDispatchRPCEvent(detail) {
+  if (typeof window === "undefined") return;
+  if (!shouldEnableAppletDevtools()) return;
+  window.dispatchEvent(new CustomEvent("iota:applet-rpc", { detail }));
+}
+function elapsedMs(startedAt) {
+  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
+  return Math.max(0, Math.round(now - startedAt));
+}
+
+// ui/src/bichat/utils/errorDisplay.ts
+function isPermissionDeniedError(error) {
+  if (!error) return false;
+  if (error instanceof Error) {
+    const msg = error.message.toLowerCase();
+    if (msg.includes("forbidden") || msg.includes("permission denied")) return true;
+  }
+  if (typeof error === "object" && error !== null) {
+    const obj = error;
+    if (obj.code === "forbidden" || obj.code === 403) return true;
+    if (obj.status === 403) return true;
+    if (obj.statusCode === 403) return true;
+    if (typeof obj.response === "object" && obj.response !== null) {
+      const resp = obj.response;
+      if (resp.status === 403) return true;
     }
-    turnsWithUsage++;
-    promptTokens += usage.promptTokens;
-    completionTokens += usage.completionTokens;
-    totalTokens += usage.totalTokens;
-    latestPromptTokens = usage.promptTokens;
-    latestCompletionTokens = usage.completionTokens;
-    latestTotalTokens = usage.totalTokens;
+  }
+  if (typeof error === "string") {
+    const lower = error.toLowerCase();
+    if (lower.includes("forbidden") || lower.includes("permission denied")) return true;
+  }
+  return false;
+}
+function extractStatus(error) {
+  if (!error || typeof error !== "object") return void 0;
+  const obj = error;
+  if (typeof obj.status === "number") return obj.status;
+  if (typeof obj.statusCode === "number") return obj.statusCode;
+  if (typeof obj.details === "object" && obj.details !== null) {
+    const details = obj.details;
+    if (typeof details.status === "number") return details.status;
+    if (typeof details.statusCode === "number") return details.statusCode;
+  }
+  if (typeof obj.response === "object" && obj.response !== null) {
+    const response = obj.response;
+    if (typeof response.status === "number") return response.status;
+  }
+  return void 0;
+}
+function isOfflineNow() {
+  return typeof navigator !== "undefined" && navigator.onLine === false;
+}
+function inferErrorCode(error) {
+  if (isOfflineNow()) return "offline";
+  if (error instanceof AppletRPCException) {
+    const code = String(error.code || "").toLowerCase().trim();
+    if (code) return code;
+  }
+  if (typeof error === "object" && error !== null) {
+    const obj = error;
+    if (typeof obj.code === "string" && obj.code.trim() !== "") {
+      return obj.code.toLowerCase();
+    }
+    if (typeof obj.error === "string" && obj.error.trim() !== "") {
+      return obj.error.toLowerCase();
+    }
+  }
+  const status = extractStatus(error);
+  if (status === 401 || status === 403) return "forbidden";
+  if (status === 404) return "not_found";
+  if (status === 408) return "timeout";
+  if (status === 413) return "payload_too_large";
+  if (status === 429) return "rate_limited";
+  if (status && status >= 500) return "server_error";
+  if (status && status >= 400) return "bad_request";
+  let message = "";
+  if (error instanceof Error) message = error.message;
+  if (!message && typeof error === "string") message = error;
+  const lower = message.toLowerCase();
+  if (lower.includes("timeout") || lower.includes("timed out")) return "timeout";
+  if (lower.includes("abort") || lower.includes("cancel")) return "aborted";
+  if (lower.includes("forbidden") || lower.includes("permission denied")) return "forbidden";
+  if (lower.includes("not found") || lower.includes("session not found")) return "not_found";
+  if (lower.includes("payload too large") || lower.includes("request too large") || lower.includes("413")) return "payload_too_large";
+  if (lower.includes("network") || lower.includes("failed to fetch")) return "network_error";
+  return "unknown";
+}
+function describeCode(code, fallbackTitle) {
+  switch (code) {
+    case "offline":
+      return {
+        title: "You are offline",
+        description: "Check your internet connection and try again.",
+        retryable: true
+      };
+    case "timeout":
+      return {
+        title: "Request timed out",
+        description: "The request took too long. Please try again.",
+        retryable: true
+      };
+    case "aborted":
+      return {
+        title: "Request canceled",
+        description: "The request was canceled before completion.",
+        retryable: true
+      };
+    case "forbidden":
+      return {
+        title: "Access denied",
+        description: "Your account does not have permission for this action.",
+        retryable: false
+      };
+    case "not_found":
+      return {
+        title: "Not found",
+        description: "The requested resource could not be found.",
+        retryable: false
+      };
+    case "payload_too_large":
+      return {
+        title: "Attachment too large",
+        description: "The uploaded payload exceeds allowed limits. Reduce file size and retry.",
+        retryable: false
+      };
+    case "invalid_request":
+    case "validation":
+    case "bad_request":
+      return {
+        title: "Invalid request",
+        description: "The request could not be processed. Review the input and try again.",
+        retryable: false
+      };
+    case "rate_limited":
+      return {
+        title: "Too many requests",
+        description: "Please wait a moment before trying again.",
+        retryable: true
+      };
+    case "http_error":
+    case "server_error":
+      return {
+        title: "Server error",
+        description: "The server failed to process this request. Please retry shortly.",
+        retryable: true
+      };
+    case "network_error":
+      return {
+        title: "Network error",
+        description: "A network issue interrupted the request. Please try again.",
+        retryable: true
+      };
+    default:
+      return {
+        title: fallbackTitle,
+        description: "Something went wrong. Please try again.",
+        retryable: true
+      };
+  }
+}
+function normalizeRPCError(error, fallbackTitle) {
+  const code = inferErrorCode(error);
+  const base = describeCode(code, fallbackTitle);
+  const permissionDenied = code === "forbidden" || isPermissionDeniedError(error);
+  let description = base.description;
+  if (error instanceof AppletRPCException && typeof error.message === "string" && error.message.trim() !== "" && base.title === fallbackTitle) {
+    description = error.message;
+  } else if (error instanceof Error && error.message && code === "unknown") {
+    description = error.message;
   }
   return {
-    promptTokens,
-    completionTokens,
-    totalTokens,
-    turnsWithUsage,
-    latestPromptTokens,
-    latestCompletionTokens,
-    latestTotalTokens
+    code,
+    title: base.title,
+    description,
+    userMessage: description || base.title,
+    retryable: base.retryable,
+    isPermissionDenied: permissionDenied,
+    isTimeout: code === "timeout",
+    isOffline: code === "offline",
+    isCanceled: code === "aborted",
+    isNotFound: code === "not_found"
+  };
+}
+function toErrorDisplay(error, fallbackTitle) {
+  const normalized = normalizeRPCError(error, fallbackTitle);
+  return {
+    title: normalized.title,
+    description: normalized.description,
+    isPermissionDenied: normalized.isPermissionDenied
   };
 }
 
@@ -785,8 +1058,45 @@ function loadQueue(sessionId) {
   }
 }
 
-// ui/src/bichat/context/ChatContext.tsx
-init_IotaContext();
+// ui/src/bichat/utils/debugTrace.ts
+function hasMeaningfulUsage(trace) {
+  if (!trace) return false;
+  return trace.promptTokens > 0 || trace.completionTokens > 0 || trace.totalTokens > 0 || (trace.cachedTokens ?? 0) > 0 || (trace.cost ?? 0) > 0;
+}
+function hasDebugTrace(trace) {
+  return trace.tools.length > 0 || hasMeaningfulUsage(trace.usage) || !!trace.generationMs;
+}
+function getSessionDebugUsage(turns) {
+  let promptTokens = 0;
+  let completionTokens = 0;
+  let totalTokens = 0;
+  let turnsWithUsage = 0;
+  let latestPromptTokens = 0;
+  let latestCompletionTokens = 0;
+  let latestTotalTokens = 0;
+  for (const turn of turns) {
+    const usage = turn.assistantTurn?.debug?.usage;
+    if (!hasMeaningfulUsage(usage) || !usage) {
+      continue;
+    }
+    turnsWithUsage++;
+    promptTokens += usage.promptTokens;
+    completionTokens += usage.completionTokens;
+    totalTokens += usage.totalTokens;
+    latestPromptTokens = usage.promptTokens;
+    latestCompletionTokens = usage.completionTokens;
+    latestTotalTokens = usage.totalTokens;
+  }
+  return {
+    promptTokens,
+    completionTokens,
+    totalTokens,
+    turnsWithUsage,
+    latestPromptTokens,
+    latestCompletionTokens,
+    latestTotalTokens
+  };
+}
 
 // ui/src/bichat/types/index.ts
 var MessageRole = /* @__PURE__ */ ((MessageRole2) => {
@@ -863,7 +1173,7 @@ function readDebugLimitsFromGlobalContext() {
   if (typeof window === "undefined") {
     return null;
   }
-  const limits = window.__BICHAT_CONTEXT__?.extensions?.debug?.limits;
+  const limits = window.__APPLET_CONTEXT__?.extensions?.debug?.limits;
   if (!limits) {
     return null;
   }
@@ -883,580 +1193,924 @@ function readDebugLimitsFromGlobalContext() {
     completionReserveTokens
   };
 }
-var SessionCtx = createContext(null);
-var MessagingCtx = createContext(null);
-var InputCtx = createContext(null);
-var DEFAULT_RATE_LIMIT_CONFIG = {
-  maxRequests: 20,
-  windowMs: 6e4
-};
-function ChatSessionProvider({
-  dataSource,
-  sessionId,
-  rateLimiter: externalRateLimiter,
-  rateLimitConfig,
-  children
-}) {
-  const [currentSessionId, setCurrentSessionId] = useState(sessionId);
-  const [session, setSession] = useState(null);
-  const [fetching, setFetching] = useState(false);
-  const [error, setError] = useState(null);
-  const [debugModeBySession, setDebugModeBySession] = useState({});
-  const debugSessionKey = currentSessionId || "new";
-  const debugMode = debugModeBySession[debugSessionKey] ?? false;
-  const debugLimits = useMemo(() => readDebugLimitsFromGlobalContext(), []);
-  const [turns, setTurns] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [streamingContent, setStreamingContent] = useState("");
-  const [isStreaming, setIsStreaming] = useState(false);
-  const [pendingQuestion, setPendingQuestion] = useState(null);
-  const [codeOutputs, setCodeOutputs] = useState([]);
-  const [isCompacting, setIsCompacting] = useState(false);
-  const [compactionSummary, setCompactionSummary] = useState(null);
-  const [artifactsInvalidationTrigger, setArtifactsInvalidationTrigger] = useState(0);
-  const abortControllerRef = useRef(null);
-  const [message, setMessage] = useState("");
-  const [inputError, setInputError] = useState(null);
-  const [messageQueue, setMessageQueue] = useState([]);
-  const rateLimiterRef = useRef(
-    externalRateLimiter || new RateLimiter(rateLimitConfig || DEFAULT_RATE_LIMIT_CONFIG)
-  );
-  const sessionRef = useRef({ currentSessionId, debugMode, debugSessionKey });
-  sessionRef.current = { currentSessionId, debugMode, debugSessionKey };
-  const messagingRef = useRef({ turns, pendingQuestion, loading });
-  messagingRef.current = { turns, pendingQuestion, loading };
-  const sessionDebugUsage = useMemo(() => getSessionDebugUsage(turns), [turns]);
-  useEffect(() => {
-    setCurrentSessionId(sessionId);
-  }, [sessionId]);
-  useEffect(() => {
-    const sid = currentSessionId;
-    if (!sid || sid === "new") {
-      setMessageQueue([]);
-      return;
-    }
-    setMessageQueue(loadQueue(sid));
-  }, [currentSessionId]);
-  useEffect(() => {
-    const sid = currentSessionId;
-    if (!sid || sid === "new") return;
-    saveQueue(sid, messageQueue);
-  }, [currentSessionId, messageQueue]);
-  useEffect(() => {
-    if (!currentSessionId || currentSessionId === "new") {
-      setSession(null);
-      setTurns([]);
-      setPendingQuestion(null);
-      setFetching(false);
-      setInputError(null);
+
+// ui/src/bichat/machine/selectors.ts
+function deriveDebugMode(state) {
+  const key2 = state.session.currentSessionId || "new";
+  return state.session.debugModeBySession[key2] ?? false;
+}
+function deriveSessionSnapshot(state, methods) {
+  return {
+    session: state.session.session,
+    currentSessionId: state.session.currentSessionId,
+    fetching: state.session.fetching,
+    error: state.session.error,
+    errorRetryable: state.session.errorRetryable,
+    debugMode: deriveDebugMode(state),
+    sessionDebugUsage: getSessionDebugUsage(state.messaging.turns),
+    debugLimits: state.session.debugLimits,
+    setError: methods.setError,
+    retryFetchSession: methods.retryFetchSession
+  };
+}
+function deriveMessagingSnapshot(state, methods) {
+  return {
+    turns: state.messaging.turns,
+    streamingContent: state.messaging.streamingContent,
+    isStreaming: state.messaging.isStreaming,
+    streamError: state.messaging.streamError,
+    streamErrorRetryable: state.messaging.streamErrorRetryable,
+    loading: state.messaging.loading,
+    pendingQuestion: state.messaging.pendingQuestion,
+    codeOutputs: state.messaging.codeOutputs,
+    isCompacting: state.messaging.isCompacting,
+    compactionSummary: null,
+    artifactsInvalidationTrigger: state.messaging.artifactsInvalidationTrigger,
+    ...methods
+  };
+}
+function deriveInputSnapshot(state, methods) {
+  return {
+    message: state.input.message,
+    inputError: state.input.inputError,
+    messageQueue: state.input.messageQueue,
+    ...methods
+  };
+}
+
+// ui/src/bichat/machine/ChatMachine.ts
+var MAX_QUEUE_SIZE = 5;
+var ChatMachine = class {
+  constructor(config) {
+    // ── Refs (mutable, no subscription) ─────────────────────────────────────
+    this.abortController = null;
+    this.lastSendAttempt = null;
+    /** Prevents fetchSession effect from clobbering state while stream is active. */
+    this.sendingSessionId = null;
+    this.fetchCancelled = false;
+    this.disposed = false;
+    /** Memoized sessionDebugUsage — avoids unnecessary session re-renders during streaming. */
+    this.lastSessionDebugUsage = null;
+    // ── Listeners ───────────────────────────────────────────────────────────
+    this.sessionListeners = /* @__PURE__ */ new Set();
+    this.messagingListeners = /* @__PURE__ */ new Set();
+    this.inputListeners = /* @__PURE__ */ new Set();
+    // ── Snapshot caches (for useSyncExternalStore identity stability) ───────
+    this.cachedSessionSnapshot = null;
+    this.cachedMessagingSnapshot = null;
+    this.cachedInputSnapshot = null;
+    this.sessionSnapshotVersion = 0;
+    this.messagingSnapshotVersion = 0;
+    this.inputSnapshotVersion = 0;
+    this.lastSessionSnapshotVersion = -1;
+    this.lastMessagingSnapshotVersion = -1;
+    this.lastInputSnapshotVersion = -1;
+    // =====================================================================
+    // Subscribe / getSnapshot (for useSyncExternalStore)
+    // =====================================================================
+    this.subscribeSession = (listener) => {
+      this.sessionListeners.add(listener);
+      return () => {
+        this.sessionListeners.delete(listener);
+      };
+    };
+    this.getSessionSnapshot = () => {
+      if (this.lastSessionSnapshotVersion !== this.sessionSnapshotVersion) {
+        this.cachedSessionSnapshot = deriveSessionSnapshot(this.state, {
+          setError: this.setError,
+          retryFetchSession: this.retryFetchSession
+        });
+        this.lastSessionSnapshotVersion = this.sessionSnapshotVersion;
+      }
+      return this.cachedSessionSnapshot;
+    };
+    this.subscribeMessaging = (listener) => {
+      this.messagingListeners.add(listener);
+      return () => {
+        this.messagingListeners.delete(listener);
+      };
+    };
+    this.getMessagingSnapshot = () => {
+      if (this.lastMessagingSnapshotVersion !== this.messagingSnapshotVersion) {
+        this.cachedMessagingSnapshot = deriveMessagingSnapshot(this.state, {
+          sendMessage: this.sendMessage,
+          handleRegenerate: this.handleRegenerate,
+          handleEdit: this.handleEdit,
+          handleCopy: this.handleCopy,
+          handleSubmitQuestionAnswers: this.handleSubmitQuestionAnswers,
+          handleRejectPendingQuestion: this.handleRejectPendingQuestion,
+          retryLastMessage: this.retryLastMessage,
+          clearStreamError: this.clearStreamError,
+          cancel: this.cancel,
+          setCodeOutputs: this.setCodeOutputs
+        });
+        this.lastMessagingSnapshotVersion = this.messagingSnapshotVersion;
+      }
+      return this.cachedMessagingSnapshot;
+    };
+    this.subscribeInput = (listener) => {
+      this.inputListeners.add(listener);
+      return () => {
+        this.inputListeners.delete(listener);
+      };
+    };
+    this.getInputSnapshot = () => {
+      if (this.lastInputSnapshotVersion !== this.inputSnapshotVersion) {
+        this.cachedInputSnapshot = deriveInputSnapshot(this.state, {
+          setMessage: this.setMessage,
+          setInputError: this.setInputError,
+          handleSubmit: this.handleSubmit,
+          handleUnqueue: this.handleUnqueue,
+          enqueueMessage: this.enqueueMessage,
+          removeQueueItem: this.removeQueueItem,
+          updateQueueItem: this.updateQueueItem
+        });
+        this.lastInputSnapshotVersion = this.inputSnapshotVersion;
+      }
+      return this.cachedInputSnapshot;
+    };
+    this.dataSource = config.dataSource;
+    this.rateLimiter = config.rateLimiter;
+    this.onSessionCreated = config.onSessionCreated;
+    this.state = {
+      session: {
+        currentSessionId: void 0,
+        session: null,
+        fetching: false,
+        error: null,
+        errorRetryable: false,
+        debugModeBySession: {},
+        debugLimits: readDebugLimitsFromGlobalContext()
+      },
+      messaging: {
+        turns: [],
+        streamingContent: "",
+        isStreaming: false,
+        streamError: null,
+        streamErrorRetryable: false,
+        loading: false,
+        pendingQuestion: null,
+        codeOutputs: [],
+        isCompacting: false,
+        artifactsInvalidationTrigger: 0
+      },
+      input: {
+        message: "",
+        inputError: null,
+        messageQueue: []
+      }
+    };
+    this.setError = this._setError.bind(this);
+    this.retryFetchSession = this._retryFetchSession.bind(this);
+    this.sendMessage = this._sendMessage.bind(this);
+    this.handleRegenerate = this._handleRegenerate.bind(this);
+    this.handleEdit = this._handleEdit.bind(this);
+    this.handleCopy = this._handleCopy.bind(this);
+    this.handleSubmitQuestionAnswers = this._handleSubmitQuestionAnswers.bind(this);
+    this.handleRejectPendingQuestion = this._handleRejectPendingQuestion.bind(this);
+    this.retryLastMessage = this._retryLastMessage.bind(this);
+    this.clearStreamError = this._clearStreamError.bind(this);
+    this.cancel = this._cancel.bind(this);
+    this.setCodeOutputs = this._setCodeOutputs.bind(this);
+    this.setMessage = this._setMessage.bind(this);
+    this.setInputError = this._setInputError.bind(this);
+    this.handleSubmit = this._handleSubmit.bind(this);
+    this.handleUnqueue = this._handleUnqueue.bind(this);
+    this.enqueueMessage = this._enqueueMessage.bind(this);
+    this.removeQueueItem = this._removeQueueItem.bind(this);
+    this.updateQueueItem = this._updateQueueItem.bind(this);
+  }
+  // =====================================================================
+  // Lifecycle
+  // =====================================================================
+  /**
+   * Set the active session ID. Triggers fetch when transitioning to a real
+   * session, or resets state for 'new'/undefined.
+   */
+  setSessionId(id) {
+    if (this.disposed) return;
+    const prev = this.state.session.currentSessionId;
+    if (id === prev) return;
+    this.state.session.currentSessionId = id;
+    this._notifySession();
+    if (!id || id === "new") {
+      this._updateInput({ messageQueue: [] });
+    } else {
+      this._updateInput({ messageQueue: loadQueue(id) });
+    }
+    this._fetchSessionIfNeeded();
+  }
+  /**
+   * Update mutable config that may change across parent re-renders.
+   * Called from the React provider's useEffect to keep the machine in sync.
+   */
+  updateConfig(config) {
+    this.dataSource = config.dataSource;
+    this.onSessionCreated = config.onSessionCreated;
+  }
+  dispose() {
+    this.disposed = true;
+    this.fetchCancelled = true;
+    this.abortController?.abort();
+    this.sessionListeners.clear();
+    this.messagingListeners.clear();
+    this.inputListeners.clear();
+  }
+  // =====================================================================
+  // Private — state updates + notification
+  // =====================================================================
+  _updateSession(patch) {
+    Object.assign(this.state.session, patch);
+    this._notifySession();
+  }
+  _notifySession() {
+    this.sessionSnapshotVersion++;
+    for (const fn of this.sessionListeners) fn();
+  }
+  _updateMessaging(patch) {
+    Object.assign(this.state.messaging, patch);
+    this._notifyMessaging();
+    if ("turns" in patch) {
+      const newUsage = getSessionDebugUsage(this.state.messaging.turns);
+      if (!sessionDebugUsageEqual(this.lastSessionDebugUsage, newUsage)) {
+        this.lastSessionDebugUsage = newUsage;
+        this._notifySession();
+      }
+    }
+  }
+  _notifyMessaging() {
+    this.messagingSnapshotVersion++;
+    for (const fn of this.messagingListeners) fn();
+  }
+  _updateInput(patch) {
+    Object.assign(this.state.input, patch);
+    if ("messageQueue" in patch) {
+      this._persistQueue();
+    }
+    this._notifyInput();
+  }
+  _notifyInput() {
+    this.inputSnapshotVersion++;
+    for (const fn of this.inputListeners) fn();
+  }
+  _persistQueue() {
+    const sid = this.state.session.currentSessionId;
+    if (!sid || sid === "new") return;
+    saveQueue(sid, this.state.input.messageQueue);
+  }
+  // =====================================================================
+  // Private — session fetch
+  // =====================================================================
+  _fetchSessionIfNeeded() {
+    const id = this.state.session.currentSessionId;
+    if (!id || id === "new") {
+      this._updateSession({
+        session: null,
+        fetching: false,
+        error: null,
+        errorRetryable: false
+      });
+      this._updateMessaging({
+        turns: [],
+        pendingQuestion: null
+      });
+      this._updateInput({ inputError: null });
       return;
     }
-    let cancelled = false;
-    setFetching(true);
-    setError(null);
-    setInputError(null);
-    dataSource.fetchSession(currentSessionId).then((state) => {
-      if (cancelled) return;
-      if (state) {
-        setSession(state.session);
-        setTurns((prev) => {
-          const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
-          if (hasPendingUserOnly && (!state.turns || state.turns.length === 0)) {
-            return prev;
-          }
-          return state.turns ?? prev;
-        });
-        setPendingQuestion(state.pendingQuestion || null);
+    if (this.sendingSessionId === id) return;
+    this.fetchCancelled = false;
+    this._updateSession({ fetching: true, error: null, errorRetryable: false });
+    this._updateInput({ inputError: null });
+    const fetchId = id;
+    this.dataSource.fetchSession(fetchId).then((result) => {
+      if (this.fetchCancelled || this.disposed) return;
+      if (this.state.session.currentSessionId !== fetchId) return;
+      if (this.sendingSessionId === fetchId) return;
+      if (result) {
+        this._updateSession({ session: result.session, fetching: false });
+        this._setTurnsFromFetch(result.turns);
+        this._updateMessaging({ pendingQuestion: result.pendingQuestion || null });
       } else {
-        setError("Session not found");
+        this._updateSession({ error: "Session not found", fetching: false });
       }
-      setFetching(false);
     }).catch((err) => {
-      if (cancelled) return;
-      setError(err.message || "Failed to load session");
-      setFetching(false);
+      if (this.fetchCancelled || this.disposed) return;
+      if (this.state.session.currentSessionId !== fetchId) return;
+      if (this.sendingSessionId === fetchId) return;
+      const normalized = normalizeRPCError(err, "Failed to load session");
+      this._updateSession({
+        error: normalized.userMessage,
+        errorRetryable: normalized.retryable,
+        fetching: false
+      });
     });
-    return () => {
-      cancelled = true;
-    };
-  }, [dataSource, currentSessionId]);
-  const handleCopy = useCallback(async (text) => {
-    await navigator.clipboard.writeText(text);
-  }, []);
-  const executeSlashCommand = useCallback(
-    async (command) => {
-      if (command.hasArgs) {
-        setInputError("slash.error.noArguments");
-        return true;
-      }
-      setError(null);
-      setInputError(null);
-      if (command.name === "/debug") {
-        if (!hasPermission("bichat.export")) {
-          setInputError("slash.error.debugUnauthorized");
-          return true;
-        }
-        const curDebugMode = sessionRef.current.debugMode;
-        const curDebugSessionKey = sessionRef.current.debugSessionKey;
-        const curSessionId2 = sessionRef.current.currentSessionId;
-        const nextDebugMode = !curDebugMode;
-        setDebugModeBySession((prev) => ({
-          ...prev,
-          [curDebugSessionKey]: nextDebugMode
-        }));
-        if (nextDebugMode && curSessionId2 && curSessionId2 !== "new") {
-          try {
-            const state = await dataSource.fetchSession(curSessionId2);
-            if (state) {
-              setSession(state.session);
-              setTurns(state.turns);
-              setPendingQuestion(state.pendingQuestion || null);
-            }
-          } catch (err) {
-            console.error("Failed to refresh session for debug mode:", err);
-          }
+  }
+  /** Sets turns from fetch, preserving pending user-only turns if server hasn't caught up. */
+  _setTurnsFromFetch(fetchedTurns) {
+    const prev = this.state.messaging.turns;
+    const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
+    if (hasPendingUserOnly && (!fetchedTurns || fetchedTurns.length === 0)) {
+      return;
+    }
+    this._updateMessaging({ turns: fetchedTurns ?? prev });
+  }
+  // =====================================================================
+  // Private — actions
+  // =====================================================================
+  _setError(error) {
+    this._updateSession({
+      error,
+      errorRetryable: false
+    });
+  }
+  _retryFetchSession() {
+    this._fetchSessionIfNeeded();
+  }
+  _clearStreamError() {
+    this._updateMessaging({
+      streamError: null,
+      streamErrorRetryable: false
+    });
+  }
+  _cancel() {
+    if (this.abortController) {
+      this.abortController.abort();
+      this.abortController = null;
+      this._updateMessaging({ isStreaming: false, loading: false });
+    }
+  }
+  _setCodeOutputs(outputs) {
+    this._updateMessaging({ codeOutputs: outputs });
+  }
+  _setMessage(message) {
+    this._updateInput({ message });
+  }
+  _setInputError(error) {
+    this._updateInput({ inputError: error });
+  }
+  // ── Slash commands ──────────────────────────────────────────────────────
+  async _executeSlashCommand(command) {
+    if (command.hasArgs) {
+      this._updateInput({ inputError: "BiChat.Slash.ErrorNoArguments" });
+      return true;
+    }
+    this._updateSession({ error: null, errorRetryable: false });
+    this._updateInput({ inputError: null });
+    this._clearStreamError();
+    if (command.name === "/debug") {
+      const debugMode = deriveDebugMode(this.state);
+      const key2 = this.state.session.currentSessionId || "new";
+      const nextDebugMode = !debugMode;
+      this._updateSession({
+        debugModeBySession: {
+          ...this.state.session.debugModeBySession,
+          [key2]: nextDebugMode
         }
-        setMessage("");
-        return true;
-      }
-      const curSessionId = sessionRef.current.currentSessionId;
-      if (!curSessionId || curSessionId === "new") {
-        setInputError("slash.error.sessionRequired");
-        return true;
-      }
-      if (command.name === "/clear") {
-        setLoading(true);
-        setStreamingContent("");
+      });
+      if (nextDebugMode && this.state.session.currentSessionId && this.state.session.currentSessionId !== "new") {
         try {
-          await dataSource.clearSessionHistory(curSessionId);
-          const state = await dataSource.fetchSession(curSessionId);
-          if (state) {
-            setSession(state.session);
-            setTurns(state.turns);
-            setPendingQuestion(state.pendingQuestion || null);
-          } else {
-            setTurns([]);
+          const result = await this.dataSource.fetchSession(this.state.session.currentSessionId);
+          if (result) {
+            this._updateSession({ session: result.session });
+            this._updateMessaging({
+              turns: result.turns,
+              pendingQuestion: result.pendingQuestion || null
+            });
           }
-          setCompactionSummary(null);
-          setCodeOutputs([]);
-          setMessage("");
         } catch (err) {
-          setInputError(err instanceof Error ? err.message : "slash.error.clearFailed");
-        } finally {
-          setLoading(false);
-          setIsStreaming(false);
+          console.error("Failed to refresh session for debug mode:", err);
         }
-        return true;
       }
-      if (command.name === "/compact") {
-        setLoading(true);
-        setIsCompacting(true);
-        setCompactionSummary(null);
-        setStreamingContent("");
-        try {
-          const result = await dataSource.compactSessionHistory(curSessionId);
-          const summary = result.summary || "";
-          setTurns([createCompactedSystemTurn(curSessionId, summary)]);
-          setCompactionSummary(null);
-          const state = await dataSource.fetchSession(curSessionId);
-          if (state) {
-            setSession(state.session);
-            setTurns(state.turns);
-            setPendingQuestion(state.pendingQuestion || null);
-          } else {
-            setTurns([]);
-          }
-          setCodeOutputs([]);
-          setMessage("");
-        } catch (err) {
-          setInputError(err instanceof Error ? err.message : "slash.error.compactFailed");
-        } finally {
-          setIsCompacting(false);
-          setLoading(false);
-          setIsStreaming(false);
+      this._updateInput({ message: "" });
+      return true;
+    }
+    const curSessionId = this.state.session.currentSessionId;
+    if (!curSessionId || curSessionId === "new") {
+      this._updateInput({ inputError: "BiChat.Slash.ErrorSessionRequired" });
+      return true;
+    }
+    if (command.name === "/clear") {
+      this._updateInput({ message: "" });
+      this._updateMessaging({ loading: true, streamingContent: "" });
+      try {
+        await this.dataSource.clearSessionHistory(curSessionId);
+        const result = await this.dataSource.fetchSession(curSessionId);
+        if (result) {
+          this._updateSession({ session: result.session });
+          this._updateMessaging({
+            turns: result.turns,
+            pendingQuestion: result.pendingQuestion || null
+          });
+        } else {
+          this._updateMessaging({ turns: [] });
         }
-        return true;
+        this._updateMessaging({ codeOutputs: [] });
+      } catch (err) {
+        const normalized = normalizeRPCError(err, "Failed to clear session history");
+        this._updateInput({ inputError: normalized.userMessage });
+      } finally {
+        this._updateMessaging({ loading: false, isStreaming: false });
       }
-      setInputError("slash.error.unknownCommand");
       return true;
-    },
-    [dataSource]
-  );
-  const sendMessageDirect = useCallback(
-    async (content, attachments = [], options) => {
-      if (!content.trim() || messagingRef.current.loading) return;
-      const trimmedContent = content.trim();
-      if (trimmedContent.startsWith("/")) {
-        const maybeCommand = parseSlashCommand(content);
-        if (!maybeCommand) {
-          setInputError("slash.error.unknownCommand");
-          return;
-        }
-        if (attachments.length > 0) {
-          setInputError("slash.error.noAttachments");
-          return;
+    }
+    if (command.name === "/compact") {
+      this._updateInput({ message: "" });
+      this._updateMessaging({
+        loading: true,
+        isCompacting: true,
+        streamingContent: ""
+      });
+      try {
+        const compactResult = await this.dataSource.compactSessionHistory(curSessionId);
+        const summary = compactResult.summary || "";
+        this._updateMessaging({
+          turns: [createCompactedSystemTurn(curSessionId, summary)]
+        });
+        const result = await this.dataSource.fetchSession(curSessionId);
+        if (result) {
+          this._updateSession({ session: result.session });
+          this._updateMessaging({
+            turns: result.turns,
+            pendingQuestion: result.pendingQuestion || null
+          });
+        } else {
+          this._updateMessaging({ turns: [] });
         }
-        await executeSlashCommand(maybeCommand);
+        this._updateMessaging({ codeOutputs: [] });
+      } catch (err) {
+        const normalized = normalizeRPCError(err, "Failed to compact session history");
+        this._updateInput({ inputError: normalized.userMessage });
+      } finally {
+        this._updateMessaging({ isCompacting: false, loading: false, isStreaming: false });
+      }
+      return true;
+    }
+    this._updateInput({ inputError: "BiChat.Slash.ErrorUnknownCommand" });
+    return true;
+  }
+  // ── Send message ────────────────────────────────────────────────────────
+  /**
+   * Public entry point (no options). Calls _sendMessageCore internally.
+   */
+  async _sendMessage(content, attachments = []) {
+    return this._sendMessageCore(content, attachments);
+  }
+  /**
+   * Internal entry point with options (for regenerate/edit).
+   */
+  async _sendMessageDirect(content, attachments, options) {
+    return this._sendMessageCore(content, attachments, options);
+  }
+  /**
+   * Core send-message logic. Handles slash commands, rate limiting, streaming,
+   * session creation, optimistic turns, and auto-queue-drain.
+   */
+  async _sendMessageCore(content, attachments = [], options) {
+    if (this.disposed) return;
+    if (!content.trim() || this.state.messaging.loading) return;
+    const trimmedContent = content.trim();
+    if (trimmedContent.startsWith("/")) {
+      const maybeCommand = parseSlashCommand(content);
+      if (!maybeCommand) {
+        this._updateInput({ inputError: "BiChat.Slash.ErrorUnknownCommand" });
         return;
       }
-      if (!rateLimiterRef.current.canMakeRequest()) {
-        const timeUntilNext = rateLimiterRef.current.getTimeUntilNextRequest();
-        const seconds = Math.ceil(timeUntilNext / 1e3);
-        setError(`Rate limit exceeded. Please wait ${seconds} seconds before sending another message.`);
+      if (attachments.length > 0) {
+        this._updateInput({ inputError: "BiChat.Slash.ErrorNoAttachments" });
         return;
       }
-      setMessage("");
-      setLoading(true);
-      setError(null);
-      setInputError(null);
-      setStreamingContent("");
-      setCompactionSummary(null);
-      abortControllerRef.current = new AbortController();
-      const curSessionId = sessionRef.current.currentSessionId;
-      const curDebugMode = sessionRef.current.debugMode;
-      const tempTurn = createPendingTurn(curSessionId || "new", content, attachments);
-      const replaceFromMessageID = options?.replaceFromMessageID;
-      setTurns((prev) => {
-        if (!replaceFromMessageID) {
-          return [...prev, tempTurn];
-        }
-        const replaceIndex = prev.findIndex((turn) => turn.userTurn.id === replaceFromMessageID);
-        if (replaceIndex === -1) {
-          console.warn(
-            `[ChatContext] replaceFromMessageID "${replaceFromMessageID}" not found in turns; appending as new turn`
-          );
-          return [...prev, tempTurn];
-        }
-        return [...prev.slice(0, replaceIndex), tempTurn];
+      await this._executeSlashCommand(maybeCommand);
+      return;
+    }
+    if (!this.rateLimiter.canMakeRequest()) {
+      const timeUntilNext = this.rateLimiter.getTimeUntilNextRequest();
+      const seconds = Math.ceil(timeUntilNext / 1e3);
+      this._updateInput({
+        inputError: `Rate limit exceeded. Please wait ${seconds} seconds before sending another message.`
       });
-      try {
-        let activeSessionId = curSessionId;
-        let shouldNavigateAfter = false;
-        if (!activeSessionId || activeSessionId === "new") {
-          const result = await dataSource.createSession();
-          if (result) {
-            const createdSessionID = result.id;
-            activeSessionId = createdSessionID;
-            setCurrentSessionId(createdSessionID);
-            setDebugModeBySession((prev) => {
-              if (!curDebugMode) return prev;
-              return { ...prev, [createdSessionID]: true };
+      return;
+    }
+    this._updateInput({ message: "", inputError: null });
+    this._updateSession({ error: null, errorRetryable: false });
+    this._clearStreamError();
+    this._updateMessaging({
+      loading: true,
+      streamingContent: ""
+    });
+    this.abortController = new AbortController();
+    const curSessionId = this.state.session.currentSessionId;
+    const curDebugMode = deriveDebugMode(this.state);
+    const replaceFromMessageID = options?.replaceFromMessageID;
+    const tempTurn = createPendingTurn(curSessionId || "new", content, attachments);
+    this.lastSendAttempt = { content, attachments, options };
+    const prevTurns = this.state.messaging.turns;
+    if (!replaceFromMessageID) {
+      this._updateMessaging({ turns: [...prevTurns, tempTurn] });
+    } else {
+      const idx = prevTurns.findIndex((t) => t.userTurn.id === replaceFromMessageID);
+      if (idx === -1) {
+        console.warn(`[ChatMachine] replaceFromMessageID "${replaceFromMessageID}" not found; appending as new turn`);
+        this._updateMessaging({ turns: [...prevTurns, tempTurn] });
+      } else {
+        this._updateMessaging({ turns: [...prevTurns.slice(0, idx), tempTurn] });
+      }
+    }
+    let shouldDrainQueue = true;
+    try {
+      let activeSessionId = curSessionId;
+      let shouldNavigateAfter = false;
+      if (!activeSessionId || activeSessionId === "new") {
+        const result = await this.dataSource.createSession();
+        if (result) {
+          const createdSessionID = result.id;
+          activeSessionId = createdSessionID;
+          this._updateSession({ currentSessionId: createdSessionID });
+          if (curDebugMode) {
+            this._updateSession({
+              debugModeBySession: {
+                ...this.state.session.debugModeBySession,
+                [createdSessionID]: true
+              }
             });
-            shouldNavigateAfter = true;
           }
+          shouldNavigateAfter = true;
         }
-        let accumulatedContent = "";
-        let createdSessionId;
-        let sessionFetched = false;
-        setIsStreaming(true);
-        for await (const chunk of dataSource.sendMessage(
-          activeSessionId || "new",
-          content,
-          attachments,
-          abortControllerRef.current?.signal,
-          {
-            debugMode: curDebugMode,
-            replaceFromMessageID
-          }
-        )) {
-          if (abortControllerRef.current?.signal.aborted) {
-            break;
+      }
+      this.sendingSessionId = activeSessionId || null;
+      let accumulatedContent = "";
+      let createdSessionId;
+      let sessionFetched = false;
+      this._updateMessaging({ isStreaming: true });
+      for await (const chunk of this.dataSource.sendMessage(
+        activeSessionId || "new",
+        content,
+        attachments,
+        this.abortController?.signal,
+        {
+          debugMode: curDebugMode,
+          replaceFromMessageID
+        }
+      )) {
+        if (this.abortController?.signal.aborted) break;
+        if ((chunk.type === "chunk" || chunk.type === "content") && chunk.content) {
+          accumulatedContent += chunk.content;
+          this._updateMessaging({ streamingContent: accumulatedContent });
+        } else if (chunk.type === "error") {
+          throw new Error(chunk.error || "Stream error");
+        } else if (chunk.type === "interrupt" || chunk.type === "done") {
+          if (chunk.sessionId) {
+            createdSessionId = chunk.sessionId;
           }
-          if ((chunk.type === "chunk" || chunk.type === "content") && chunk.content) {
-            accumulatedContent += chunk.content;
-            setStreamingContent(accumulatedContent);
-          } else if (chunk.type === "error") {
-            throw new Error(chunk.error || "Stream error");
-          } else if (chunk.type === "interrupt" || chunk.type === "done") {
-            if (chunk.sessionId) {
-              createdSessionId = chunk.sessionId;
-            }
-            if (!sessionFetched) {
-              sessionFetched = true;
-              const finalSessionId = createdSessionId || activeSessionId;
-              if (finalSessionId && finalSessionId !== "new") {
-                const state = await dataSource.fetchSession(finalSessionId);
-                if (state) {
-                  setSession(state.session);
-                  setTurns((prev) => {
-                    const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
-                    if (hasPendingUserOnly && (!state.turns || state.turns.length === 0)) {
-                      return prev;
-                    }
-                    return state.turns ?? prev;
-                  });
-                  setPendingQuestion(state.pendingQuestion || null);
-                }
+          if (!sessionFetched) {
+            sessionFetched = true;
+            const finalSessionId = createdSessionId || activeSessionId;
+            if (finalSessionId && finalSessionId !== "new") {
+              const fetchResult = await this.dataSource.fetchSession(finalSessionId);
+              if (fetchResult) {
+                this._updateSession({ session: fetchResult.session });
+                this._setTurnsFromFetch(fetchResult.turns);
+                this._updateMessaging({ pendingQuestion: fetchResult.pendingQuestion || null });
               }
             }
-          } else if (chunk.type === "user_message" && chunk.sessionId) {
-            createdSessionId = chunk.sessionId;
-          } else if (chunk.type === "tool_end" && chunk.tool?.name && ARTIFACT_TOOL_NAMES.has(chunk.tool.name)) {
-            setArtifactsInvalidationTrigger((n) => n + 1);
           }
+        } else if (chunk.type === "user_message" && chunk.sessionId) {
+          createdSessionId = chunk.sessionId;
+        } else if (chunk.type === "tool_end" && chunk.tool?.name && ARTIFACT_TOOL_NAMES.has(chunk.tool.name)) {
+          this._updateMessaging({
+            artifactsInvalidationTrigger: this.state.messaging.artifactsInvalidationTrigger + 1
+          });
         }
-        const targetSessionId = createdSessionId || activeSessionId;
-        if (shouldNavigateAfter && targetSessionId && targetSessionId !== "new") {
-          dataSource.navigateToSession?.(targetSessionId);
-        }
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") {
-          setMessage(content);
-          return;
-        }
-        setTurns((prev) => prev.filter((t) => t.id !== tempTurn.id));
-        const errorMessage = err instanceof Error ? err.message : "Error.NetworkError";
-        setInputError(errorMessage);
-        console.error("Send message error:", err);
-      } finally {
-        setLoading(false);
-        setStreamingContent("");
-        setIsStreaming(false);
-        abortControllerRef.current = null;
       }
-    },
-    [dataSource, executeSlashCommand]
-  );
-  const cancelStream = useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-      abortControllerRef.current = null;
-      setIsStreaming(false);
-      setLoading(false);
-    }
-  }, []);
-  const handleSubmit = useCallback(
-    (e, attachments = []) => {
-      e.preventDefault();
-      if (!message.trim() && attachments.length === 0) return;
-      setInputError(null);
-      const convertedAttachments = attachments.map((att) => ({
-        clientKey: att.clientKey || crypto.randomUUID(),
-        filename: att.filename,
-        mimeType: att.mimeType,
-        sizeBytes: att.sizeBytes,
-        base64Data: att.base64Data,
-        url: att.url,
-        preview: att.preview
-      }));
-      sendMessageDirect(message, convertedAttachments);
-    },
-    [message, sendMessageDirect]
-  );
-  const handleUnqueue = useCallback(() => {
-    if (messageQueue.length === 0) {
-      return null;
-    }
-    const lastQueued = messageQueue[messageQueue.length - 1];
-    setMessageQueue((prev) => prev.slice(0, -1));
-    return {
-      content: lastQueued.content,
-      attachments: lastQueued.attachments
-    };
-  }, [messageQueue]);
-  const handleRegenerate = useCallback(
-    async (turnId) => {
-      const curSessionId = sessionRef.current.currentSessionId;
-      if (!curSessionId || curSessionId === "new") return;
-      const turn = messagingRef.current.turns.find((t) => t.id === turnId);
-      if (!turn) return;
-      setError(null);
-      try {
-        await sendMessageDirect(turn.userTurn.content, turn.userTurn.attachments, {
-          replaceFromMessageID: turn.userTurn.id
-        });
-      } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : "Failed to regenerate response";
-        setError(errorMessage);
-        console.error("Regenerate error:", err);
+      if (!sessionFetched) {
+        const finalSessionId = createdSessionId || activeSessionId;
+        if (finalSessionId && finalSessionId !== "new") {
+          try {
+            const fetchResult = await this.dataSource.fetchSession(finalSessionId);
+            if (fetchResult) {
+              this._updateSession({ session: fetchResult.session });
+              this._updateMessaging({
+                turns: fetchResult.turns ?? [],
+                pendingQuestion: fetchResult.pendingQuestion || null
+              });
+            }
+          } catch (fetchErr) {
+            console.error("Failed to fetch session after stream:", fetchErr);
+          }
+        }
       }
-    },
-    [sendMessageDirect]
-  );
-  const handleEdit = useCallback(
-    async (turnId, newContent) => {
-      const curSessionId = sessionRef.current.currentSessionId;
-      if (!curSessionId || curSessionId === "new") {
-        setMessage(newContent);
-        setTurns((prev) => prev.filter((t) => t.id !== turnId));
-        return;
+      const targetSessionId = createdSessionId || activeSessionId;
+      if (shouldNavigateAfter && targetSessionId && targetSessionId !== "new") {
+        if (this.onSessionCreated) {
+          this.onSessionCreated(targetSessionId);
+        } else {
+          this.dataSource.navigateToSession?.(targetSessionId);
+        }
       }
-      const turn = messagingRef.current.turns.find((t) => t.id === turnId);
-      if (!turn) {
-        setError("Failed to edit message");
+      this._clearStreamError();
+      this.lastSendAttempt = null;
+    } catch (err) {
+      if (err instanceof Error && err.name === "AbortError") {
+        this._updateInput({ message: content });
+        this._clearStreamError();
+        shouldDrainQueue = false;
         return;
       }
-      setError(null);
-      try {
-        await sendMessageDirect(newContent, turn.userTurn.attachments, {
-          replaceFromMessageID: turn.userTurn.id
-        });
-      } catch (err) {
-        const errorMessage = err instanceof Error ? err.message : "Failed to edit message";
-        setError(errorMessage);
-        console.error("Edit error:", err);
+      this._updateMessaging({
+        turns: this.state.messaging.turns.filter((t) => t.id !== tempTurn.id)
+      });
+      const normalized = normalizeRPCError(err, "Failed to send message");
+      this._updateInput({ inputError: normalized.userMessage });
+      this._updateMessaging({
+        streamError: normalized.userMessage,
+        streamErrorRetryable: normalized.retryable
+      });
+      console.error("Send message error:", err);
+      shouldDrainQueue = false;
+    } finally {
+      this._updateMessaging({
+        loading: false,
+        streamingContent: "",
+        isStreaming: false
+      });
+      this.abortController = null;
+      this.sendingSessionId = null;
+      if (shouldDrainQueue) {
+        const queue = this.state.input.messageQueue;
+        if (queue.length > 0) {
+          const next = queue[0];
+          this._updateInput({ messageQueue: queue.slice(1) });
+          setTimeout(() => {
+            this._sendMessageCore(next.content, next.attachments);
+          }, 0);
+        }
       }
-    },
-    [sendMessageDirect]
-  );
-  const handleSubmitQuestionAnswers = useCallback(
-    (answers) => {
-      const curSessionId = sessionRef.current.currentSessionId;
-      const curPendingQuestion = messagingRef.current.pendingQuestion;
-      if (!curSessionId || !curPendingQuestion) return;
-      setLoading(true);
-      setError(null);
-      const previousPendingQuestion = curPendingQuestion;
-      setPendingQuestion(null);
-      (async () => {
-        try {
-          const result = await dataSource.submitQuestionAnswers(
-            curSessionId,
-            previousPendingQuestion.id,
-            answers
-          );
-          if (result.success) {
-            if (curSessionId !== "new") {
-              try {
-                const state = await dataSource.fetchSession(curSessionId);
-                if (state) {
-                  setTurns(state.turns);
-                  setPendingQuestion(state.pendingQuestion || null);
-                } else {
-                  setPendingQuestion(previousPendingQuestion);
-                  setError("Failed to load updated session");
-                }
-              } catch (fetchErr) {
-                setPendingQuestion(previousPendingQuestion);
-                const errorMessage = fetchErr instanceof Error ? fetchErr.message : "Failed to load updated session";
-                setError(errorMessage);
-              }
+    }
+  }
+  // ── Retry ───────────────────────────────────────────────────────────────
+  async _retryLastMessage() {
+    const lastAttempt = this.lastSendAttempt;
+    if (!lastAttempt || this.state.messaging.loading) return;
+    this._clearStreamError();
+    this._updateInput({ inputError: null });
+    await this._sendMessageDirect(lastAttempt.content, lastAttempt.attachments, lastAttempt.options);
+  }
+  // ── Regenerate / Edit ───────────────────────────────────────────────────
+  async _handleRegenerate(turnId) {
+    const curSessionId = this.state.session.currentSessionId;
+    if (!curSessionId || curSessionId === "new") return;
+    const turn = this.state.messaging.turns.find((t) => t.id === turnId);
+    if (!turn) return;
+    this._updateSession({ error: null, errorRetryable: false });
+    await this._sendMessageDirect(turn.userTurn.content, turn.userTurn.attachments, {
+      replaceFromMessageID: turn.userTurn.id
+    });
+  }
+  async _handleEdit(turnId, newContent) {
+    const curSessionId = this.state.session.currentSessionId;
+    if (!curSessionId || curSessionId === "new") {
+      this._updateInput({ message: newContent });
+      this._updateMessaging({
+        turns: this.state.messaging.turns.filter((t) => t.id !== turnId)
+      });
+      return;
+    }
+    const turn = this.state.messaging.turns.find((t) => t.id === turnId);
+    if (!turn) {
+      this._updateSession({ error: "Failed to edit message", errorRetryable: false });
+      return;
+    }
+    this._updateSession({ error: null, errorRetryable: false });
+    await this._sendMessageDirect(newContent, turn.userTurn.attachments, {
+      replaceFromMessageID: turn.userTurn.id
+    });
+  }
+  async _handleCopy(text) {
+    if (typeof navigator === "undefined" || !navigator.clipboard) return;
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+    }
+  }
+  // ── HITL ────────────────────────────────────────────────────────────────
+  async _handleSubmitQuestionAnswers(answers) {
+    const curSessionId = this.state.session.currentSessionId;
+    const curPendingQuestion = this.state.messaging.pendingQuestion;
+    if (!curSessionId || !curPendingQuestion) return;
+    this._updateMessaging({ loading: true });
+    this._updateSession({ error: null, errorRetryable: false });
+    const previousPendingQuestion = curPendingQuestion;
+    this._updateMessaging({ pendingQuestion: null });
+    try {
+      const result = await this.dataSource.submitQuestionAnswers(
+        curSessionId,
+        previousPendingQuestion.id,
+        answers
+      );
+      if (this.disposed) return;
+      if (result.success) {
+        if (curSessionId !== "new") {
+          try {
+            const fetchResult = await this.dataSource.fetchSession(curSessionId);
+            if (this.disposed) return;
+            if (fetchResult) {
+              this._updateMessaging({
+                turns: fetchResult.turns,
+                pendingQuestion: fetchResult.pendingQuestion || null
+              });
+            } else {
+              this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+              this._updateSession({ error: "Failed to load updated session", errorRetryable: false });
             }
-          } else {
-            setPendingQuestion(previousPendingQuestion);
-            setError(result.error || "Failed to submit answers");
+          } catch (fetchErr) {
+            if (this.disposed) return;
+            this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+            const normalized = normalizeRPCError(fetchErr, "Failed to load updated session");
+            this._updateSession({ error: normalized.userMessage, errorRetryable: normalized.retryable });
           }
-        } catch (err) {
-          setPendingQuestion(previousPendingQuestion);
-          const errorMessage = err instanceof Error ? err.message : "Failed to submit answers";
-          setError(errorMessage);
-        } finally {
-          setLoading(false);
         }
-      })();
-    },
-    [dataSource]
-  );
-  const handleRejectPendingQuestion = useCallback(async () => {
-    const curSessionId = sessionRef.current.currentSessionId;
-    const curPendingQuestion = messagingRef.current.pendingQuestion;
+      } else {
+        this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+        this._updateSession({ error: result.error || "Failed to submit answers", errorRetryable: false });
+      }
+    } catch (err) {
+      if (this.disposed) return;
+      this._updateMessaging({ pendingQuestion: previousPendingQuestion });
+      const normalized = normalizeRPCError(err, "Failed to submit answers");
+      this._updateSession({ error: normalized.userMessage, errorRetryable: normalized.retryable });
+    } finally {
+      if (!this.disposed) {
+        this._updateMessaging({ loading: false });
+      }
+    }
+  }
+  async _handleRejectPendingQuestion() {
+    const curSessionId = this.state.session.currentSessionId;
+    const curPendingQuestion = this.state.messaging.pendingQuestion;
     if (!curSessionId || !curPendingQuestion) return;
     try {
-      const result = await dataSource.rejectPendingQuestion(curSessionId);
+      const result = await this.dataSource.rejectPendingQuestion(curSessionId);
+      if (this.disposed) return;
       if (result.success) {
-        setPendingQuestion(null);
+        this._updateMessaging({ pendingQuestion: null });
         if (curSessionId !== "new") {
-          const state = await dataSource.fetchSession(curSessionId);
-          if (state) {
-            setSession(state.session);
-            setTurns((prev) => {
-              const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
-              if (hasPendingUserOnly && (!state.turns || state.turns.length === 0)) {
-                return prev;
-              }
-              return state.turns ?? prev;
-            });
-            setPendingQuestion(state.pendingQuestion || null);
+          const fetchResult = await this.dataSource.fetchSession(curSessionId);
+          if (this.disposed) return;
+          if (fetchResult) {
+            this._updateSession({ session: fetchResult.session });
+            this._setTurnsFromFetch(fetchResult.turns);
+            this._updateMessaging({ pendingQuestion: fetchResult.pendingQuestion || null });
           }
         }
       } else {
-        setError(result.error || "Failed to reject question");
+        this._updateSession({ error: result.error || "Failed to reject question", errorRetryable: false });
       }
     } catch (err) {
-      const errorMessage = err instanceof Error ? err.message : "Failed to reject question";
-      setError(errorMessage);
+      if (this.disposed) return;
+      const normalized = normalizeRPCError(err, "Failed to reject question");
+      this._updateSession({ error: normalized.userMessage, errorRetryable: normalized.retryable });
     }
-  }, [dataSource]);
-  const sessionValue = useMemo(() => ({
-    session,
-    currentSessionId,
-    fetching,
-    error,
-    debugMode,
-    sessionDebugUsage,
-    debugLimits,
-    setError
-  }), [session, currentSessionId, fetching, error, debugMode, sessionDebugUsage, debugLimits]);
-  const messagingValue = useMemo(() => ({
-    turns,
-    streamingContent,
-    isStreaming,
-    loading,
-    pendingQuestion,
-    codeOutputs,
-    isCompacting,
-    compactionSummary,
-    artifactsInvalidationTrigger,
-    sendMessage: sendMessageDirect,
-    handleRegenerate,
-    handleEdit,
-    handleCopy,
-    handleSubmitQuestionAnswers,
-    handleRejectPendingQuestion,
-    cancel: cancelStream,
-    setCodeOutputs
-  }), [
-    turns,
-    streamingContent,
-    isStreaming,
-    loading,
-    pendingQuestion,
-    codeOutputs,
-    isCompacting,
-    compactionSummary,
-    artifactsInvalidationTrigger,
-    sendMessageDirect,
-    handleRegenerate,
-    handleEdit,
-    handleCopy,
-    handleSubmitQuestionAnswers,
-    handleRejectPendingQuestion,
-    cancelStream
-  ]);
-  const inputValue = useMemo(() => ({
-    message,
-    inputError,
-    messageQueue,
-    setMessage,
-    setInputError,
-    handleSubmit,
-    handleUnqueue
-  }), [message, inputError, messageQueue, handleSubmit, handleUnqueue]);
-  return /* @__PURE__ */ jsx(SessionCtx.Provider, { value: sessionValue, children: /* @__PURE__ */ jsx(MessagingCtx.Provider, { value: messagingValue, children: /* @__PURE__ */ jsx(InputCtx.Provider, { value: inputValue, children }) }) });
+  }
+  // ── Input / queue ───────────────────────────────────────────────────────
+  _handleSubmit(e, attachments = []) {
+    e.preventDefault();
+    const msg = this.state.input.message;
+    if (!msg.trim() && attachments.length === 0) return;
+    this._updateInput({ inputError: null });
+    this._clearStreamError();
+    const convertedAttachments = attachments.map((att) => ({
+      clientKey: att.clientKey || crypto.randomUUID(),
+      filename: att.filename,
+      mimeType: att.mimeType,
+      sizeBytes: att.sizeBytes,
+      base64Data: att.base64Data,
+      url: att.url,
+      preview: att.preview
+    }));
+    if (this.state.messaging.loading) {
+      const ok = this._enqueueMessage(msg.trim(), convertedAttachments);
+      if (ok) {
+        this._updateInput({ message: "" });
+      }
+      return;
+    }
+    this._sendMessage(msg.trim(), convertedAttachments);
+  }
+  _handleUnqueue() {
+    const queue = this.state.input.messageQueue;
+    if (queue.length === 0) return null;
+    const last = queue[queue.length - 1];
+    this._updateInput({ messageQueue: queue.slice(0, -1) });
+    return { content: last.content, attachments: last.attachments };
+  }
+  _enqueueMessage(content, attachments) {
+    if (this.state.input.messageQueue.length >= MAX_QUEUE_SIZE) {
+      this._updateInput({ inputError: "BiChat.Input.QueueFull" });
+      return false;
+    }
+    this._updateInput({
+      messageQueue: [...this.state.input.messageQueue, { content, attachments }]
+    });
+    return true;
+  }
+  _removeQueueItem(index) {
+    this._updateInput({
+      messageQueue: this.state.input.messageQueue.filter((_, i) => i !== index)
+    });
+  }
+  _updateQueueItem(index, content) {
+    this._updateInput({
+      messageQueue: this.state.input.messageQueue.map(
+        (item, i) => i === index ? { ...item, content } : item
+      )
+    });
+  }
+};
+function sessionDebugUsageEqual(a, b) {
+  if (!a) return false;
+  return a.promptTokens === b.promptTokens && a.completionTokens === b.completionTokens && a.totalTokens === b.totalTokens && a.turnsWithUsage === b.turnsWithUsage && a.latestPromptTokens === b.latestPromptTokens && a.latestCompletionTokens === b.latestCompletionTokens && a.latestTotalTokens === b.latestTotalTokens;
 }
-function useChatSession() {
-  const context = useContext(SessionCtx);
-  if (!context) {
-    throw new Error("useChatSession must be used within ChatSessionProvider");
+var MachineCtx = createContext(null);
+var DEFAULT_RATE_LIMIT_CONFIG = {
+  maxRequests: 20,
+  windowMs: 6e4
+};
+function ChatSessionProvider({
+  dataSource,
+  sessionId,
+  rateLimiter: externalRateLimiter,
+  rateLimitConfig,
+  onSessionCreated,
+  children
+}) {
+  const machineRef = useRef(null);
+  if (!machineRef.current) {
+    machineRef.current = new ChatMachine({
+      dataSource,
+      rateLimiter: externalRateLimiter || new RateLimiter(rateLimitConfig || DEFAULT_RATE_LIMIT_CONFIG),
+      onSessionCreated
+    });
   }
-  return context;
+  const machine = machineRef.current;
+  useEffect(() => {
+    machine.updateConfig({ dataSource, onSessionCreated });
+  }, [machine, dataSource, onSessionCreated]);
+  useEffect(() => {
+    machine.setSessionId(sessionId);
+  }, [machine, sessionId]);
+  useEffect(() => {
+    return () => {
+      machine.dispose();
+    };
+  }, [machine]);
+  return /* @__PURE__ */ jsx(MachineCtx.Provider, { value: machine, children });
 }
-function useChatMessaging() {
-  const context = useContext(MessagingCtx);
-  if (!context) {
-    throw new Error("useChatMessaging must be used within ChatSessionProvider");
+function useMachine() {
+  const machine = useContext(MachineCtx);
+  if (!machine) {
+    throw new Error("Chat hooks must be used within ChatSessionProvider");
   }
-  return context;
+  return machine;
+}
+function useChatSession() {
+  const machine = useMachine();
+  return useSyncExternalStore(
+    machine.subscribeSession,
+    machine.getSessionSnapshot,
+    machine.getSessionSnapshot
+    // SSR fallback
+  );
+}
+function useChatMessaging() {
+  const machine = useMachine();
+  return useSyncExternalStore(
+    machine.subscribeMessaging,
+    machine.getMessagingSnapshot,
+    machine.getMessagingSnapshot
+  );
 }
 function useOptionalChatMessaging() {
-  return useContext(MessagingCtx);
+  const machine = useContext(MachineCtx);
+  const snapshot = useSyncExternalStore(
+    machine ? machine.subscribeMessaging : noopSubscribe,
+    machine ? machine.getMessagingSnapshot : nullSnapshot,
+    machine ? machine.getMessagingSnapshot : nullSnapshot
+  );
+  return machine ? snapshot : null;
+}
+function useChatInput() {
+  const machine = useMachine();
+  return useSyncExternalStore(
+    machine.subscribeInput,
+    machine.getInputSnapshot,
+    machine.getInputSnapshot
+  );
+}
+function noopSubscribe() {
+  return () => {
+  };
 }
-function useChatInput() {
-  const context = useContext(InputCtx);
-  if (!context) {
-    throw new Error("useChatInput must be used within ChatSessionProvider");
-  }
-  return context;
+function nullSnapshot() {
+  return null;
 }
 
 // ui/src/bichat/components/ChatHeader.tsx
@@ -1553,6 +2207,26 @@ function ChatHeader({ session, onBack, readOnly, logoSlot, actionsSlot }) {
     ] })
   ] }) });
 }
+function formatRelativeTime(date, t) {
+  const messageDate = new Date(date);
+  const now = /* @__PURE__ */ new Date();
+  const diffMins = differenceInMinutes(now, messageDate);
+  const diffHours = differenceInHours(now, messageDate);
+  const diffDays = differenceInDays(now, messageDate);
+  if (diffMins < 1) {
+    return t ? t("BiChat.RelativeTime.JustNow") : "Just now";
+  }
+  if (diffMins < 60) {
+    return t ? t("BiChat.RelativeTime.MinutesAgo", { count: diffMins }) : `${diffMins}m ago`;
+  }
+  if (diffHours < 24) {
+    return t ? t("BiChat.RelativeTime.HoursAgo", { count: diffHours }) : `${diffHours}h ago`;
+  }
+  if (diffDays <= 7) {
+    return t ? t("BiChat.RelativeTime.DaysAgo", { count: diffDays }) : `${diffDays}d ago`;
+  }
+  return format(messageDate, "HH:mm");
+}
 var MAX_FILE_SIZE_BYTES = 20 * 1024 * 1024;
 var ALLOWED_MIME_TYPES = /* @__PURE__ */ new Set([
   "image/jpeg",
@@ -2274,7 +2948,7 @@ function UserMessage({
     [selectedImageIndex, imageAttachments.length]
   );
   const currentAttachment = selectedImageIndex !== null ? imageAttachments[selectedImageIndex] : null;
-  const timestamp = formatDistanceToNow(new Date(turn.createdAt), { addSuffix: true });
+  const timestamp = formatRelativeTime(turn.createdAt, t);
   const avatarSlotProps = { initials };
   const contentSlotProps = { content: turn.content };
   const attachmentsSlotProps = {
@@ -2319,7 +2993,7 @@ function UserMessage({
             value: draftContent,
             onChange: (e) => setDraftContent(e.target.value),
             className: "w-full min-h-[80px] resize-y rounded-lg px-3 py-2 bg-white/10 text-white placeholder-white/70 outline-none focus:ring-2 focus:ring-white/30",
-            "aria-label": "Edit message"
+            "aria-label": t("BiChat.Message.EditMessage")
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
@@ -2329,7 +3003,7 @@ function UserMessage({
               type: "button",
               onClick: handleEditCancel,
               className: "cursor-pointer px-3 py-1.5 rounded-lg bg-white/10 hover:bg-white/15 transition-colors text-sm font-medium",
-              children: "Cancel"
+              children: t("BiChat.Message.Cancel")
             }
           ),
           /* @__PURE__ */ jsx(
@@ -2339,7 +3013,7 @@ function UserMessage({
               onClick: handleEditSave,
               className: "cursor-pointer px-3 py-1.5 rounded-lg bg-white/20 hover:bg-white/25 transition-colors text-sm font-medium disabled:opacity-50 disabled:cursor-not-allowed",
               disabled: !draftContent.trim() || draftContent === turn.content,
-              children: "Save"
+              children: t("BiChat.Message.Save")
             }
           )
         ] })
@@ -2354,7 +3028,7 @@ function UserMessage({
             {
               onClick: handleCopyClick,
               className: `cursor-pointer ${classes.actionButton} ${isCopied ? "text-green-600 dark:text-green-400" : ""}`,
-              "aria-label": "Copy message",
+              "aria-label": t("BiChat.Message.CopyMessage"),
               title: isCopied ? t("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsx(Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 14, weight: "regular" })
             }
@@ -2364,8 +3038,8 @@ function UserMessage({
             {
               onClick: handleEditClick,
               className: `cursor-pointer ${classes.actionButton}`,
-              "aria-label": "Edit message",
-              title: "Edit",
+              "aria-label": t("BiChat.Message.EditMessage"),
+              title: t("BiChat.Message.EditMessage"),
               disabled: isEditing,
               children: /* @__PURE__ */ jsx(PencilSimple, { size: 14, weight: "regular" })
             }
@@ -2415,6 +3089,7 @@ function UserTurnView({
     }
   );
 }
+init_useTranslation();
 function toBase64(str) {
   const bytes = new TextEncoder().encode(str);
   let binary = "";
@@ -2424,16 +3099,17 @@ function toBase64(str) {
   return btoa(binary);
 }
 function CodeOutputsPanel({ outputs }) {
+  const { t } = useTranslation();
   if (!outputs || outputs.length === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: "mb-2 p-3 bg-gray-50 dark:bg-gray-900/50 rounded-lg border border-gray-200 dark:border-gray-700", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 mb-2", children: "Code Output" }),
+    /* @__PURE__ */ jsx("div", { className: "text-xs font-semibold text-gray-600 dark:text-gray-400 mb-2", children: t("BiChat.CodeOutput.Title") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-2", children: outputs.map((output, index) => /* @__PURE__ */ jsxs("div", { children: [
       output.type === "image" && /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
         /* @__PURE__ */ jsx(
           "img",
           {
             src: output.content.startsWith("data:") ? output.content : `data:${output.mimeType || "image/png"};base64,${output.content}`,
-            alt: output.filename || "Code output",
+            alt: output.filename || t("BiChat.CodeOutput.CodeOutput"),
             className: "max-w-full rounded border border-gray-300 dark:border-gray-600"
           }
         ),
@@ -2465,19 +3141,23 @@ function CodeOutputsPanel({ outputs }) {
         ] })
       ] }),
       output.type === "error" && /* @__PURE__ */ jsxs("div", { className: "text-xs text-red-600 dark:text-red-400 bg-red-50 dark:bg-red-900/20 p-2 rounded border border-red-200 dark:border-red-800", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-semibold mb-1", children: "Error" }),
+        /* @__PURE__ */ jsx("div", { className: "font-semibold mb-1", children: t("BiChat.Error.Label") }),
         /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap", children: output.content })
       ] })
     ] }, index)) })
   ] });
 }
 var CodeOutputsPanel_default = CodeOutputsPanel;
+
+// ui/src/bichat/components/StreamingCursor.tsx
+init_useTranslation();
 function StreamingCursor() {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(
     "span",
     {
       className: "inline-block w-1.5 h-4 ml-0.5 bg-primary-600 dark:bg-primary-500 animate-pulse",
-      "aria-label": "AI is typing"
+      "aria-label": t("BiChat.Common.AITyping")
     }
   );
 }
@@ -3256,7 +3936,7 @@ function AssistantMessage({
       await onRegenerate(turnId);
     }
   }, [onRegenerate, turnId]);
-  const timestamp = formatDistanceToNow(new Date(turn.createdAt), { addSuffix: true });
+  const timestamp = formatRelativeTime(turn.createdAt, t);
   const avatarSlotProps = { text: isSystemMessage ? "SYS" : "AI" };
   const contentSlotProps = {
     content: turn.content,
@@ -3310,7 +3990,7 @@ function AssistantMessage({
             {
               fallback: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-gray-400 dark:text-gray-500", children: [
                 /* @__PURE__ */ jsx("div", { className: "w-4 h-4 border-2 border-gray-300 dark:border-gray-600 border-t-transparent rounded-full animate-spin" }),
-                "Loading..."
+                t("BiChat.Common.Loading")
               ] }),
               children: /* @__PURE__ */ jsx(
                 MarkdownRenderer2,
@@ -3364,7 +4044,7 @@ function AssistantMessage({
                 ]
               }
             ),
-            explanationExpanded && /* @__PURE__ */ jsx("div", { className: "pt-3 text-sm text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: "Loading..." }), children: /* @__PURE__ */ jsx(MarkdownRenderer2, { content: turn.explanation }) }) })
+            explanationExpanded && /* @__PURE__ */ jsx("div", { className: "pt-3 text-sm text-gray-600 dark:text-gray-400", children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { children: t("BiChat.Common.Loading") }), children: /* @__PURE__ */ jsx(MarkdownRenderer2, { content: turn.explanation }) }) })
           ] })
         ) }),
         showDebug && /* @__PURE__ */ jsx(DebugPanel, { trace: turn.debug })
@@ -3385,7 +4065,7 @@ function AssistantMessage({
             {
               onClick: handleCopyClick,
               className: `cursor-pointer ${classes.actionButton} ${isCopied ? "text-green-600 dark:text-green-400" : ""}`,
-              "aria-label": "Copy message",
+              "aria-label": t("BiChat.Message.CopyMessage"),
               title: isCopied ? t("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
               children: isCopied ? /* @__PURE__ */ jsx(Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 14, weight: "regular" })
             }
@@ -3395,8 +4075,8 @@ function AssistantMessage({
             {
               onClick: handleRegenerateClick,
               className: `cursor-pointer ${classes.actionButton}`,
-              "aria-label": "Regenerate response",
-              title: "Regenerate",
+              "aria-label": t("BiChat.Message.Regenerate"),
+              title: t("BiChat.Message.Regenerate"),
               children: /* @__PURE__ */ jsx(ArrowsClockwise, { size: 14, weight: "regular" })
             }
           )
@@ -3405,8 +4085,6 @@ function AssistantMessage({
     ] })
   ] });
 }
-
-// ui/src/bichat/components/SystemMessage.tsx
 init_useTranslation();
 var MarkdownRenderer3 = lazy(
   () => Promise.resolve().then(() => (init_MarkdownRenderer(), MarkdownRenderer_exports)).then((module) => ({ default: module.MarkdownRenderer }))
@@ -3473,7 +4151,7 @@ function SystemMessage({
       setIsCopied(false);
     }
   }, [content, onCopy]);
-  const timestamp = formatDistanceToNow(new Date(createdAt), { addSuffix: true });
+  const timestamp = formatRelativeTime(createdAt, t);
   const resolvedHeight = isExpanded ? contentHeight : COLLAPSED_HEIGHT;
   return /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-3xl px-2 sm:px-4", children: /* @__PURE__ */ jsxs("div", { className: "relative overflow-hidden rounded-xl border border-gray-200/80 dark:border-gray-700/60 bg-gradient-to-b from-gray-50/80 to-gray-100/40 dark:from-gray-800/40 dark:to-gray-900/30 shadow-[0_1px_3px_rgba(0,0,0,0.04)] dark:shadow-[0_1px_3px_rgba(0,0,0,0.2)]", children: [
     /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-gray-300/40 dark:via-gray-600/20 to-transparent" }),
@@ -3493,7 +4171,7 @@ function SystemMessage({
                   focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50
                   ${isCopied ? "text-green-600 dark:text-green-400" : "text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-200/50 dark:hover:bg-gray-700/40"}
                 `,
-          "aria-label": "Copy message",
+          "aria-label": t("BiChat.Message.CopyMessage"),
           title: isCopied ? t("BiChat.Message.Copied") : t("BiChat.Message.Copy"),
           children: isCopied ? /* @__PURE__ */ jsx(Check, { size: 13, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 13, weight: "regular" })
         }
@@ -3833,23 +4511,6 @@ var dropdownVariants = {
     transition: { duration: 0.1 }
   }
 };
-var toastVariants = {
-  initial: { opacity: 0, y: -8 },
-  animate: {
-    opacity: 1,
-    y: 0,
-    transition: {
-      duration: prefersReducedMotion() ? 0 : 0.2
-    }
-  },
-  exit: {
-    opacity: 0,
-    y: -8,
-    transition: {
-      duration: prefersReducedMotion() ? 0 : 0.15
-    }
-  }
-};
 var sessionItemVariants = {
   initial: { opacity: 0, x: -20 },
   animate: {
@@ -3911,7 +4572,7 @@ var prefersReducedMotion2 = () => {
 var getRandomVerb = (verbs, current) => {
   const available = verbs.filter((v) => v !== current);
   if (available.length === 0) {
-    return current || verbs[0] || "Thinking";
+    return current || verbs[0] || "";
   }
   return available[Math.floor(Math.random() * available.length)];
 };
@@ -3953,7 +4614,7 @@ function TypingIndicator({
             animate: "animate",
             exit: "exit",
             className: "text-sm bichat-thinking-shimmer block",
-            "aria-label": `AI is ${verb}`,
+            "aria-label": t("BiChat.Thinking.AriaLabel", { verb }),
             children: [
               verb,
               "..."
@@ -3967,6 +4628,9 @@ function TypingIndicator({
 }
 var MemoizedTypingIndicator = memo(TypingIndicator);
 MemoizedTypingIndicator.displayName = "TypingIndicator";
+
+// ui/src/bichat/components/ScrollToBottomButton.tsx
+init_useTranslation();
 function ScrollToBottomButton({
   show,
   onClick,
@@ -3974,6 +4638,7 @@ function ScrollToBottomButton({
   disabled = false,
   label
 }) {
+  const { t } = useTranslation();
   return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
     "div",
     {
@@ -3989,7 +4654,7 @@ function ScrollToBottomButton({
           onClick: disabled ? void 0 : onClick,
           disabled,
           className: `pointer-events-auto cursor-pointer shadow-lg border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 active:bg-gray-100 dark:active:bg-gray-600 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-900 disabled:opacity-40 disabled:cursor-not-allowed ${label ? "flex items-center gap-1.5 px-4 py-2 rounded-full bg-primary-600 dark:bg-primary-500 border-primary-600 dark:border-primary-500 hover:bg-primary-700 dark:hover:bg-primary-600 active:bg-primary-800 dark:active:bg-primary-700" : "p-2.5 rounded-full bg-white dark:bg-gray-800"}`,
-          "aria-label": label || "Scroll to bottom",
+          "aria-label": label || t("BiChat.Common.ScrollToBottom"),
           children: label ? /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-white", children: label }),
             /* @__PURE__ */ jsx(ArrowDown, { size: 16, weight: "bold", className: "text-white" })
@@ -4003,23 +4668,6 @@ function ScrollToBottomButton({
   ) });
 }
 var ScrollToBottomButton_default = ScrollToBottomButton;
-function CompactionDoodle({ title, subtitle }) {
-  return /* @__PURE__ */ jsx("div", { className: "rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-4 shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative w-10 h-10", children: [
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-full bg-primary-500/20 animate-pulse motion-reduce:animate-none" }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-1 rounded-full bg-primary-500/40 animate-pulse motion-reduce:animate-none" }),
-      /* @__PURE__ */ jsx("div", { className: "absolute inset-3 rounded-full bg-primary-600" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: title }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: subtitle })
-    ] })
-  ] }) });
-}
-var CompactionDoodle_default = CompactionDoodle;
-
-// ui/src/bichat/components/MessageList.tsx
-init_useTranslation();
 
 // ui/src/bichat/utils/markdownStream.ts
 function normalizeStreamingMarkdown(text) {
@@ -4048,7 +4696,6 @@ var MarkdownRenderer4 = lazy(
   () => Promise.resolve().then(() => (init_MarkdownRenderer(), MarkdownRenderer_exports)).then((m) => ({ default: m.MarkdownRenderer }))
 );
 function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readOnly }) {
-  const { t } = useTranslation();
   const { currentSessionId, fetching } = useChatSession();
   const { turns, streamingContent, isStreaming, loading, isCompacting } = useChatMessaging();
   const messagesEndRef = useRef(null);
@@ -4106,13 +4753,6 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
   );
   return /* @__PURE__ */ jsxs("div", { className: "relative flex-1 min-h-0", children: [
     /* @__PURE__ */ jsx("div", { ref: containerRef, className: "h-full overflow-y-auto px-4 py-6", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto space-y-6", children: [
-      isCompacting && /* @__PURE__ */ jsx(
-        CompactionDoodle_default,
-        {
-          title: t("BiChat.Slash.CompactingTitle"),
-          subtitle: t("BiChat.Slash.CompactingSubtitle")
-        }
-      ),
       fetching && turns.length === 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-6", "aria-hidden": "true", children: [
         /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs("div", { className: "w-3/5 max-w-md rounded-2xl bg-gray-100 dark:bg-gray-800 p-4 space-y-2", children: [
           /* @__PURE__ */ jsx("div", { className: "h-3 w-full rounded bg-gray-200 dark:bg-gray-700 animate-pulse" }),
@@ -4175,6 +4815,128 @@ function MessageList({ renderUserTurn, renderAssistantTurn, thinkingVerbs, readO
     )
   ] });
 }
+
+// ui/src/bichat/components/MessageQueueList.tsx
+init_useTranslation();
+function MessageQueueList({ queue, onRemove, onUpdate }) {
+  const { t } = useTranslation();
+  const [editingIndex, setEditingIndex] = useState(null);
+  const [editValue, setEditValue] = useState("");
+  const startEdit = useCallback((index) => {
+    setEditingIndex(index);
+    setEditValue(queue[index].content);
+  }, [queue]);
+  const saveEdit = useCallback(() => {
+    if (editingIndex === null) return;
+    const trimmed = editValue.trim();
+    if (trimmed) {
+      onUpdate(editingIndex, trimmed);
+    }
+    setEditingIndex(null);
+    setEditValue("");
+  }, [editingIndex, editValue, onUpdate]);
+  const cancelEdit = useCallback(() => {
+    setEditingIndex(null);
+    setEditValue("");
+  }, []);
+  if (queue.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-1.5", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx("span", { className: "font-medium", children: t("BiChat.Input.QueuedMessages", { count: queue.length }) }) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: queue.map((item, index) => /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, height: 0 },
+        animate: { opacity: 1, height: "auto" },
+        exit: { opacity: 0, height: 0 },
+        transition: { duration: 0.15 },
+        className: "overflow-hidden",
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-2 text-sm", children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 mt-0.5 w-5 h-5 rounded-full bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 flex items-center justify-center text-[10px] font-bold", children: index + 1 }),
+          editingIndex === index ? /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                value: editValue,
+                onChange: (e) => setEditValue(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" && !e.shiftKey) {
+                    e.preventDefault();
+                    saveEdit();
+                  }
+                  if (e.key === "Escape") cancelEdit();
+                },
+                className: "w-full resize-none rounded border border-primary-300 dark:border-primary-600 bg-transparent px-2 py-1 text-sm text-gray-900 dark:text-white outline-none focus:ring-1 focus:ring-primary-500",
+                rows: 1,
+                autoFocus: true
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: saveEdit,
+                  className: "cursor-pointer inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium text-primary-700 dark:text-primary-300 bg-primary-50 dark:bg-primary-900/30 hover:bg-primary-100 dark:hover:bg-primary-900/50 rounded transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx(Check, { size: 12, weight: "bold" }),
+                    t("BiChat.Message.Save")
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: cancelEdit,
+                  className: "cursor-pointer inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors",
+                  children: [
+                    /* @__PURE__ */ jsx(ArrowCounterClockwise, { size: 12 }),
+                    t("BiChat.Message.Cancel")
+                  ]
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsxs("p", { className: "flex-1 min-w-0 text-gray-700 dark:text-gray-300 truncate", children: [
+            item.content,
+            item.attachments.length > 0 && /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-gray-400 dark:text-gray-500", children: [
+              "+",
+              item.attachments.length,
+              " ",
+              t("BiChat.Input.AttachFiles").toLowerCase()
+            ] })
+          ] }),
+          editingIndex !== index && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 flex-shrink-0", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => startEdit(index),
+                className: "cursor-pointer p-1 text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 rounded transition-colors",
+                "aria-label": t("BiChat.Input.EditQueueItem"),
+                title: t("BiChat.Input.EditQueueItem"),
+                children: /* @__PURE__ */ jsx(PencilSimple, { size: 14 })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: () => onRemove(index),
+                className: "cursor-pointer p-1 text-gray-400 dark:text-gray-500 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded transition-colors",
+                "aria-label": t("BiChat.Input.RemoveQueueItem"),
+                title: t("BiChat.Input.RemoveQueueItem"),
+                children: /* @__PURE__ */ jsx(X, { size: 14 })
+              }
+            )
+          ] })
+        ] })
+      },
+      `queue-${index}-${item.content.slice(0, 20)}`
+    )) })
+  ] });
+}
+
+// ui/src/bichat/components/MessageInput.tsx
 init_useTranslation();
 var MAX_FILES_DEFAULT = 10;
 var MAX_FILE_SIZE_DEFAULT = 20 * 1024 * 1024;
@@ -4194,6 +4956,8 @@ var MessageInput = forwardRef(
     onMessageChange,
     onSubmit,
     onUnqueue,
+    onRemoveQueueItem,
+    onUpdateQueueItem,
     placeholder: placeholderOverride,
     maxFiles = MAX_FILES_DEFAULT,
     maxFileSize = MAX_FILE_SIZE_DEFAULT,
@@ -4417,14 +5181,22 @@ var MessageInput = forwardRef(
         return;
       }
       if (isCommandListVisible) {
-        if (e.key === "ArrowDown" || e.key === "Tab" && !e.shiftKey) {
+        if (e.key === "Tab") {
+          e.preventDefault();
+          if (filteredCommands.length > 0) {
+            onMessageChange(filteredCommands[activeCommandIndex].name);
+            setCommandListDismissed(true);
+          }
+          return;
+        }
+        if (e.key === "ArrowDown") {
           e.preventDefault();
           if (filteredCommands.length > 0) {
             setActiveCommandIndex((prev) => (prev + 1) % filteredCommands.length);
           }
           return;
         }
-        if (e.key === "ArrowUp" || e.key === "Tab" && e.shiftKey) {
+        if (e.key === "ArrowUp") {
           e.preventDefault();
           if (filteredCommands.length > 0) {
             setActiveCommandIndex(
@@ -4450,7 +5222,7 @@ var MessageInput = forwardRef(
       }
       if (e.key === "Enter" && !e.shiftKey) {
         e.preventDefault();
-        if (!loading && (message.trim() || attachments.length > 0)) {
+        if (message.trim() || attachments.length > 0) {
           handleFormSubmit(e);
         }
       }
@@ -4474,7 +5246,7 @@ var MessageInput = forwardRef(
     const handleFormSubmit = (e) => {
       e.preventDefault();
       if (isComposing) return;
-      if (loading || disabled || !message.trim() && attachments.length === 0) {
+      if (disabled || !message.trim() && attachments.length === 0) {
         return;
       }
       setCommandListDismissed(true);
@@ -4482,7 +5254,7 @@ var MessageInput = forwardRef(
       setAttachments([]);
       setError(null);
     };
-    const canSubmit = !loading && !disabled && (message.trim() || attachments.length > 0);
+    const canSubmit = !disabled && (message.trim() || attachments.length > 0);
     const visibleError = error || commandError;
     const visibleErrorText = visibleError ? t(visibleError) : "";
     const defaultContainerClassName = "shrink-0 px-4 pt-4 pb-6";
@@ -4503,8 +5275,9 @@ var MessageInput = forwardRef(
         ref: containerRef,
         className: containerClassName ?? defaultContainerClassName,
         children: /* @__PURE__ */ jsxs("form", { ref: formRef, onSubmit: handleFormSubmit, className: formClassName ?? "mx-auto", children: [
-          visibleError && /* @__PURE__ */ jsxs("div", { className: "mb-3 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg text-sm text-red-600 dark:text-red-400 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsx("span", { children: visibleErrorText }),
+          visibleError && /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-start gap-2.5 px-3 py-2.5 bg-red-50 dark:bg-red-950/40 border border-red-200/80 dark:border-red-900/60 rounded-xl text-sm shadow-sm", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mt-0.5 flex items-center justify-center w-5 h-5 rounded-full bg-red-100 dark:bg-red-900/40", children: /* @__PURE__ */ jsx(X, { size: 10, className: "text-red-600 dark:text-red-400", weight: "bold" }) }),
+            /* @__PURE__ */ jsx("span", { className: "flex-1 text-red-700 dark:text-red-300 text-xs leading-relaxed", children: visibleErrorText }),
             /* @__PURE__ */ jsx(
               "button",
               {
@@ -4513,13 +5286,20 @@ var MessageInput = forwardRef(
                   setError(null);
                   onClearCommandError?.();
                 },
-                className: "cursor-pointer ml-2 p-1 hover:bg-red-100 dark:hover:bg-red-800 rounded transition-colors",
+                className: "cursor-pointer flex-shrink-0 p-0.5 text-red-400 dark:text-red-500 hover:text-red-600 dark:hover:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 rounded-md transition-colors",
                 "aria-label": t("BiChat.Input.DismissError"),
                 children: /* @__PURE__ */ jsx(X, { size: 14 })
               }
             )
           ] }),
-          messageQueue.length > 0 && /* @__PURE__ */ jsx("div", { className: "mb-3 text-xs text-gray-500 dark:text-gray-400", children: /* @__PURE__ */ jsx("span", { className: "px-2.5 py-1 bg-primary-50 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400 rounded font-medium", children: t("BiChat.Input.MessagesQueued", { count: messageQueue.length }) }) }),
+          messageQueue.length > 0 && onRemoveQueueItem && onUpdateQueueItem && /* @__PURE__ */ jsx(
+            MessageQueueList,
+            {
+              queue: messageQueue,
+              onRemove: onRemoveQueueItem,
+              onUpdate: onUpdateQueueItem
+            }
+          ),
           debugMode && /* @__PURE__ */ jsxs("div", { className: "mb-3 space-y-2 text-xs", children: [
             /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 px-2.5 py-1 bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300 rounded-full font-medium text-[11px]", children: [
               /* @__PURE__ */ jsxs("span", { className: "relative flex h-1.5 w-1.5", "aria-hidden": "true", children: [
@@ -4676,7 +5456,7 @@ var MessageInput = forwardRef(
                           className: "resize-none bg-transparent border-none outline-none px-1 py-2 w-full text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 text-sm leading-relaxed",
                           style: { maxHeight: `${MAX_HEIGHT}px` },
                           rows: 1,
-                          disabled: loading || disabled,
+                          disabled,
                           "aria-busy": loading,
                           "aria-label": t("BiChat.Input.MessageInput")
                         }
@@ -4742,13 +5522,36 @@ var MessageInput = forwardRef(
   }
 );
 MessageInput.displayName = "MessageInput";
+function CompactionDoodle({ title, subtitle }) {
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 8, scale: 0.96 },
+      animate: { opacity: 1, y: 0, scale: 1 },
+      exit: { opacity: 0, y: 4, scale: 0.98 },
+      transition: { type: "spring", stiffness: 400, damping: 28 },
+      className: "flex items-center gap-2.5 rounded-xl border border-gray-200/70 bg-white/95 px-3.5 py-2 shadow-sm backdrop-blur-sm dark:border-gray-700/50 dark:bg-gray-800/95",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "relative flex h-5 w-5 items-center justify-center", children: [
+          /* @__PURE__ */ jsx("span", { className: "absolute inline-flex h-full w-full animate-ping rounded-full bg-primary-400/30" }),
+          /* @__PURE__ */ jsx("span", { className: "relative inline-flex h-2 w-2 rounded-full bg-primary-500" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-gray-700 dark:text-gray-200", children: title }),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500", children: subtitle })
+        ] })
+      ]
+    }
+  );
+}
+var CompactionDoodle_default = CompactionDoodle;
 
 // ui/src/bichat/components/WelcomeContent.tsx
 init_useTranslation();
 var PROMPT_DEFS = [
-  { categoryKey: "Welcome.Prompt1Category", textKey: "Welcome.Prompt1Text", icon: ChartBar, defaultCategory: "OSAGO Portfolio", defaultText: "What is the total amount of accrued OSAGO premiums for the reporting period?" },
-  { categoryKey: "Welcome.Prompt2Category", textKey: "Welcome.Prompt2Text", icon: FileText, defaultCategory: "Regional Analysis", defaultText: "Show me the top 5 regions by collected insurance premiums" },
-  { categoryKey: "Welcome.Prompt3Category", textKey: "Welcome.Prompt3Text", icon: Lightbulb, defaultCategory: "Loss Analysis", defaultText: "Calculate the loss ratio across the entire OSAGO portfolio" }
+  { categoryKey: "BiChat.Welcome.Prompt1Category", textKey: "BiChat.Welcome.Prompt1Text", icon: ChartBar, defaultCategory: "Data Analysis", defaultText: "Show me a summary of key metrics" },
+  { categoryKey: "BiChat.Welcome.Prompt2Category", textKey: "BiChat.Welcome.Prompt2Text", icon: FileText, defaultCategory: "Reports", defaultText: "Generate a report for the current period" },
+  { categoryKey: "BiChat.Welcome.Prompt3Category", textKey: "BiChat.Welcome.Prompt3Text", icon: Lightbulb, defaultCategory: "Insights", defaultText: "What trends can you identify in the data?" }
 ];
 var PROMPT_STYLES = [
   {
@@ -4898,11 +5701,172 @@ function WelcomeContent({
             );
           }) })
         ] })
-      ]
-    }
-  );
+      ]
+    }
+  );
+}
+var WelcomeContent_default = WelcomeContent;
+init_useTranslation();
+var variantStyles = {
+  error: {
+    container: "border-red-200 bg-red-50 dark:bg-red-900/20",
+    title: "text-red-800 dark:text-red-300",
+    message: "text-red-700 dark:text-red-400",
+    icon: "text-red-600 dark:text-red-400",
+    button: "text-red-400 hover:text-red-600 dark:hover:text-red-300",
+    retryButton: "bg-red-600 dark:bg-red-700 hover:bg-red-700 dark:hover:bg-red-800 text-white",
+    Icon: XCircle
+  },
+  success: {
+    container: "border-green-200 bg-green-50 dark:bg-green-900/20",
+    title: "text-green-800 dark:text-green-300",
+    message: "text-green-700 dark:text-green-400",
+    icon: "text-green-600 dark:text-green-400",
+    button: "text-green-400 hover:text-green-600 dark:hover:text-green-300",
+    retryButton: "bg-green-600 dark:bg-green-700 hover:bg-green-700 dark:hover:bg-green-800 text-white",
+    Icon: CheckCircle
+  },
+  warning: {
+    container: "border-yellow-200 bg-yellow-50 dark:bg-yellow-900/20",
+    title: "text-yellow-800 dark:text-yellow-300",
+    message: "text-yellow-700 dark:text-yellow-400",
+    icon: "text-yellow-600 dark:text-yellow-400",
+    button: "text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300",
+    retryButton: "bg-yellow-600 dark:bg-yellow-700 hover:bg-yellow-700 dark:hover:bg-yellow-800 text-white",
+    Icon: Warning
+  },
+  info: {
+    container: "border-blue-200 bg-blue-50 dark:bg-blue-900/20",
+    title: "text-blue-800 dark:text-blue-300",
+    message: "text-blue-700 dark:text-blue-400",
+    icon: "text-blue-600 dark:text-blue-400",
+    button: "text-blue-400 hover:text-blue-600 dark:hover:text-blue-300",
+    retryButton: "bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white",
+    Icon: Info
+  }
+};
+function Alert({
+  variant = "info",
+  message,
+  title,
+  onDismiss,
+  onRetry,
+  show = true,
+  dismissible = true
+}) {
+  const { t } = useTranslation();
+  const styles = variantStyles[variant];
+  const IconComponent = styles.Icon;
+  return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      variants: errorMessageVariants,
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      className: `border-t border ${styles.container} px-4 py-3`,
+      role: "alert",
+      "aria-live": "assertive",
+      children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
+          /* @__PURE__ */ jsx(IconComponent, { size: 20, className: `w-5 h-5 ${styles.icon} flex-shrink-0 mt-0.5` }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+            title && /* @__PURE__ */ jsx("p", { className: `text-sm ${styles.title} font-medium`, children: title }),
+            /* @__PURE__ */ jsx("p", { className: `text-sm ${styles.message} ${title ? "mt-1" : ""}`, children: message }),
+            onRetry && /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: onRetry,
+                className: `mt-2 text-xs px-3 py-1.5 rounded ${styles.retryButton} transition-colors font-medium`,
+                children: t("BiChat.Chat.Retry")
+              }
+            )
+          ] })
+        ] }),
+        dismissible && onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: `${styles.button} transition-colors flex-shrink-0`,
+            "aria-label": t("BiChat.Chat.DismissNotification"),
+            children: /* @__PURE__ */ jsx(X, { size: 20, className: "w-5 h-5" })
+          }
+        )
+      ] })
+    }
+  ) });
+}
+var Alert_default = memo(Alert);
+
+// ui/src/bichat/components/ArchiveBanner.tsx
+init_useTranslation();
+function ArchiveBanner({
+  show = true,
+  onRestore,
+  restoring = false,
+  onRestoreComplete
+}) {
+  const { t } = useTranslation();
+  const [error, setError] = useState(null);
+  const handleRestore = async () => {
+    try {
+      setError(null);
+      if (onRestore) {
+        await onRestore();
+      }
+      if (onRestoreComplete) {
+        onRestoreComplete();
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : t("BiChat.Archive.RestoreFailed");
+      setError(message);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        variants: errorMessageVariants,
+        initial: "initial",
+        animate: "animate",
+        exit: "exit",
+        className: "border-t border border-blue-200 bg-blue-50 dark:bg-blue-900/20 px-4 py-3",
+        role: "region",
+        "aria-label": t("BiChat.Archive.Banner"),
+        children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
+            /* @__PURE__ */ jsx(Archive, { size: 20, className: "w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: t("BiChat.Archive.Archived") }) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleRestore,
+              disabled: restoring,
+              className: "ml-2 flex-shrink-0 px-3 py-1.5 text-xs font-medium bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1.5",
+              "aria-label": t("BiChat.Archive.Restore"),
+              children: restoring ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Spinner, { size: 16, className: "w-4 h-4 animate-spin" }),
+                t("BiChat.Archive.Restoring")
+              ] }) : t("BiChat.Archive.Restore")
+            }
+          )
+        ] })
+      }
+    ) }),
+    error && /* @__PURE__ */ jsx(
+      Alert_default,
+      {
+        variant: "error",
+        message: error,
+        title: t("BiChat.Archive.RestoreFailed"),
+        onDismiss: () => setError(null),
+        dismissible: true
+      }
+    )
+  ] });
 }
-var WelcomeContent_default = WelcomeContent;
+var ArchiveBanner_default = memo(ArchiveBanner);
 
 // ui/src/bichat/components/ChatSession.tsx
 init_useTranslation();
@@ -4913,11 +5877,11 @@ init_useTranslation();
 // ui/src/bichat/components/SessionArtifactList.tsx
 init_useTranslation();
 var TYPE_LABEL_KEYS = {
-  chart: "Artifacts.GroupCharts",
-  code_output: "Artifacts.GroupCodeOutputs",
-  export: "Artifacts.GroupExports",
-  attachment: "Artifacts.GroupAttachments",
-  other: "Artifacts.GroupOther"
+  chart: "BiChat.Artifacts.GroupCharts",
+  code_output: "BiChat.Artifacts.GroupCodeOutputs",
+  export: "BiChat.Artifacts.GroupExports",
+  attachment: "BiChat.Artifacts.GroupAttachments",
+  other: "BiChat.Artifacts.GroupOther"
 };
 function getGroupIcon(type) {
   const cls = "h-3.5 w-3.5";
@@ -4993,7 +5957,8 @@ function SessionArtifactList({
       /* @__PURE__ */ jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-xl bg-gray-100 dark:bg-gray-800", children: /* @__PURE__ */ jsx(Package, { className: "h-6 w-6 text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.Empty") }),
-        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptySubtitle") })
+        /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptySubtitle") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Artifacts.EmptyHint") })
       ] })
     ] });
   }
@@ -5685,6 +6650,29 @@ function SessionArtifactsPanel({
     },
     [canDeleteArtifact, dataSource]
   );
+  const fileInputRef = useRef(null);
+  const handleAttachClick = useCallback(() => {
+    fileInputRef.current?.click();
+  }, []);
+  const handleFileInputChange = useCallback(
+    async (e) => {
+      if (!dataSource.uploadSessionArtifacts || !e.target.files?.length) return;
+      const files = Array.from(e.target.files);
+      try {
+        const result = await dataSource.uploadSessionArtifacts(sessionId, files);
+        if ((result.artifacts || []).length > 0) {
+          setDropSuccessState();
+          void fetchArtifacts({ reset: true, manual: false });
+        }
+        setError(null);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : tRef.current("BiChat.Artifacts.FailedToLoad"));
+      } finally {
+        e.target.value = "";
+      }
+    },
+    [dataSource, fetchArtifacts, sessionId, setDropSuccessState]
+  );
   return /* @__PURE__ */ jsxs(
     "aside",
     {
@@ -5712,12 +6700,38 @@ function SessionArtifactsPanel({
             ]
           }
         ) }),
-        /* @__PURE__ */ jsx("header", { className: "flex items-center justify-between border-b border-gray-200 px-3 py-2 dark:border-gray-700/80", children: /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("h2", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: [
-          t("BiChat.Artifacts.Title"),
-          " (",
-          artifacts.length,
-          ")"
-        ] }) }) }),
+        /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-gray-200 px-3 py-2 dark:border-gray-700/80", children: [
+          /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("h2", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: [
+            t("BiChat.Artifacts.Title"),
+            " (",
+            artifacts.length,
+            ")"
+          ] }) }),
+          canDropFiles && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleAttachClick,
+                className: "ml-2 flex-shrink-0 rounded-md p-1.5 text-gray-400 transition-colors hover:bg-gray-100 hover:text-gray-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:text-gray-500 dark:hover:bg-gray-800 dark:hover:text-gray-300",
+                "aria-label": t("BiChat.Artifacts.AttachFiles"),
+                title: t("BiChat.Artifacts.AttachFiles"),
+                children: /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4", weight: "bold" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: fileInputRef,
+                type: "file",
+                multiple: true,
+                className: "hidden",
+                onChange: handleFileInputChange,
+                "aria-label": t("BiChat.Artifacts.AttachFiles")
+              }
+            )
+          ] })
+        ] }),
         /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 py-3", children: fetching ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-sm text-gray-500 dark:text-gray-400", children: t("BiChat.Artifacts.Loading") }) : error ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-red-200 bg-red-50 p-3 dark:border-red-900/70 dark:bg-red-950/30", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-300", children: t("BiChat.Artifacts.FailedToLoad") }),
           /* @__PURE__ */ jsx("p", { className: "text-xs text-red-700 dark:text-red-400", children: error }),
@@ -5770,6 +6784,77 @@ function SessionArtifactsPanel({
     }
   );
 }
+
+// ui/src/bichat/components/StreamError.tsx
+init_useTranslation();
+function StreamError({
+  error,
+  onRetry,
+  onRegenerate,
+  onDismiss,
+  compact = false
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      initial: { opacity: 0, y: 10 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -10 },
+      className: `flex items-start gap-3 ${compact ? "px-3 py-2.5" : "px-4 py-3"} bg-red-50 dark:bg-red-950/40 border border-red-200/80 dark:border-red-900/60 rounded-xl shadow-sm`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-shrink-0 mt-0.5 flex items-center justify-center w-7 h-7 rounded-full bg-red-100 dark:bg-red-900/40", children: /* @__PURE__ */ jsx(
+          Warning,
+          {
+            className: "w-4 h-4 text-red-600 dark:text-red-400",
+            weight: "fill"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200 leading-snug", children: t("BiChat.Error.Generic") }),
+          /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-red-600/80 dark:text-red-400/70 break-words leading-relaxed", children: error }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2", children: [
+            onRetry && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: onRetry,
+                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-red-600 hover:bg-red-700 active:bg-red-800 dark:bg-red-700 dark:hover:bg-red-600 rounded-lg transition-colors shadow-sm",
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsx(ArrowClockwise, { className: "w-3.5 h-3.5" }),
+                  t("BiChat.StreamError.Retry")
+                ]
+              }
+            ),
+            onRegenerate && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                onClick: onRegenerate,
+                className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-lg transition-colors shadow-sm",
+                type: "button",
+                children: [
+                  /* @__PURE__ */ jsx(ArrowsCounterClockwise, { className: "w-3.5 h-3.5" }),
+                  t("BiChat.StreamError.Regenerate")
+                ]
+              }
+            )
+          ] })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onDismiss,
+            className: "cursor-pointer flex-shrink-0 mt-0.5 inline-flex items-center justify-center w-6 h-6 text-red-400 dark:text-red-500 hover:text-red-600 dark:hover:text-red-300 hover:bg-red-100 dark:hover:bg-red-900/40 rounded-md transition-colors",
+            type: "button",
+            "aria-label": t("BiChat.Chat.DismissNotification"),
+            children: /* @__PURE__ */ jsx(X, { className: "w-3.5 h-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
 var ARTIFACTS_PANEL_WIDTH_DEFAULT = 352;
 var ARTIFACTS_PANEL_WIDTH_MIN = 280;
 var ARTIFACTS_PANEL_WIDTH_MAX = 560;
@@ -5786,13 +6871,34 @@ function ChatSessionCore({
   actionsSlot,
   onBack,
   thinkingVerbs,
+  onSessionRestored,
   showArtifactsPanel = false,
   artifactsPanelDefaultExpanded = false,
   artifactsPanelStorageKey = "bichat.artifacts-panel.expanded"
 }) {
   const { t } = useTranslation();
-  const { session, fetching, error, debugMode, sessionDebugUsage, debugLimits, currentSessionId } = useChatSession();
-  const { turns, loading, isStreaming } = useChatMessaging();
+  const {
+    session,
+    fetching,
+    error,
+    errorRetryable,
+    debugMode,
+    sessionDebugUsage,
+    debugLimits,
+    currentSessionId,
+    setError,
+    retryFetchSession
+  } = useChatSession();
+  const {
+    turns,
+    loading,
+    isStreaming,
+    streamError,
+    streamErrorRetryable,
+    isCompacting,
+    retryLastMessage,
+    clearStreamError
+  } = useChatMessaging();
   const {
     inputError,
     message,
@@ -5800,9 +6906,23 @@ function ChatSessionCore({
     setInputError,
     handleSubmit,
     messageQueue,
-    handleUnqueue
+    handleUnqueue,
+    removeQueueItem,
+    updateQueueItem
   } = useChatInput();
-  const effectiveReadOnly = Boolean(readOnly ?? isReadOnly);
+  const isArchived = session?.status === "archived";
+  const effectiveReadOnly = Boolean(readOnly ?? isReadOnly) || isArchived;
+  const [restoring, setRestoring] = useState(false);
+  const handleRestore = useCallback(async () => {
+    if (!session?.id) return;
+    setRestoring(true);
+    try {
+      await dataSource.unarchiveSession(session.id);
+      onSessionRestored?.(session.id);
+    } finally {
+      setRestoring(false);
+    }
+  }, [dataSource, session?.id, onSessionRestored]);
   const [artifactsPanelExpanded, setArtifactsPanelExpanded] = useState(
     artifactsPanelDefaultExpanded
   );
@@ -5874,16 +6994,9 @@ function ChatSessionCore({
       document.body.style.userSelect = "";
     };
   }, [isResizingArtifactsPanel, artifactsPanelStorageKey]);
-  if (fetching) {
+  if (fetching && turns.length === 0 && !session) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "text-gray-500 dark:text-gray-400", children: t("BiChat.Input.Processing") }) });
   }
-  if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "text-red-500 dark:text-red-400", children: [
-      t("BiChat.Error.Generic"),
-      ": ",
-      error
-    ] }) });
-  }
   const showWelcome = !session && turns.length === 0;
   const activeSessionId = session?.id || (currentSessionId && currentSessionId !== "new" ? currentSessionId : void 0);
   const supportsArtifactsPanel = typeof dataSource.fetchSessionArtifacts === "function";
@@ -5940,6 +7053,16 @@ function ChatSessionCore({
             actionsSlot: headerActions
           }
         ),
+        error && /* @__PURE__ */ jsx(
+          Alert_default,
+          {
+            variant: errorRetryable ? "warning" : "error",
+            title: t("BiChat.Error.Generic"),
+            message: error,
+            onDismiss: () => setError(null),
+            onRetry: errorRetryable ? retryFetchSession : void 0
+          }
+        ),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -5948,6 +7071,15 @@ function ChatSessionCore({
             children: [
               /* @__PURE__ */ jsx("div", { className: "flex min-h-0 flex-1 flex-col", children: showWelcome ? /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center justify-center px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-5xl", children: [
                 welcomeSlot || /* @__PURE__ */ jsx(WelcomeContent_default, { onPromptSelect: handlePromptSelect, disabled: loading }),
+                streamError && /* @__PURE__ */ jsx("div", { className: "px-6 pt-4", children: /* @__PURE__ */ jsx(
+                  StreamError,
+                  {
+                    error: streamError,
+                    compact: true,
+                    onRetry: streamErrorRetryable ? () => void retryLastMessage() : void 0,
+                    onDismiss: clearStreamError
+                  }
+                ) }),
                 !effectiveReadOnly && /* @__PURE__ */ jsx(
                   MessageInput,
                   {
@@ -5963,12 +7095,22 @@ function ChatSessionCore({
                     onSubmit: handleSubmit,
                     messageQueue,
                     onUnqueue: handleUnqueue,
+                    onRemoveQueueItem: removeQueueItem,
+                    onUpdateQueueItem: updateQueueItem,
                     containerClassName: "pt-6 px-6",
                     formClassName: "mx-auto"
                   }
                 ),
                 /* @__PURE__ */ jsx("p", { className: "mt-4 pb-1 text-center text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Welcome.Disclaimer") })
               ] }) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                isArchived && /* @__PURE__ */ jsx(
+                  ArchiveBanner_default,
+                  {
+                    show: true,
+                    onRestore: handleRestore,
+                    restoring
+                  }
+                ),
                 /* @__PURE__ */ jsx(
                   MessageList,
                   {
@@ -5978,6 +7120,22 @@ function ChatSessionCore({
                     readOnly: effectiveReadOnly
                   }
                 ),
+                /* @__PURE__ */ jsx(AnimatePresence, { children: isCompacting && /* @__PURE__ */ jsx("div", { className: "flex justify-center px-4 pb-2", children: /* @__PURE__ */ jsx(
+                  CompactionDoodle_default,
+                  {
+                    title: t("BiChat.Slash.CompactingTitle"),
+                    subtitle: t("BiChat.Slash.CompactingSubtitle")
+                  }
+                ) }) }),
+                streamError && /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsx(
+                  StreamError,
+                  {
+                    error: streamError,
+                    compact: true,
+                    onRetry: streamErrorRetryable ? () => void retryLastMessage() : void 0,
+                    onDismiss: clearStreamError
+                  }
+                ) }),
                 !effectiveReadOnly && /* @__PURE__ */ jsx(
                   MessageInput,
                   {
@@ -5992,7 +7150,9 @@ function ChatSessionCore({
                     onMessageChange: setMessage,
                     onSubmit: handleSubmit,
                     messageQueue,
-                    onUnqueue: handleUnqueue
+                    onUnqueue: handleUnqueue,
+                    onRemoveQueueItem: removeQueueItem,
+                    onUpdateQueueItem: updateQueueItem
                   }
                 )
               ] }) }),
@@ -6083,8 +7243,17 @@ function ChatSessionCore({
   );
 }
 function ChatSession(props) {
-  const { dataSource, sessionId, rateLimiter, ...coreProps } = props;
-  return /* @__PURE__ */ jsx(ChatSessionProvider, { dataSource, sessionId, rateLimiter, children: /* @__PURE__ */ jsx(ChatSessionCore, { dataSource, ...coreProps }) });
+  const { dataSource, sessionId, rateLimiter, onSessionCreated, ...coreProps } = props;
+  return /* @__PURE__ */ jsx(
+    ChatSessionProvider,
+    {
+      dataSource,
+      sessionId,
+      rateLimiter,
+      onSessionCreated,
+      children: /* @__PURE__ */ jsx(ChatSessionCore, { dataSource, ...coreProps })
+    }
+  );
 }
 
 // ui/src/bichat/index.ts
@@ -6186,20 +7355,19 @@ var EditableText = forwardRef(
     onSave,
     maxLength = 100,
     isLoading = false,
-    placeholder = "Untitled",
+    placeholder,
     className = "",
     inputClassName = "",
     size = "sm"
   }, ref) => {
     const { t } = useTranslation();
+    const resolvedPlaceholder = placeholder ?? t("BiChat.Common.Untitled");
     const [isEditing, setIsEditing] = useState(false);
     const [editValue, setEditValue] = useState(value);
     const inputRef = useRef(null);
     useImperativeHandle(ref, () => ({
       startEditing: () => {
-        if (!isLoading) {
-          setIsEditing(true);
-        }
+        setIsEditing(true);
       },
       cancelEditing: () => {
         setEditValue(value);
@@ -6241,9 +7409,7 @@ var EditableText = forwardRef(
       }
     };
     const handleDoubleClick = () => {
-      if (!isLoading) {
-        setIsEditing(true);
-      }
+      setIsEditing(true);
     };
     const handleBlur = () => {
       handleSave();
@@ -6265,7 +7431,7 @@ var EditableText = forwardRef(
               onKeyDown: handleKeyDown,
               onBlur: handleBlur,
               maxLength,
-              placeholder,
+              placeholder: resolvedPlaceholder,
               className: `flex-1 px-2 py-1 ${sizeClass} bg-white dark:bg-gray-700 border border-primary-500 dark:border-primary-600 rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 dark:focus-visible:ring-primary-600/30 text-gray-900 dark:text-white ${inputClassName}`,
               "aria-label": t("BiChat.EditableText.AriaLabel")
             }
@@ -6273,7 +7439,7 @@ var EditableText = forwardRef(
         }
       );
     }
-    const displayValue = value || placeholder;
+    const displayValue = value || resolvedPlaceholder;
     return /* @__PURE__ */ jsx(
       "span",
       {
@@ -6321,16 +7487,18 @@ var sizeClasses3 = {
 function SearchInput({
   value,
   onChange,
-  placeholder = "Search...",
+  placeholder,
   autoFocus = false,
   onSubmit,
   onEscape,
   className = "",
   size = "md",
   disabled = false,
-  ariaLabel = "Search"
+  ariaLabel
 }) {
   const { t } = useTranslation();
+  const resolvedPlaceholder = placeholder ?? t("BiChat.Common.Search");
+  const resolvedAriaLabel = ariaLabel ?? t("BiChat.Common.Search");
   const inputRef = useRef(null);
   const sizes = sizeClasses3[size];
   useEffect(() => {
@@ -6373,10 +7541,10 @@ function SearchInput({
         value,
         onChange: (e) => onChange(e.target.value),
         onKeyDown: handleKeyDown,
-        placeholder,
+        placeholder: resolvedPlaceholder,
         disabled,
         className: `w-full ${sizes.container} bg-gray-50 dark:bg-gray-800/50 border border-gray-200 dark:border-gray-700/50 rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:border-primary-400 dark:focus-visible:border-primary-600 text-gray-900 dark:text-white placeholder-gray-400 dark:placeholder-gray-500 transition-all duration-200 disabled:opacity-50 disabled:cursor-not-allowed`,
-        "aria-label": ariaLabel
+        "aria-label": resolvedAriaLabel
       }
     ),
     value && !disabled && /* @__PURE__ */ jsx(
@@ -6576,26 +7744,37 @@ var LoadingSpinner_default = MemoizedLoadingSpinner;
 // ui/src/bichat/index.ts
 init_TableExportButton();
 init_TableWithExport();
+
+// ui/src/bichat/components/Toast.tsx
+init_useTranslation();
 var typeConfig = {
   success: {
-    bgColor: "bg-green-700",
-    darkBgColor: "dark:bg-green-800",
-    icon: /* @__PURE__ */ jsx(CheckCircle, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-emerald-600 dark:text-emerald-400",
+    bg: "bg-emerald-50 dark:bg-emerald-950/40 border-emerald-200/80 dark:border-emerald-800/50",
+    icon: "bg-emerald-100 dark:bg-emerald-900/50",
+    progress: "bg-emerald-500 dark:bg-emerald-400",
+    iconEl: CheckCircle
   },
   error: {
-    bgColor: "bg-red-700",
-    darkBgColor: "dark:bg-red-800",
-    icon: /* @__PURE__ */ jsx(XCircle, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-red-600 dark:text-red-400",
+    bg: "bg-red-50 dark:bg-red-950/40 border-red-200/80 dark:border-red-800/50",
+    icon: "bg-red-100 dark:bg-red-900/50",
+    progress: "bg-red-500 dark:bg-red-400",
+    iconEl: XCircle
   },
   info: {
-    bgColor: "bg-blue-700",
-    darkBgColor: "dark:bg-blue-800",
-    icon: /* @__PURE__ */ jsx(Info, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-blue-600 dark:text-blue-400",
+    bg: "bg-blue-50 dark:bg-blue-950/40 border-blue-200/80 dark:border-blue-800/50",
+    icon: "bg-blue-100 dark:bg-blue-900/50",
+    progress: "bg-blue-500 dark:bg-blue-400",
+    iconEl: Info
   },
   warning: {
-    bgColor: "bg-amber-700",
-    darkBgColor: "dark:bg-amber-800",
-    icon: /* @__PURE__ */ jsx(Warning, { size: 20, className: "w-5 h-5 flex-shrink-0", weight: "fill" })
+    accent: "text-amber-600 dark:text-amber-400",
+    bg: "bg-amber-50 dark:bg-amber-950/40 border-amber-200/80 dark:border-amber-800/50",
+    icon: "bg-amber-100 dark:bg-amber-900/50",
+    progress: "bg-amber-500 dark:bg-amber-400",
+    iconEl: Warning
   }
 };
 function Toast({
@@ -6604,55 +7783,117 @@ function Toast({
   message,
   duration = 5e3,
   onDismiss,
-  dismissLabel = "Dismiss notification"
+  dismissLabel
 }) {
+  const { t } = useTranslation();
+  const resolvedDismissLabel = dismissLabel ?? t("BiChat.Chat.DismissNotification");
   const config = typeConfig[type];
+  const Icon = config.iconEl;
+  const [show, setShow] = useState(false);
+  const [paused, setPaused] = useState(false);
+  const remainingRef = useRef(duration);
+  const startRef = useRef(Date.now());
+  useEffect(() => {
+    const frame = requestAnimationFrame(() => setShow(true));
+    return () => cancelAnimationFrame(frame);
+  }, []);
+  useEffect(() => {
+    if (paused) return;
+    startRef.current = Date.now();
+    const timer = setTimeout(() => {
+      setShow(false);
+      setTimeout(() => onDismiss(id), 200);
+    }, remainingRef.current);
+    return () => {
+      const elapsed = Date.now() - startRef.current;
+      remainingRef.current = Math.max(0, remainingRef.current - elapsed);
+      clearTimeout(timer);
+    };
+  }, [id, paused, onDismiss]);
+  const handleDismiss = useCallback(() => {
+    setShow(false);
+    setTimeout(() => onDismiss(id), 200);
+  }, [id, onDismiss]);
   const ariaLive = type === "error" ? "assertive" : "polite";
   const role = type === "error" || type === "warning" ? "alert" : "status";
-  useEffect(() => {
-    const timer = setTimeout(() => onDismiss(id), duration);
-    return () => clearTimeout(timer);
-  }, [id, duration, onDismiss]);
-  return /* @__PURE__ */ jsxs(
-    motion.div,
+  return /* @__PURE__ */ jsx(
+    Transition,
     {
-      initial: { opacity: 0, y: -50, scale: 0.95 },
-      animate: { opacity: 1, y: 0, scale: 1 },
-      exit: { opacity: 0, scale: 0.95 },
-      transition: { duration: 0.2 },
-      className: `flex items-center gap-3 px-4 py-3 rounded-lg shadow-lg backdrop-blur-sm min-w-[300px] max-w-[400px] text-white ${config.bgColor} ${config.darkBgColor}`,
-      role,
-      "aria-live": ariaLive,
-      "aria-atomic": "true",
-      children: [
-        config.icon,
-        /* @__PURE__ */ jsx("p", { className: "flex-1 text-sm font-medium", children: message }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => onDismiss(id),
-            className: "cursor-pointer ml-2 text-white hover:bg-white/20 p-1 rounded transition-colors flex-shrink-0",
-            "aria-label": dismissLabel,
-            children: /* @__PURE__ */ jsx(X, { size: 16, className: "w-4 h-4", weight: "bold" })
-          }
-        )
-      ]
+      show,
+      enter: "transition duration-200 ease-out",
+      enterFrom: "-translate-y-2 opacity-0 scale-95",
+      enterTo: "translate-y-0 opacity-100 scale-100",
+      leave: "transition duration-150 ease-in",
+      leaveFrom: "translate-y-0 opacity-100 scale-100",
+      leaveTo: "-translate-y-2 opacity-0 scale-95",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `relative flex items-start gap-3 rounded-xl border px-4 py-3 shadow-lg shadow-black/5 dark:shadow-black/20 backdrop-blur-sm min-w-[320px] max-w-[420px] overflow-hidden ${config.bg}`,
+          role,
+          "aria-live": ariaLive,
+          "aria-atomic": "true",
+          onMouseEnter: () => setPaused(true),
+          onMouseLeave: () => setPaused(false),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: `mt-0.5 flex h-7 w-7 shrink-0 items-center justify-center rounded-lg ${config.icon}`, children: /* @__PURE__ */ jsx(Icon, { size: 16, className: config.accent, weight: "fill" }) }),
+            /* @__PURE__ */ jsx("p", { className: "flex-1 pt-0.5 text-sm font-medium leading-snug text-gray-800 dark:text-gray-100", children: message }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: handleDismiss,
+                className: "mt-0.5 -mr-1 cursor-pointer shrink-0 rounded-lg p-1 text-gray-400 hover:text-gray-600 hover:bg-gray-200/60 dark:text-gray-500 dark:hover:text-gray-300 dark:hover:bg-gray-700/60 transition-colors duration-100",
+                "aria-label": resolvedDismissLabel,
+                children: /* @__PURE__ */ jsx(X, { size: 14, weight: "bold" })
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-x-0 bottom-0 h-0.5 bg-black/5 dark:bg-white/5", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: `h-full ${config.progress} origin-left`,
+                style: {
+                  animation: `bichat-toast-progress ${duration}ms linear forwards`,
+                  animationPlayState: paused ? "paused" : "running"
+                }
+              }
+            ) })
+          ]
+        }
+      )
     }
   );
 }
+
+// ui/src/bichat/components/ToastContainer.tsx
+init_useTranslation();
 function ToastContainer({ toasts, onDismiss, dismissLabel }) {
-  return /* @__PURE__ */ jsx("div", { className: "fixed top-4 right-4 sm:top-6 sm:right-6 z-50 flex flex-col gap-2 pointer-events-none", children: /* @__PURE__ */ jsx(AnimatePresence, { children: toasts.map((toast) => /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx(Toast, { ...toast, onDismiss, dismissLabel }) }, toast.id)) }) });
+  const { t } = useTranslation();
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": t("BiChat.Common.Notifications"),
+      className: "fixed top-6 right-6 z-[var(--bichat-z-toast,60)] flex flex-col gap-2 pointer-events-none",
+      children: toasts.map((toast) => /* @__PURE__ */ jsx("div", { className: "pointer-events-auto", children: /* @__PURE__ */ jsx(Toast, { ...toast, onDismiss, dismissLabel }) }, toast.id))
+    }
+  );
 }
+
+// ui/src/bichat/components/ConfirmModal.tsx
+init_useTranslation();
 function ConfirmModalBase({
   isOpen,
   title,
   message,
   onConfirm,
   onCancel,
-  confirmText = "Confirm",
-  cancelText = "Cancel",
+  confirmText,
+  cancelText,
   isDanger = false
 }) {
+  const { t } = useTranslation();
+  const resolvedConfirmText = confirmText ?? t("BiChat.Common.Confirm");
+  const resolvedCancelText = cancelText ?? t("BiChat.Common.Cancel");
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onClose: onCancel, className: "relative z-40", children: [
     /* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-black/40 dark:bg-black/60 backdrop-blur-sm transition-opacity duration-200" }),
     /* @__PURE__ */ jsx("div", { className: "fixed inset-0 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsxs(DialogPanel, { className: "bg-white dark:bg-gray-800 rounded-2xl shadow-xl dark:shadow-2xl dark:shadow-black/30 max-w-sm w-full overflow-hidden", children: [
@@ -6669,9 +7910,9 @@ function ConfirmModalBase({
           {
             onClick: onCancel,
             className: "cursor-pointer px-4 py-2 text-sm font-medium rounded-xl text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700/60 hover:bg-gray-200 dark:hover:bg-gray-700 active:bg-gray-250 dark:active:bg-gray-600 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
-            "aria-label": `Cancel ${title.toLowerCase()}`,
+            "aria-label": resolvedCancelText,
             "data-testid": "confirm-modal-cancel",
-            children: cancelText
+            children: resolvedCancelText
           }
         ),
         /* @__PURE__ */ jsx(
@@ -6684,9 +7925,9 @@ function ConfirmModalBase({
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-800",
               isDanger ? "bg-red-600 hover:bg-red-700 active:bg-red-800 focus-visible:ring-red-500/50" : "bg-primary-600 hover:bg-primary-700 active:bg-primary-800 focus-visible:ring-primary-500/50"
             ].join(" "),
-            "aria-label": `Confirm ${title.toLowerCase()}`,
+            "aria-label": resolvedConfirmText,
             "data-testid": "confirm-modal-confirm",
-            children: confirmText
+            children: resolvedConfirmText
           }
         )
       ] })
@@ -6776,28 +8017,44 @@ function PermissionGuard({
   const permitted = mode === "all" ? permissions.every((p) => hasPermission2(p)) : permissions.some((p) => hasPermission2(p));
   return permitted ? /* @__PURE__ */ jsx(Fragment, { children }) : /* @__PURE__ */ jsx(Fragment, { children: fallback });
 }
+
+// ui/src/bichat/components/ErrorBoundary.tsx
+init_useTranslation();
 function DefaultErrorContent({
   error,
   onReset,
-  resetLabel = "Try Again",
-  errorTitle = "Something went wrong"
+  resetLabel,
+  errorTitle
 }) {
+  const { t } = useTranslation();
+  const resolvedResetLabel = resetLabel ?? t("BiChat.Common.TryAgain");
+  const resolvedErrorTitle = errorTitle ?? t("BiChat.Error.SomethingWentWrong");
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center p-8 text-center min-h-[200px]", children: [
-    /* @__PURE__ */ jsx(WarningCircle, { size: 48, className: "text-red-500 mb-4", weight: "fill" }),
-    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-2", children: errorTitle }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-4 max-w-md", children: error?.message || "An unexpected error occurred. Please try again." }),
-    onReset && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: onReset,
-        className: "flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors",
-        children: [
-          /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, weight: "bold" }),
-          resetLabel
-        ]
-      }
-    )
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none opacity-[0.03] dark:opacity-[0.04]", "aria-hidden": "true", children: /* @__PURE__ */ jsxs("svg", { className: "absolute -top-8 -right-8 w-64 h-64 text-red-500", viewBox: "0 0 200 200", fill: "currentColor", children: [
+      /* @__PURE__ */ jsx("circle", { cx: "100", cy: "100", r: "80", opacity: "0.5" }),
+      /* @__PURE__ */ jsx("circle", { cx: "100", cy: "100", r: "50", opacity: "0.3" }),
+      /* @__PURE__ */ jsx("circle", { cx: "100", cy: "100", r: "25", opacity: "0.2" })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "relative flex flex-col items-center", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative mb-5", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-full bg-red-100 dark:bg-red-900/30 scale-150 blur-md" }),
+        /* @__PURE__ */ jsx("div", { className: "relative flex items-center justify-center w-14 h-14 rounded-full bg-red-50 dark:bg-red-900/20 border border-red-200/60 dark:border-red-800/40", children: /* @__PURE__ */ jsx(WarningCircle, { size: 28, className: "text-red-500 dark:text-red-400", weight: "fill" }) })
+      ] }),
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-1.5", children: resolvedErrorTitle }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400 mb-5 max-w-md leading-relaxed", children: error?.message || t("BiChat.Error.UnexpectedError") }),
+      onReset && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onReset,
+          className: "flex items-center gap-2 px-5 py-2.5 bg-red-600 hover:bg-red-700 active:bg-red-800 text-white rounded-lg transition-colors shadow-sm text-sm font-medium",
+          children: [
+            /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, weight: "bold" }),
+            resolvedResetLabel
+          ]
+        }
+      )
+    ] })
   ] });
 }
 var ErrorBoundary = class extends Component {
@@ -6934,10 +8191,13 @@ var TouchContextMenu = ({
   const [focusedIndex, setFocusedIndex] = useState(-1);
   const menuRef = useRef(null);
   const itemRefs = useRef([]);
-  const enabledIndices = items.reduce((acc, item, i) => {
-    if (!item.disabled) acc.push(i);
-    return acc;
-  }, []);
+  const enabledIndices = useMemo(
+    () => items.reduce((acc, item, i) => {
+      if (!item.disabled) acc.push(i);
+      return acc;
+    }, []),
+    [items]
+  );
   const focusItem = useCallback((index) => {
     setFocusedIndex(index);
     itemRefs.current[index]?.focus();
@@ -6953,7 +8213,7 @@ var TouchContextMenu = ({
       }
     });
     return () => cancelAnimationFrame(timer);
-  }, [isOpen, enabledIndices.length, focusItem]);
+  }, [isOpen, enabledIndices, focusItem]);
   useEffect(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -7251,7 +8511,7 @@ var SessionItem = memo(
                           MenuItems,
                           {
                             anchor: "bottom start",
-                            className: "w-52 bg-white/95 dark:bg-gray-900/95 backdrop-blur rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 z-30 [--anchor-gap:8px] mt-1 p-2 space-y-1",
+                            className: "w-52 bg-white dark:bg-gray-900 rounded-xl shadow-xl border border-gray-200 dark:border-gray-700 z-30 [--anchor-gap:8px] mt-1 p-2 space-y-1",
                             children: [
                               mode !== "archived" && onPin && /* @__PURE__ */ jsx(MenuItem, { children: ({ focus }) => /* @__PURE__ */ jsxs(
                                 "button",
@@ -7377,108 +8637,18 @@ var SessionItem = memo(
           onClose: () => setMenuOpen(false),
           anchorRect: menuAnchor
         }
-      )
-    ] });
-  }
-);
-SessionItem.displayName = "SessionItem";
-var SessionItem_default = SessionItem;
-function DateGroupHeader({ groupName, count }) {
-  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 bg-surface-300 dark:bg-gray-900 px-4 py-2 text-sm font-medium z-10 border-b border-gray-100 dark:border-gray-800", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300 font-semibold", children: groupName }),
-    /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded-full", children: count })
-  ] }) });
-}
-function TabBar({ tabs, activeTab, onTabChange }) {
-  const tablistRef = useRef(null);
-  const handleKeyDown = useCallback(
-    (e) => {
-      const currentIndex = tabs.findIndex((tab) => tab.id === activeTab);
-      if (currentIndex < 0) return;
-      let nextIndex = null;
-      switch (e.key) {
-        case "ArrowRight":
-          e.preventDefault();
-          nextIndex = (currentIndex + 1) % tabs.length;
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
-          break;
-        case "Home":
-          e.preventDefault();
-          nextIndex = 0;
-          break;
-        case "End":
-          e.preventDefault();
-          nextIndex = tabs.length - 1;
-          break;
-      }
-      if (nextIndex !== null) {
-        onTabChange(tabs[nextIndex].id);
-        const tablist = tablistRef.current;
-        if (tablist) {
-          const buttons = tablist.querySelectorAll('[role="tab"]');
-          buttons[nextIndex]?.focus();
-        }
-      }
-    },
-    [tabs, activeTab, onTabChange]
-  );
-  if (tabs.length === 0) {
-    return null;
+      )
+    ] });
   }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: tablistRef,
-      className: "flex justify-center gap-1 px-4 pt-4 pb-2 border-b border-gray-200 dark:border-gray-700",
-      role: "tablist",
-      onKeyDown: handleKeyDown,
-      children: tabs.map((tab) => /* @__PURE__ */ jsx(
-        TabButton,
-        {
-          id: tab.id,
-          label: tab.label,
-          isActive: activeTab === tab.id,
-          onClick: () => onTabChange(tab.id)
-        },
-        tab.id
-      ))
-    }
-  );
-}
-function TabButton({ id, label, isActive, onClick }) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      id,
-      role: "tab",
-      "aria-selected": isActive,
-      "aria-controls": `${id}-panel`,
-      tabIndex: isActive ? 0 : -1,
-      onClick,
-      className: `
-        cursor-pointer relative px-4 py-2 rounded-t-lg text-sm font-medium transition-smooth focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50
-        ${isActive ? "text-primary-700 dark:text-primary-400" : "text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200"}
-      `,
-      children: [
-        label,
-        isActive && /* @__PURE__ */ jsx(
-          motion.div,
-          {
-            layoutId: "activeTab",
-            className: "absolute bottom-0 left-0 right-0 h-0.5 bg-primary-600 dark:bg-primary-500",
-            transition: { duration: 0.2, ease: [0.4, 0, 0.2, 1] }
-          }
-        )
-      ]
-    }
-  );
+);
+SessionItem.displayName = "SessionItem";
+var SessionItem_default = SessionItem;
+function DateGroupHeader({ groupName, count }) {
+  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 bg-surface-300 dark:bg-gray-900 px-4 py-2 text-sm font-medium z-10 border-b border-gray-100 dark:border-gray-800", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-gray-700 dark:text-gray-300 font-semibold", children: groupName }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 px-2 py-0.5 rounded-full", children: count })
+  ] }) });
 }
-var MemoizedTabBar = memo(TabBar);
-MemoizedTabBar.displayName = "TabBar";
-var TabBar_default = MemoizedTabBar;
 init_useTranslation();
 function UserFilter({ users, selectedUser, onUserChange, loading }) {
   const { t } = useTranslation();
@@ -7814,12 +8984,32 @@ init_useTranslation();
 function generateId() {
   return Math.random().toString(36).substring(7);
 }
+var DEDUPE_WINDOW_MS = 2500;
+var MAX_ACTIVE_TOASTS = 5;
 function useToast() {
   const [toasts, setToasts] = useState([]);
+  const recentToastMapRef = useRef(/* @__PURE__ */ new Map());
   const showToast = useCallback(
     (type, message, duration) => {
+      const normalizedMessage = message.trim().toLowerCase();
+      const key2 = `${type}:${normalizedMessage}`;
+      const now = Date.now();
+      const lastShownAt = recentToastMapRef.current.get(key2);
+      if (lastShownAt && now - lastShownAt < DEDUPE_WINDOW_MS) {
+        return;
+      }
+      for (const [mapKey, ts] of recentToastMapRef.current.entries()) {
+        if (now - ts > DEDUPE_WINDOW_MS * 4) {
+          recentToastMapRef.current.delete(mapKey);
+        }
+      }
+      recentToastMapRef.current.set(key2, now);
       const id = generateId();
-      setToasts((prev) => [...prev, { id, type, message, duration }]);
+      setToasts((prev) => {
+        const next = [...prev, { id, type, message, duration }];
+        if (next.length <= MAX_ACTIVE_TOASTS) return next;
+        return next.slice(next.length - MAX_ACTIVE_TOASTS);
+      });
     },
     []
   );
@@ -7828,6 +9018,7 @@ function useToast() {
   }, []);
   const dismissAll = useCallback(() => {
     setToasts([]);
+    recentToastMapRef.current.clear();
   }, []);
   return {
     toasts,
@@ -7886,49 +9077,6 @@ function groupSessionsByDate(sessions, t) {
   });
   return groups;
 }
-
-// ui/src/bichat/utils/errorDisplay.ts
-function isPermissionDeniedError(error) {
-  if (!error) return false;
-  if (error instanceof Error) {
-    const msg = error.message.toLowerCase();
-    if (msg.includes("forbidden") || msg.includes("permission denied")) return true;
-  }
-  if (typeof error === "object" && error !== null) {
-    const obj = error;
-    if (obj.code === "forbidden" || obj.code === 403) return true;
-    if (obj.status === 403) return true;
-    if (obj.statusCode === 403) return true;
-    if (typeof obj.response === "object" && obj.response !== null) {
-      const resp = obj.response;
-      if (resp.status === 403) return true;
-    }
-  }
-  if (typeof error === "string") {
-    const lower = error.toLowerCase();
-    if (lower.includes("forbidden") || lower.includes("permission denied")) return true;
-  }
-  return false;
-}
-function toErrorDisplay(error, fallbackTitle) {
-  const permDenied = isPermissionDeniedError(error);
-  let title = fallbackTitle;
-  let description = "";
-  if (error instanceof Error) {
-    description = error.message;
-  } else if (typeof error === "object" && error !== null) {
-    const obj = error;
-    if (typeof obj.message === "string" && obj.message) description = obj.message;
-    if (typeof obj.title === "string" && obj.title) title = obj.title;
-    if (typeof obj.detail === "string" && obj.detail) description = obj.detail;
-  } else if (typeof error === "string") {
-    description = error;
-  }
-  if (permDenied && !description) {
-    description = "Your account does not have permission for this action.";
-  }
-  return { title, description, isPermissionDenied: permDenied };
-}
 function ErrorAlert({ error }) {
   const amber = error.isPermissionDenied;
   return /* @__PURE__ */ jsxs(
@@ -8012,7 +9160,7 @@ function Sidebar2({
   const shouldReduceMotion = useReducedMotion();
   const sessionListRef = useRef(null);
   const searchContainerRef = useRef(null);
-  const { isCollapsed, isCollapsedRef, toggle, expand, collapse } = useSidebarCollapse();
+  const { isCollapsed, toggle, collapse } = useSidebarCollapse();
   const collapsible = !onClose;
   const handleSidebarClick = useCallback(
     (e) => {
@@ -8023,17 +9171,6 @@ function Sidebar2({
     },
     [collapsible, toggle]
   );
-  const focusSearch = useCallback(() => {
-    if (!collapsible) return;
-    if (isCollapsedRef.current) {
-      expand();
-      setTimeout(() => {
-        searchContainerRef.current?.querySelector("input")?.focus();
-      }, 250);
-    } else {
-      searchContainerRef.current?.querySelector("input")?.focus();
-    }
-  }, [collapsible, expand, isCollapsedRef]);
   useEffect(() => {
     if (!collapsible) return;
     const handleKeyDown = (e) => {
@@ -8042,14 +9179,10 @@ function Sidebar2({
         e.preventDefault();
         toggle();
       }
-      if (isMod && e.key === "k") {
-        e.preventDefault();
-        focusSearch();
-      }
     };
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [collapsible, toggle, focusSearch]);
+  }, [collapsible, toggle]);
   useEffect(() => {
     if (!collapsible) return;
     const handler = (e) => {
@@ -8072,13 +9205,6 @@ function Sidebar2({
   const [refreshKey, setRefreshKey] = useState(0);
   const [showConfirm, setShowConfirm] = useState(false);
   const [sessionToArchive, setSessionToArchive] = useState(null);
-  const tabs = useMemo(() => {
-    const items = [{ id: "my-chats", label: t("BiChat.Sidebar.MyChats") }];
-    if (showAllChatsTab) {
-      items.push({ id: "all-chats", label: t("BiChat.Sidebar.AllChats") });
-    }
-    return items;
-  }, [showAllChatsTab, t]);
   const fetchSessions = useCallback(async () => {
     try {
       setLoading(true);
@@ -8291,14 +9417,6 @@ function Sidebar2({
                     }
                   )
                 ] }),
-                showAllChatsTab && /* @__PURE__ */ jsx(
-                  TabBar_default,
-                  {
-                    tabs,
-                    activeTab,
-                    onTabChange: (id) => setActiveTab(id)
-                  }
-                ),
                 activeTab === "all-chats" && showAllChatsTab ? /* @__PURE__ */ jsx(
                   AllChatsList,
                   {
@@ -8919,232 +10037,73 @@ function BiChatLayout({
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [closeMobile, isMobile, isMobileOpen]);
   const handleDrawerDragEnd = (_, info) => {
-    if (info.offset.x < -80) {
-      closeMobile();
-    }
-  };
-  const content = routeKey ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: "flex flex-1 min-h-0",
-      initial: { opacity: 0, y: 4 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -4 },
-      transition: { duration: 0.15, ease: "easeOut" },
-      children
-    },
-    routeKey
-  ) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-1 min-h-0", children });
-  return /* @__PURE__ */ jsxs("div", { className: `relative flex flex-1 w-full h-full min-h-0 overflow-hidden ${className}`, children: [
-    /* @__PURE__ */ jsx(SkipLink, {}),
-    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: renderSidebar({}) }),
-    /* @__PURE__ */ jsx(AnimatePresence, { children: isMobile && isMobileOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          className: "fixed inset-0 z-40 bg-black/40",
-          initial: { opacity: 0 },
-          animate: { opacity: 1 },
-          exit: { opacity: 0 },
-          onClick: closeMobile,
-          "aria-hidden": "true"
-        },
-        "sidebar-backdrop"
-      ),
-      /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          className: "fixed inset-y-0 left-0 z-50 w-[18rem] max-w-[85vw] shadow-2xl",
-          initial: { x: "-100%" },
-          animate: { x: 0 },
-          exit: { x: "-100%" },
-          transition: { type: "spring", stiffness: 320, damping: 32 },
-          drag: "x",
-          dragDirectionLock: true,
-          dragConstraints: { left: -120, right: 0 },
-          dragElastic: { left: 0.2, right: 0 },
-          onDragEnd: handleDrawerDragEnd,
-          onClick: (e) => e.stopPropagation(),
-          children: /* @__PURE__ */ jsx("div", { ref: drawerRef, className: "h-full bg-white dark:bg-gray-900", children: renderSidebar({ onClose: closeMobile }) })
-        },
-        "sidebar-drawer"
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs("main", { id: "main-content", className: "relative flex-1 flex flex-col min-h-0 overflow-hidden", children: [
-      isMobile && !isMobileOpen && /* @__PURE__ */ jsx(
-        "button",
-        {
-          ref: menuButtonRef,
-          onClick: openMobile,
-          className: "md:hidden absolute top-3 left-3 z-30 w-10 h-10 rounded-xl bg-white/90 dark:bg-gray-900/90 text-gray-700 dark:text-gray-200 border border-gray-200/60 dark:border-gray-800/80 shadow-sm flex items-center justify-center hover:bg-white dark:hover:bg-gray-900 transition-colors cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-400/50",
-          "aria-label": t("BiChat.Layout.OpenSidebar"),
-          title: t("BiChat.Layout.OpenSidebar"),
-          children: /* @__PURE__ */ jsx(List, { size: 20, weight: "bold" })
-        }
-      ),
-      content
-    ] })
-  ] });
-}
-init_useTranslation();
-var variantStyles = {
-  error: {
-    container: "border-red-200 bg-red-50 dark:bg-red-900/20",
-    title: "text-red-800 dark:text-red-300",
-    message: "text-red-700 dark:text-red-400",
-    icon: "text-red-600 dark:text-red-400",
-    button: "text-red-400 hover:text-red-600 dark:hover:text-red-300",
-    retryButton: "bg-red-600 dark:bg-red-700 hover:bg-red-700 dark:hover:bg-red-800 text-white",
-    Icon: XCircle
-  },
-  success: {
-    container: "border-green-200 bg-green-50 dark:bg-green-900/20",
-    title: "text-green-800 dark:text-green-300",
-    message: "text-green-700 dark:text-green-400",
-    icon: "text-green-600 dark:text-green-400",
-    button: "text-green-400 hover:text-green-600 dark:hover:text-green-300",
-    retryButton: "bg-green-600 dark:bg-green-700 hover:bg-green-700 dark:hover:bg-green-800 text-white",
-    Icon: CheckCircle
-  },
-  warning: {
-    container: "border-yellow-200 bg-yellow-50 dark:bg-yellow-900/20",
-    title: "text-yellow-800 dark:text-yellow-300",
-    message: "text-yellow-700 dark:text-yellow-400",
-    icon: "text-yellow-600 dark:text-yellow-400",
-    button: "text-yellow-400 hover:text-yellow-600 dark:hover:text-yellow-300",
-    retryButton: "bg-yellow-600 dark:bg-yellow-700 hover:bg-yellow-700 dark:hover:bg-yellow-800 text-white",
-    Icon: Warning
-  },
-  info: {
-    container: "border-blue-200 bg-blue-50 dark:bg-blue-900/20",
-    title: "text-blue-800 dark:text-blue-300",
-    message: "text-blue-700 dark:text-blue-400",
-    icon: "text-blue-600 dark:text-blue-400",
-    button: "text-blue-400 hover:text-blue-600 dark:hover:text-blue-300",
-    retryButton: "bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white",
-    Icon: Info
-  }
-};
-function Alert({
-  variant = "info",
-  message,
-  title,
-  onDismiss,
-  onRetry,
-  show = true,
-  dismissible = true
-}) {
-  const { t } = useTranslation();
-  const styles = variantStyles[variant];
-  const IconComponent = styles.Icon;
-  return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      variants: errorMessageVariants,
-      initial: "initial",
-      animate: "animate",
-      exit: "exit",
-      className: `border-t border ${styles.container} px-4 py-3`,
-      role: "alert",
-      "aria-live": "assertive",
-      children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
-          /* @__PURE__ */ jsx(IconComponent, { size: 20, className: `w-5 h-5 ${styles.icon} flex-shrink-0 mt-0.5` }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-            title && /* @__PURE__ */ jsx("p", { className: `text-sm ${styles.title} font-medium`, children: title }),
-            /* @__PURE__ */ jsx("p", { className: `text-sm ${styles.message} ${title ? "mt-1" : ""}`, children: message }),
-            onRetry && /* @__PURE__ */ jsx(
-              "button",
-              {
-                onClick: onRetry,
-                className: `mt-2 text-xs px-3 py-1.5 rounded ${styles.retryButton} transition-colors font-medium`,
-                children: t("BiChat.Chat.Retry")
-              }
-            )
-          ] })
-        ] }),
-        dismissible && onDismiss && /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onDismiss,
-            className: `${styles.button} transition-colors flex-shrink-0`,
-            "aria-label": t("BiChat.Chat.DismissNotification"),
-            children: /* @__PURE__ */ jsx(X, { size: 20, className: "w-5 h-5" })
-          }
-        )
-      ] })
-    }
-  ) });
-}
-var Alert_default = memo(Alert);
-init_useTranslation();
-function ArchiveBanner({
-  show = true,
-  onRestore,
-  restoring = false,
-  onRestoreComplete
-}) {
-  const { t } = useTranslation();
-  const [error, setError] = useState(null);
-  const handleRestore = async () => {
-    try {
-      setError(null);
-      if (onRestore) {
-        await onRestore();
-      }
-      if (onRestoreComplete) {
-        onRestoreComplete();
-      }
-    } catch (err) {
-      const message = err instanceof Error ? err.message : t("BiChat.Archive.RestoreFailed");
-      setError(message);
+    if (info.offset.x < -80) {
+      closeMobile();
     }
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        variants: errorMessageVariants,
-        initial: "initial",
-        animate: "animate",
-        exit: "exit",
-        className: "border-t border border-blue-200 bg-blue-50 dark:bg-blue-900/20 px-4 py-3",
-        role: "region",
-        "aria-label": t("BiChat.Archive.Banner"),
-        children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-start justify-between px-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 flex-1", children: [
-            /* @__PURE__ */ jsx(Archive, { size: 20, className: "w-5 h-5 text-blue-600 dark:text-blue-400 flex-shrink-0 mt-0.5" }),
-            /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-700 dark:text-blue-400", children: t("BiChat.Archive.Archived") }) })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: handleRestore,
-              disabled: restoring,
-              className: "ml-2 flex-shrink-0 px-3 py-1.5 text-xs font-medium bg-blue-600 dark:bg-blue-700 hover:bg-blue-700 dark:hover:bg-blue-800 text-white rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1.5",
-              "aria-label": t("BiChat.Archive.Restore"),
-              children: restoring ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Spinner, { size: 16, className: "w-4 h-4 animate-spin" }),
-                t("BiChat.Archive.Restoring")
-              ] }) : t("BiChat.Archive.Restore")
-            }
-          )
-        ] })
-      }
-    ) }),
-    error && /* @__PURE__ */ jsx(
-      Alert_default,
-      {
-        variant: "error",
-        message: error,
-        title: t("BiChat.Archive.RestoreFailed"),
-        onDismiss: () => setError(null),
-        dismissible: true
-      }
-    )
+  const content = routeKey ? /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      className: "flex flex-1 min-h-0",
+      initial: { opacity: 0, y: 4 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -4 },
+      transition: { duration: 0.15, ease: "easeOut" },
+      children
+    },
+    routeKey
+  ) }) : /* @__PURE__ */ jsx("div", { className: "flex flex-1 min-h-0", children });
+  return /* @__PURE__ */ jsxs("div", { className: `relative flex flex-1 w-full h-full min-h-0 overflow-hidden ${className}`, children: [
+    /* @__PURE__ */ jsx(SkipLink, {}),
+    /* @__PURE__ */ jsx("div", { className: "hidden md:block", children: renderSidebar({}) }),
+    /* @__PURE__ */ jsx(AnimatePresence, { children: isMobile && isMobileOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "fixed inset-0 z-40 bg-black/40",
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          onClick: closeMobile,
+          "aria-hidden": "true"
+        },
+        "sidebar-backdrop"
+      ),
+      /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          className: "fixed inset-y-0 left-0 z-50 w-[18rem] max-w-[85vw] shadow-2xl",
+          initial: { x: "-100%" },
+          animate: { x: 0 },
+          exit: { x: "-100%" },
+          transition: { type: "spring", stiffness: 320, damping: 32 },
+          drag: "x",
+          dragDirectionLock: true,
+          dragConstraints: { left: -120, right: 0 },
+          dragElastic: { left: 0.2, right: 0 },
+          onDragEnd: handleDrawerDragEnd,
+          onClick: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ jsx("div", { ref: drawerRef, className: "h-full bg-white dark:bg-gray-900", children: renderSidebar({ onClose: closeMobile }) })
+        },
+        "sidebar-drawer"
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxs("main", { id: "main-content", className: "relative flex-1 flex flex-col min-h-0 overflow-hidden", children: [
+      isMobile && !isMobileOpen && /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: menuButtonRef,
+          onClick: openMobile,
+          className: "md:hidden absolute top-3 left-3 z-30 w-10 h-10 rounded-xl bg-white/90 dark:bg-gray-900/90 text-gray-700 dark:text-gray-200 border border-gray-200/60 dark:border-gray-800/80 shadow-sm flex items-center justify-center hover:bg-white dark:hover:bg-gray-900 transition-colors cursor-pointer focus-visible:ring-2 focus-visible:ring-primary-400/50",
+          "aria-label": t("BiChat.Layout.OpenSidebar"),
+          title: t("BiChat.Layout.OpenSidebar"),
+          children: /* @__PURE__ */ jsx(List, { size: 20, weight: "bold" })
+        }
+      ),
+      content
+    ] })
   ] });
 }
-var ArchiveBanner_default = memo(ArchiveBanner);
 
 // ui/src/bichat/components/RetryActionArea.tsx
 init_useTranslation();
@@ -9198,66 +10157,6 @@ var RetryActionArea = memo(function RetryActionArea2({
     )
   );
 });
-
-// ui/src/bichat/components/StreamError.tsx
-init_useTranslation();
-function StreamError({
-  error,
-  onRetry,
-  onRegenerate,
-  compact = false
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 10 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: -10 },
-      className: `flex items-center gap-3 ${compact ? "p-3" : "p-4"} bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg`,
-      role: "alert",
-      children: [
-        /* @__PURE__ */ jsx(
-          Warning,
-          {
-            className: "w-5 h-5 text-red-500 dark:text-red-400 flex-shrink-0",
-            weight: "fill"
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-red-800 dark:text-red-200", children: t("BiChat.Error.Generic") }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-red-600 dark:text-red-300 break-words", children: error })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-          onRetry && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: onRetry,
-              className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-red-700 dark:text-red-200 bg-red-100 dark:bg-red-800/50 hover:bg-red-200 dark:hover:bg-red-800 rounded-md transition-colors",
-              type: "button",
-              children: [
-                /* @__PURE__ */ jsx(ArrowClockwise, { className: "w-4 h-4" }),
-                t("BiChat.StreamError.Retry")
-              ]
-            }
-          ),
-          onRegenerate && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: onRegenerate,
-              className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-sm font-medium text-gray-700 dark:text-gray-200 bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 rounded-md transition-colors",
-              type: "button",
-              children: [
-                /* @__PURE__ */ jsx(ArrowsCounterClockwise, { className: "w-4 h-4" }),
-                t("BiChat.StreamError.Regenerate")
-              ]
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
 init_useTranslation();
 function MessageActions({
   message,
@@ -10656,9 +11555,10 @@ function useMarkdownCopy(options = {}) {
   const [copiedStates, setCopiedStates] = useState(/* @__PURE__ */ new Map());
   const timeoutsRef = useRef(/* @__PURE__ */ new Map());
   useEffect(() => {
+    const timeouts = timeoutsRef.current;
     return () => {
-      timeoutsRef.current.forEach((timeout) => clearTimeout(timeout));
-      timeoutsRef.current.clear();
+      timeouts.forEach((timeout) => clearTimeout(timeout));
+      timeouts.clear();
     };
   }, []);
   const isCopied = useCallback(
@@ -10781,8 +11681,9 @@ function ConfigProvider({ config, useGlobalConfig = false, children }) {
   if (config) {
     resolvedConfig = config;
   } else if (useGlobalConfig && typeof window !== "undefined") {
-    const globalContext = window.__BICHAT_CONTEXT__;
-    const globalCSRF = window.__CSRF_TOKEN__;
+    const w = window;
+    const globalContext = w.__APPLET_CONTEXT__;
+    const globalCSRF = w.__CSRF_TOKEN__;
     if (globalContext) {
       resolvedConfig = {
         user: {
@@ -10979,98 +11880,6 @@ function createHeadersWithCSRF(init) {
   return addCSRFHeader(headers);
 }
 
-// ui/src/applet-devtools/enabled.ts
-function shouldEnableAppletDevtools() {
-  if (typeof window === "undefined") return false;
-  const url = new URL(window.location.href);
-  if (url.searchParams.get("appletDebug") === "1") return true;
-  try {
-    return window.localStorage.getItem("iotaAppletDevtools") === "1";
-  } catch {
-    return false;
-  }
-}
-
-// ui/src/applet-host/rpc.ts
-var AppletRPCException = class extends Error {
-  constructor(args) {
-    super(args.message);
-    this.name = "AppletRPCException";
-    this.code = args.code;
-    this.details = args.details;
-    this.cause = args.cause;
-  }
-};
-function createAppletRPCClient(options) {
-  const fetcher = options.fetcher ?? fetch;
-  async function call(method, params) {
-    const req = { id: crypto.randomUUID(), method, params };
-    const startedAt = typeof performance !== "undefined" ? performance.now() : Date.now();
-    maybeDispatchRPCEvent({
-      id: req.id,
-      method: req.method,
-      status: "start"
-    });
-    try {
-      const resp = await fetcher(options.endpoint, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(req)
-      });
-      if (!resp.ok) {
-        throw new AppletRPCException({
-          code: "http_error",
-          message: `HTTP ${resp.status}`,
-          details: { status: resp.status }
-        });
-      }
-      const json = await resp.json();
-      if (json.error) {
-        throw new AppletRPCException({
-          code: json.error.code,
-          message: json.error.message,
-          details: json.error.details
-        });
-      }
-      if (json.result === void 0) {
-        throw new AppletRPCException({
-          code: "invalid_response",
-          message: "Missing result in successful response"
-        });
-      }
-      maybeDispatchRPCEvent({
-        id: req.id,
-        method: req.method,
-        status: "success",
-        durationMs: elapsedMs(startedAt)
-      });
-      return json.result;
-    } catch (err) {
-      maybeDispatchRPCEvent({
-        id: req.id,
-        method: req.method,
-        status: "error",
-        durationMs: elapsedMs(startedAt),
-        error: err
-      });
-      throw err;
-    }
-  }
-  async function callTyped(method, params) {
-    return call(method, params);
-  }
-  return { call, callTyped };
-}
-function maybeDispatchRPCEvent(detail) {
-  if (typeof window === "undefined") return;
-  if (!shouldEnableAppletDevtools()) return;
-  window.dispatchEvent(new CustomEvent("iota:applet-rpc", { detail }));
-}
-function elapsedMs(startedAt) {
-  const now = typeof performance !== "undefined" ? performance.now() : Date.now();
-  return Math.max(0, Math.round(now - startedAt));
-}
-
 // ui/src/bichat/data/HttpDataSource.ts
 init_chartSpec();
 
@@ -11116,7 +11925,9 @@ async function* parseSSEStream(reader) {
     reader.releaseLock();
   }
 }
+var TERMINAL_TYPES = /* @__PURE__ */ new Set(["done", "error"]);
 async function* parseBichatStream(reader) {
+  let yieldedTerminal = false;
   for await (const event of parseSSEStream(reader)) {
     const parsed = event;
     const inferredType = parsed.type || (parsed.content ? "content" : "error");
@@ -11124,11 +11935,50 @@ async function* parseBichatStream(reader) {
       ...parsed,
       type: inferredType
     };
+    if (TERMINAL_TYPES.has(inferredType)) {
+      yieldedTerminal = true;
+    }
     yield normalized;
   }
+  if (!yieldedTerminal) {
+    yield { type: "done" };
+  }
+}
+async function* parseBichatStreamEvents(reader) {
+  for await (const chunk of parseBichatStream(reader)) {
+    const event = toStreamEvent(chunk);
+    if (event) yield event;
+  }
+}
+function toStreamEvent(chunk) {
+  switch (chunk.type) {
+    case "chunk":
+    case "content":
+      return { type: "content", content: chunk.content ?? "" };
+    case "tool_start":
+      return chunk.tool ? { type: "tool_start", tool: chunk.tool } : null;
+    case "tool_end":
+      return chunk.tool ? { type: "tool_end", tool: chunk.tool } : null;
+    case "usage":
+      return chunk.usage ? { type: "usage", usage: chunk.usage } : null;
+    case "user_message":
+      return chunk.sessionId ? { type: "user_message", sessionId: chunk.sessionId } : null;
+    case "interrupt":
+      return chunk.interrupt ? { type: "interrupt", interrupt: chunk.interrupt, sessionId: chunk.sessionId } : null;
+    case "done":
+      return { type: "done", sessionId: chunk.sessionId, generationMs: chunk.generationMs };
+    case "error":
+      return { type: "error", error: chunk.error ?? "Unknown error" };
+    default:
+      return null;
+  }
 }
 
 // ui/src/bichat/data/HttpDataSource.ts
+function isSessionNotFoundError(err) {
+  if (!(err instanceof AppletRPCException)) return false;
+  return err.code === "not_found" || err.code === "session_not_found";
+}
 function toSession(session) {
   return {
     ...session,
@@ -11316,34 +12166,18 @@ function attachArtifactsToTurns(turns, artifacts) {
       }
     };
   });
-  const assistantPositions = [];
   const turnIndexByMessageID = /* @__PURE__ */ new Map();
   nextTurns.forEach((turn, index) => {
     turnIndexByMessageID.set(turn.userTurn.id, index);
     const assistantTurn = turn.assistantTurn;
     if (!assistantTurn) return;
     turnIndexByMessageID.set(assistantTurn.id, index);
-    assistantPositions.push({
-      index,
-      createdAtMs: toMillis(assistantTurn.createdAt || turn.createdAt)
-    });
   });
-  if (assistantPositions.length === 0) return turns;
-  const findFallbackAssistantIndex = (artifactCreatedAt) => {
-    const artifactMs = toMillis(artifactCreatedAt);
-    if (!Number.isFinite(artifactMs)) {
-      return assistantPositions[assistantPositions.length - 1].index;
-    }
-    for (const pos of assistantPositions) {
-      if (Number.isFinite(pos.createdAtMs) && pos.createdAtMs >= artifactMs) {
-        return pos.index;
-      }
-    }
-    return assistantPositions[assistantPositions.length - 1].index;
-  };
   for (const entry of downloadArtifacts) {
     const messageID = entry.raw.messageId;
-    const targetIndex = (messageID ? turnIndexByMessageID.get(messageID) : void 0) ?? findFallbackAssistantIndex(entry.raw.createdAt);
+    if (!messageID) continue;
+    const targetIndex = turnIndexByMessageID.get(messageID);
+    if (targetIndex === void 0) continue;
     const assistantTurn = nextTurns[targetIndex]?.assistantTurn;
     if (!assistantTurn) continue;
     const exists = assistantTurn.artifacts.some(
@@ -11355,7 +12189,9 @@ function attachArtifactsToTurns(turns, artifacts) {
   }
   for (const raw of chartArtifacts) {
     const messageID = raw.messageId;
-    const targetIndex = (messageID ? turnIndexByMessageID.get(messageID) : void 0) ?? findFallbackAssistantIndex(raw.createdAt);
+    if (!messageID) continue;
+    const targetIndex = turnIndexByMessageID.get(messageID);
+    if (targetIndex === void 0) continue;
     const assistantTurn = nextTurns[targetIndex]?.assistantTurn;
     if (!assistantTurn) continue;
     if (assistantTurn.chartData) continue;
@@ -11381,7 +12217,8 @@ var HttpDataSource = class {
       this.navigateToSession = config.navigateToSession;
     }
     this.rpc = createAppletRPCClient({
-      endpoint: `${this.config.baseUrl}${this.config.rpcEndpoint}`
+      endpoint: `${this.config.baseUrl}${this.config.rpcEndpoint}`,
+      timeoutMs: this.config.timeout
     });
   }
   /**
@@ -11437,8 +12274,11 @@ var HttpDataSource = class {
         pendingQuestion: toPendingQuestion(data.pendingQuestion)
       };
     } catch (err) {
+      if (isSessionNotFoundError(err)) {
+        return null;
+      }
       console.error("Failed to fetch session:", err);
-      return null;
+      throw err instanceof Error ? err : new Error("Failed to fetch session");
     }
   }
   async fetchSessionArtifacts(sessionId, options) {
@@ -11527,15 +12367,28 @@ var HttpDataSource = class {
         url: a.url
       }))
     };
+    let connectionTimeoutID;
+    let connectionTimedOut = false;
     try {
+      const timeoutMs = this.config.timeout ?? 0;
+      if (timeoutMs > 0) {
+        connectionTimeoutID = setTimeout(() => {
+          connectionTimedOut = true;
+          this.abortController?.abort();
+        }, timeoutMs);
+      }
       const response = await fetch(url, {
         method: "POST",
         headers: this.createHeaders(),
         body: JSON.stringify(payload),
         signal: this.abortController.signal
       });
+      if (connectionTimeoutID !== void 0) {
+        clearTimeout(connectionTimeoutID);
+        connectionTimeoutID = void 0;
+      }
       if (!response.ok) {
-        throw new Error(`Stream request failed: ${response.statusText}`);
+        throw new Error(`Stream request failed: HTTP ${response.status}`);
       }
       if (!response.body) {
         throw new Error("Response body is null");
@@ -11552,7 +12405,7 @@ var HttpDataSource = class {
         if (err.name === "AbortError") {
           yield {
             type: "error",
-            error: "Stream cancelled"
+            error: connectionTimedOut ? `Stream request timed out after ${this.config.timeout}ms` : "Stream cancelled"
           };
         } else {
           yield {
@@ -11567,6 +12420,9 @@ var HttpDataSource = class {
         };
       }
     } finally {
+      if (connectionTimeoutID !== void 0) {
+        clearTimeout(connectionTimeoutID);
+      }
       if (signal && onExternalAbort) {
         signal.removeEventListener("abort", onExternalAbort);
       }
@@ -11681,6 +12537,6 @@ function createHttpDataSource(config) {
   return new HttpDataSource(config);
 }
 
-export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, MemoizedTabBar as TabBar, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getValidChildren, groupSessionsByDate, hasPermission, isImageMimeType, isPermissionDeniedError, lightTheme, listItemVariants, messageContainerVariants, messageVariants, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toErrorDisplay, toastVariants, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useFocusTrap, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
+export { ATTACHMENT_ACCEPT_ATTRIBUTE, ActionButton, Alert_default as Alert, AllChatsList, ArchiveBanner_default as ArchiveBanner, ArchivedChatList, AssistantMessage, AssistantTurnView, MemoizedAttachmentGrid as AttachmentGrid, AttachmentPreview_default as AttachmentPreview, AttachmentUpload_default as AttachmentUpload, Avatar, BiChatLayout, Bubble, CHART_VISUAL, ChartCard, ChatHeader, ChatMachine, ChatSession, ChatSessionProvider, MemoizedCodeBlock as CodeBlock, CodeOutputsPanel, CompactionDoodle, ConfigProvider, ConfirmModal, ConfirmationStep, DateGroupHeader, DebugPanel, DefaultErrorContent, DownloadCard, MemoizedEditableText as EditableText, MemoizedEmptyState as EmptyState, ErrorBoundary, HttpDataSource, ImageModal, InlineQuestionForm, IotaContextProvider, ListItemSkeleton, MemoizedLoadingSpinner as LoadingSpinner, MemoizedMarkdownRenderer as MarkdownRenderer, MessageActions, MessageInput, MessageList, MessageRole, PermissionGuard, QuestionForm, QuestionStep, RateLimiter, RetryActionArea, ScreenReaderAnnouncer, ScrollToBottomButton, MemoizedSearchInput as SearchInput, SessionArtifactList, SessionArtifactPreview, SessionArtifactsPanel, SessionItem_default as SessionItem, SessionSkeleton, Sidebar2 as Sidebar, MemoizedSkeleton as Skeleton, SkeletonAvatar, SkeletonCard, SkeletonGroup, SkeletonText, SkipLink, Slot, SourcesPanel, StreamError, StreamingCursor, SystemMessage, TableExportButton, TableWithExport, ThemeProvider, Toast, ToastContainer, TouchContextMenu, Turn, TurnBubble, MemoizedTypingIndicator as TypingIndicator, MemoizedUserAvatar as UserAvatar, MemoizedUserFilter as UserFilter, UserMessage, UserTurnView, WelcomeContent, addCSRFHeader, backdropVariants, buttonVariants, convertToBase64, createDataUrl, createHeadersWithCSRF, createHttpDataSource, darkTheme, dropdownVariants, errorMessageVariants, fadeInUpVariants, fadeInVariants, floatingButtonVariants, formatFileSize, getCSRFToken, getFileVisual, getValidChildren, groupSessionsByDate, hasPermission, isImageMimeType, isPermissionDeniedError, lightTheme, listItemVariants, messageContainerVariants, messageVariants, parseBichatStream, parseBichatStreamEvents, parseSSEStream, scaleFadeVariants, sessionItemVariants, staggerContainerVariants, toErrorDisplay, typingDotVariants, useActionButtonContext, useAttachments, useAutoScroll, useAvatarContext, useBubbleContext, useChatInput, useChatMessaging, useChatSession, useConfig, useFocusTrap, useImageGallery, useIotaContext, useKeyboardShortcuts, useLongPress, useMarkdownCopy, useMessageActions, useModalLock, useOptionalChatMessaging, useRequiredConfig, useScrollToBottom, useSidebarState, useStreaming, useTheme, useToast, useTranslation, useTurnContext, validateAttachmentFile, validateFileCount, validateImageFile, verbTransitionVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map