@iota-uz/sdk 0.4.17 → 0.4.20

package/dist/bichat/index.mjs

@@ -1,16 +1,16 @@
-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 React, { createContext, memo, useState, useEffect, useMemo, useCallback, lazy, forwardRef, useRef, useImperativeHandle, isValidElement, cloneElement, useContext, useId, useSyncExternalStore, Suspense, Component, Children } from 'react';
+import { jsxs, jsx, 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, 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 { Warning, ArrowClockwise, X, Bug, ArrowUp, ArrowDown, Stack, Paperclip, PaperPlaneRight, CircleNotch, ArrowUUpLeft, PencilSimple, Check, Bookmark, ArrowsClockwise, Archive, Trash, DotsThree, Image, ArrowCounterClockwise, ImageBroken, CaretLeft, CaretRight, MagnifyingGlassMinus, MagnifyingGlassPlus, ArrowsIn, Info, CheckCircle, XCircle, Spinner, MagnifyingGlass, WarningCircle, CaretDown, Copy, FilePdf, FileXls, FileCsv, FileDoc, FileCode, FileText, File as File$1, 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 { motion, useMotionValue, useTransform, AnimatePresence, useReducedMotion } from 'framer-motion';
 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 { Menu, MenuButton, MenuItems, MenuItem, Dialog, DialogBackdrop, DialogPanel, DialogTitle, Description, Transition } from '@headlessui/react';
 import { createPortal } from 'react-dom';
 
 var __defProp = Object.defineProperty;
@@ -180,6 +180,37 @@ var init_ChartCard = __esm({
     DEFAULT_COLORS = ["#6366f1", "#06b6d4", "#f59e0b", "#ef4444", "#8b5cf6"];
   }
 });
+var TableExportButton;
+var init_TableExportButton = __esm({
+  "ui/src/bichat/components/TableExportButton.tsx"() {
+    init_useTranslation();
+    TableExportButton = memo(function TableExportButton2({
+      onClick,
+      disabled = false,
+      label,
+      disabledTooltip
+    }) {
+      const { t } = useTranslation();
+      const resolvedLabel = label ?? t("BiChat.Export");
+      const resolvedDisabledTooltip = disabledTooltip ?? t("BiChat.Common.PleaseWait");
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          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": resolvedLabel,
+          title: disabled ? resolvedDisabledTooltip : resolvedLabel,
+          children: [
+            /* @__PURE__ */ jsx(FileXls, { size: 16, weight: "fill" }),
+            /* @__PURE__ */ jsx("span", { children: resolvedLabel })
+          ]
+        }
+      );
+    });
+  }
+});
 
 // ui/src/bichat/utils/citationProcessor.ts
 function processCitations(content, citations) {
@@ -292,37 +323,6 @@ 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,
-      disabledTooltip
-    }) {
-      const { t } = useTranslation();
-      const resolvedLabel = label ?? t("BiChat.Export");
-      const resolvedDisabledTooltip = disabledTooltip ?? t("BiChat.Common.PleaseWait");
-      return /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          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": resolvedLabel,
-          title: disabled ? resolvedDisabledTooltip : resolvedLabel,
-          children: [
-            /* @__PURE__ */ jsx(FileXls, { size: 16, weight: "fill" }),
-            /* @__PURE__ */ jsx("span", { children: resolvedLabel })
-          ]
-        }
-      );
-    });
-  }
-});
 var TableWithExport;
 var init_TableWithExport = __esm({
   "ui/src/bichat/components/TableWithExport.tsx"() {
@@ -1508,6 +1508,10 @@ var ChatMachine = class {
   }
   /** Sets turns from fetch, preserving pending user-only turns if server hasn't caught up. */
   _setTurnsFromFetch(fetchedTurns) {
+    if (!Array.isArray(fetchedTurns)) {
+      console.warn("[ChatMachine] Ignoring malformed turns payload from fetchSession");
+      return;
+    }
     const prev = this.state.messaging.turns;
     const hasPendingUserOnly = prev.length > 0 && !prev[prev.length - 1].assistantTurn;
     if (hasPendingUserOnly && (!fetchedTurns || fetchedTurns.length === 0)) {
@@ -1533,6 +1537,12 @@ var ChatMachine = class {
       streamErrorRetryable: false
     });
   }
+  _notifySessionsUpdated(reason, sessionId) {
+    if (typeof window === "undefined") return;
+    window.dispatchEvent(new CustomEvent("bichat:sessions-updated", {
+      detail: { reason, sessionId }
+    }));
+  }
   _cancel() {
     if (this.abortController) {
       this.abortController.abort();
@@ -1800,7 +1810,11 @@ var ChatMachine = class {
         }
       }
       const targetSessionId = createdSessionId || activeSessionId;
+      if (targetSessionId && targetSessionId !== "new") {
+        this._notifySessionsUpdated("message_sent", targetSessionId);
+      }
       if (shouldNavigateAfter && targetSessionId && targetSessionId !== "new") {
+        this._notifySessionsUpdated("session_created", targetSessionId);
         if (this.onSessionCreated) {
           this.onSessionCreated(targetSessionId);
         } else {
@@ -1897,6 +1911,7 @@ var ChatMachine = class {
     const curSessionId = this.state.session.currentSessionId;
     const curPendingQuestion = this.state.messaging.pendingQuestion;
     if (!curSessionId || !curPendingQuestion) return;
+    const previousTurns = this.state.messaging.turns;
     this._updateMessaging({ loading: true });
     this._updateSession({ error: null, errorRetryable: false });
     const previousPendingQuestion = curPendingQuestion;
@@ -1914,19 +1929,28 @@ var ChatMachine = class {
             const fetchResult = await this.dataSource.fetchSession(curSessionId);
             if (this.disposed) return;
             if (fetchResult) {
-              this._updateMessaging({
-                turns: fetchResult.turns,
-                pendingQuestion: fetchResult.pendingQuestion || null
-              });
+              this._updateSession({ session: fetchResult.session });
+              this._updateMessaging({ pendingQuestion: fetchResult.pendingQuestion || null });
+              const hasMalformedRefresh = previousTurns.length > 0 && Array.isArray(fetchResult.turns) && fetchResult.turns.length === 0;
+              if (hasMalformedRefresh) {
+                console.warn("[ChatMachine] Preserving previous turns due to empty post-HITL refetch payload", {
+                  sessionId: curSessionId,
+                  previousTurnCount: previousTurns.length
+                });
+                this._updateSession({
+                  error: "Failed to fully refresh session. Showing last known messages.",
+                  errorRetryable: true
+                });
+              } else {
+                this._setTurnsFromFetch(fetchResult.turns);
+              }
             } else {
-              this._updateMessaging({ pendingQuestion: previousPendingQuestion });
-              this._updateSession({ error: "Failed to load updated session", errorRetryable: false });
+              this._updateSession({ error: "Failed to load updated session", errorRetryable: true });
             }
           } 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 });
+            this._updateSession({ error: normalized.userMessage, errorRetryable: true });
           }
         }
       } else {
@@ -1980,6 +2004,8 @@ var ChatMachine = class {
     this._clearStreamError();
     const convertedAttachments = attachments.map((att) => ({
       clientKey: att.clientKey || crypto.randomUUID(),
+      id: att.id,
+      uploadId: att.uploadId,
       filename: att.filename,
       mimeType: att.mimeType,
       sizeBytes: att.sizeBytes,
@@ -2448,7 +2474,7 @@ function getFileVisual(mimeType, filename) {
     };
   }
   return {
-    icon: File,
+    icon: File$1,
     iconColor: "text-gray-400 dark:text-gray-500",
     bgColor: "bg-gray-100 dark:bg-gray-800",
     label: (mime.split("/")[1] || "FILE").toUpperCase().slice(0, 4)
@@ -2642,6 +2668,9 @@ var MemoizedAttachmentGrid = React.memo(AttachmentGrid);
 MemoizedAttachmentGrid.displayName = "AttachmentGrid";
 var AttachmentGrid_default = MemoizedAttachmentGrid;
 init_useTranslation();
+var MIN_SCALE = 0.25;
+var MAX_SCALE = 5;
+var ZOOM_STEP = 0.25;
 function ImageModal({
   isOpen,
   onClose,
@@ -2654,9 +2683,23 @@ function ImageModal({
   const [isImageLoaded, setIsImageLoaded] = useState(false);
   const [imageError, setImageError] = useState(false);
   const [retryKey, setRetryKey] = useState(0);
+  const [scale, setScale] = useState(1);
+  const [position, setPosition] = useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStartRef = useRef({ x: 0, y: 0 });
+  const positionRef = useRef({ x: 0, y: 0 });
+  const scaleRef = useRef(1);
+  const imageAreaRef = useRef(null);
   const hasMultipleImages = allAttachments && allAttachments.length > 1;
   const canNavigatePrev = hasMultipleImages && currentIndex > 0;
   const canNavigateNext = hasMultipleImages && currentIndex < (allAttachments?.length || 1) - 1;
+  const isZoomed = scale > 1;
+  useEffect(() => {
+    scaleRef.current = scale;
+  }, [scale]);
+  useEffect(() => {
+    positionRef.current = position;
+  }, [position]);
   useEffect(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -2664,6 +2707,14 @@ function ImageModal({
         onNavigate("prev");
       } else if (e.key === "ArrowRight" && onNavigate && canNavigateNext) {
         onNavigate("next");
+      } else if (e.key === "+" || e.key === "=") {
+        setScale((s) => Math.min(s + ZOOM_STEP, MAX_SCALE));
+      } else if (e.key === "-") {
+        setScale((s) => Math.max(s - ZOOM_STEP, MIN_SCALE));
+        if (scaleRef.current - ZOOM_STEP <= 1) setPosition({ x: 0, y: 0 });
+      } else if (e.key === "0") {
+        setScale(1);
+        setPosition({ x: 0, y: 0 });
       }
     };
     document.addEventListener("keydown", handleKeyDown);
@@ -2672,128 +2723,246 @@ function ImageModal({
   useEffect(() => {
     setIsImageLoaded(false);
     setImageError(false);
+    setScale(1);
+    setPosition({ x: 0, y: 0 });
   }, [attachment]);
+  useEffect(() => {
+    const el = imageAreaRef.current;
+    if (!el || !isOpen) return;
+    const handler = (e) => {
+      const delta = e.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
+      const current = scaleRef.current;
+      const newScale = Math.min(Math.max(current + delta, MIN_SCALE), MAX_SCALE);
+      if (newScale === current) return;
+      e.preventDefault();
+      setScale(newScale);
+      if (newScale <= 1) setPosition({ x: 0, y: 0 });
+    };
+    el.addEventListener("wheel", handler, { passive: false });
+    return () => el.removeEventListener("wheel", handler);
+  }, [isOpen]);
   const handleRetry = useCallback(() => {
     setImageError(false);
     setIsImageLoaded(false);
     setRetryKey((k) => k + 1);
   }, []);
+  const zoomIn = useCallback(() => {
+    setScale((s) => Math.min(s + ZOOM_STEP, MAX_SCALE));
+  }, []);
+  const zoomOut = useCallback(() => {
+    setScale((s) => Math.max(s - ZOOM_STEP, MIN_SCALE));
+    if (scaleRef.current - ZOOM_STEP <= 1) setPosition({ x: 0, y: 0 });
+  }, []);
+  const resetZoom = useCallback(() => {
+    setScale(1);
+    setPosition({ x: 0, y: 0 });
+  }, []);
+  const handleDoubleClick = useCallback(() => {
+    const current = scaleRef.current;
+    if (current !== 1) {
+      setScale(1);
+      setPosition({ x: 0, y: 0 });
+    } else {
+      setScale(2);
+    }
+  }, []);
+  const handleMouseDown = useCallback((e) => {
+    if (scaleRef.current <= 1) return;
+    e.preventDefault();
+    setIsDragging(true);
+    dragStartRef.current = {
+      x: e.clientX - positionRef.current.x,
+      y: e.clientY - positionRef.current.y
+    };
+  }, []);
+  const handleMouseMove = useCallback((e) => {
+    if (!isDragging) return;
+    setPosition({
+      x: e.clientX - dragStartRef.current.x,
+      y: e.clientY - dragStartRef.current.y
+    });
+  }, [isDragging]);
+  const handleMouseUp = useCallback(() => {
+    setIsDragging(false);
+  }, []);
+  const handleBackdropClick = useCallback((e) => {
+    if (e.target === e.currentTarget && !isZoomed) {
+      onClose();
+    }
+  }, [isZoomed, onClose]);
   const previewUrl = attachment.preview || createDataUrl(attachment.base64Data, attachment.mimeType);
+  const zoomPercent = Math.round(scale * 100);
   return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onClose, className: "relative", style: { zIndex: 99999 }, children: [
     /* @__PURE__ */ jsx(
       DialogBackdrop,
       {
-        className: "fixed inset-0",
-        style: { zIndex: 99999, backgroundColor: "rgba(0, 0, 0, 0.85)" }
+        className: "fixed inset-0 bg-black/90 backdrop-blur-sm",
+        style: { zIndex: 99999 }
       }
     ),
-    /* @__PURE__ */ jsxs(DialogPanel, { className: "fixed inset-0 flex flex-col", style: { zIndex: 1e5 }, children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 shrink-0 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-          hasMultipleImages && /* @__PURE__ */ jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400 tabular-nums whitespace-nowrap", children: [
-            currentIndex + 1,
-            " / ",
-            allAttachments?.length
-          ] }),
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-900 dark:text-gray-200 truncate", children: attachment.filename }),
-          /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500 whitespace-nowrap", children: formatFileSize(attachment.sizeBytes) })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: onClose,
-            className: "cursor-pointer flex items-center justify-center w-8 h-8 rounded-md bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
-            "aria-label": t("BiChat.Image.Close"),
-            type: "button",
-            children: /* @__PURE__ */ jsx(X, { size: 18, weight: "bold" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "relative flex-1 flex items-center justify-center min-h-0",
-          onClick: (e) => {
-            if (e.target === e.currentTarget) onClose();
-          },
-          children: [
-            !isImageLoaded && !imageError && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
-              /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-2 border-gray-300 dark:border-gray-700 border-t-gray-500 dark:border-t-gray-400 rounded-full animate-spin" }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Loading") })
-            ] }) }),
-            imageError && /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center text-center max-w-xs", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-16 h-16 rounded-2xl bg-gray-100 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 mb-5", children: /* @__PURE__ */ jsx(ImageBroken, { size: 28, className: "text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: t("BiChat.Image.FailedToLoad") }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-5 truncate max-w-full", children: attachment.filename }),
-              /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleRetry,
-                  className: "cursor-pointer inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
-                  "aria-label": t("BiChat.Image.Retry"),
-                  children: [
-                    /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, weight: "bold" }),
-                    t("BiChat.Retry.Label")
-                  ]
-                }
-              )
+    /* @__PURE__ */ jsxs(
+      DialogPanel,
+      {
+        className: "fixed inset-0 flex flex-col",
+        style: { zIndex: 1e5 },
+        onMouseMove: handleMouseMove,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: handleMouseUp,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "flex items-center px-5 py-3 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            hasMultipleImages && /* @__PURE__ */ jsxs("span", { className: "text-xs text-white/50 tabular-nums whitespace-nowrap font-medium", children: [
+              currentIndex + 1,
+              " / ",
+              allAttachments?.length
             ] }),
-            /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: previewUrl,
-                alt: attachment.filename,
-                className: [
-                  "max-w-[90vw] max-h-[calc(100vh-120px)] object-contain select-none",
-                  "transition-opacity duration-300 ease-out",
-                  isImageLoaded ? "opacity-100" : "opacity-0"
-                ].join(" "),
-                onLoad: () => setIsImageLoaded(true),
-                onError: () => setImageError(true),
-                loading: "lazy",
-                draggable: false
-              },
-              retryKey
-            ),
-            hasMultipleImages && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => onNavigate?.("prev"),
-                  disabled: !canNavigatePrev || !isImageLoaded || imageError,
-                  className: [
-                    "absolute left-3 top-1/2 -translate-y-1/2",
-                    "flex items-center justify-center w-10 h-10 rounded-md",
-                    "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
-                    canNavigatePrev && isImageLoaded && !imageError ? "cursor-pointer bg-white/90 hover:bg-white dark:bg-gray-800/90 dark:hover:bg-gray-700 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white shadow-sm" : "bg-white/40 dark:bg-gray-800/40 text-gray-300 dark:text-gray-700 cursor-not-allowed"
-                  ].join(" "),
-                  "aria-label": t("BiChat.Image.Previous"),
-                  type: "button",
-                  children: /* @__PURE__ */ jsx(CaretLeft, { size: 20, weight: "bold" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  onClick: () => onNavigate?.("next"),
-                  disabled: !canNavigateNext || !isImageLoaded || imageError,
-                  className: [
-                    "absolute right-3 top-1/2 -translate-y-1/2",
-                    "flex items-center justify-center w-10 h-10 rounded-md",
-                    "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400",
-                    canNavigateNext && isImageLoaded && !imageError ? "cursor-pointer bg-white/90 hover:bg-white dark:bg-gray-800/90 dark:hover:bg-gray-700 text-gray-700 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white shadow-sm" : "bg-white/40 dark:bg-gray-800/40 text-gray-300 dark:text-gray-700 cursor-not-allowed"
-                  ].join(" "),
-                  "aria-label": t("BiChat.Image.Next"),
-                  type: "button",
-                  children: /* @__PURE__ */ jsx(CaretRight, { size: 20, weight: "bold" })
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] })
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-white/90 truncate font-medium", children: attachment.filename }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-white/40 whitespace-nowrap", children: formatFileSize(attachment.sizeBytes) })
+          ] }) }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: imageAreaRef,
+              className: "relative flex-1 flex items-center justify-center min-h-0 px-4 pb-4",
+              onClick: handleBackdropClick,
+              style: { cursor: isZoomed ? isDragging ? "grabbing" : "grab" : "default" },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: onClose,
+                    className: "absolute top-3 right-5 z-30 cursor-pointer flex items-center justify-center w-10 h-10 rounded-full bg-black/50 hover:bg-black/70 backdrop-blur-md text-white/80 hover:text-white border border-white/10 transition-all duration-200 shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+                    "aria-label": t("BiChat.Image.Close"),
+                    type: "button",
+                    children: /* @__PURE__ */ jsx(X, { size: 20, weight: "bold" })
+                  }
+                ),
+                !isImageLoaded && !imageError && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+                  /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-2 border-white/20 border-t-white/60 rounded-full animate-spin" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-white/40", children: t("BiChat.Loading") })
+                ] }) }),
+                imageError && /* @__PURE__ */ jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center text-center max-w-xs", children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center w-16 h-16 rounded-2xl bg-white/5 border border-white/10 mb-5", children: /* @__PURE__ */ jsx(ImageBroken, { size: 28, className: "text-white/30", weight: "duotone" }) }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-white/70 mb-1", children: t("BiChat.Image.FailedToLoad") }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-white/30 mb-5 truncate max-w-full", children: attachment.filename }),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleRetry,
+                      className: "cursor-pointer inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white/80 bg-white/10 hover:bg-white/15 border border-white/10 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+                      "aria-label": t("BiChat.Image.Retry"),
+                      children: [
+                        /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, weight: "bold" }),
+                        t("BiChat.Retry.Label")
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: previewUrl,
+                    alt: attachment.filename,
+                    className: [
+                      "relative z-0 max-w-[85vw] max-h-[calc(100vh-160px)] object-contain select-none rounded-lg",
+                      "transition-opacity duration-300 ease-out",
+                      isImageLoaded ? "opacity-100" : "opacity-0"
+                    ].join(" "),
+                    style: {
+                      transform: `translate(${position.x}px, ${position.y}px) scale(${scale})`,
+                      transformOrigin: "center center",
+                      transition: isDragging ? "opacity 0.3s ease-out" : "transform 0.2s ease-out, opacity 0.3s ease-out"
+                    },
+                    onLoad: () => setIsImageLoaded(true),
+                    onError: () => setImageError(true),
+                    onMouseDown: handleMouseDown,
+                    onDoubleClick: handleDoubleClick,
+                    loading: "lazy",
+                    draggable: false
+                  },
+                  retryKey
+                ),
+                hasMultipleImages && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => onNavigate?.("prev"),
+                      disabled: !canNavigatePrev || !isImageLoaded || imageError,
+                      className: [
+                        "absolute left-4 top-1/2 -translate-y-1/2 z-20",
+                        "flex items-center justify-center w-11 h-11 rounded-full",
+                        "transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+                        canNavigatePrev && isImageLoaded && !imageError ? "cursor-pointer bg-black/40 hover:bg-black/60 backdrop-blur-md text-white/80 hover:text-white shadow-lg border border-white/10" : "bg-black/20 text-white/20 cursor-not-allowed"
+                      ].join(" "),
+                      "aria-label": t("BiChat.Image.Previous"),
+                      type: "button",
+                      children: /* @__PURE__ */ jsx(CaretLeft, { size: 20, weight: "bold" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => onNavigate?.("next"),
+                      disabled: !canNavigateNext || !isImageLoaded || imageError,
+                      className: [
+                        "absolute right-4 top-1/2 -translate-y-1/2 z-20",
+                        "flex items-center justify-center w-11 h-11 rounded-full",
+                        "transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
+                        canNavigateNext && isImageLoaded && !imageError ? "cursor-pointer bg-black/40 hover:bg-black/60 backdrop-blur-md text-white/80 hover:text-white shadow-lg border border-white/10" : "bg-black/20 text-white/20 cursor-not-allowed"
+                      ].join(" "),
+                      "aria-label": t("BiChat.Image.Next"),
+                      type: "button",
+                      children: /* @__PURE__ */ jsx(CaretRight, { size: 20, weight: "bold" })
+                    }
+                  )
+                ] }),
+                isImageLoaded && !imageError && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-20 flex items-center gap-0.5 bg-black/50 backdrop-blur-xl rounded-full px-1.5 py-1.5 border border-white/10 shadow-2xl", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: zoomOut,
+                      disabled: scale <= MIN_SCALE,
+                      className: "cursor-pointer flex items-center justify-center w-8 h-8 rounded-full text-white/70 hover:text-white hover:bg-white/10 transition-colors disabled:text-white/20 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+                      "aria-label": t("BiChat.Image.ZoomOut"),
+                      children: /* @__PURE__ */ jsx(MagnifyingGlassMinus, { size: 16, weight: "bold" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { className: "text-xs text-white/60 tabular-nums font-medium min-w-[3.5rem] text-center select-none", children: [
+                    zoomPercent,
+                    "%"
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: zoomIn,
+                      disabled: scale >= MAX_SCALE,
+                      className: "cursor-pointer flex items-center justify-center w-8 h-8 rounded-full text-white/70 hover:text-white hover:bg-white/10 transition-colors disabled:text-white/20 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+                      "aria-label": t("BiChat.Image.ZoomIn"),
+                      children: /* @__PURE__ */ jsx(MagnifyingGlassPlus, { size: 16, weight: "bold" })
+                    }
+                  ),
+                  isZoomed && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-white/15 mx-1" }),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: resetZoom,
+                        className: "cursor-pointer flex items-center justify-center w-8 h-8 rounded-full text-white/70 hover:text-white hover:bg-white/10 transition-colors",
+                        "aria-label": t("BiChat.Image.ResetZoom"),
+                        children: /* @__PURE__ */ jsx(ArrowsIn, { size: 16, weight: "bold" })
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 var ImageModal_default = ImageModal;
@@ -2845,6 +3014,7 @@ function UserMessage({
   const [draftContent, setDraftContent] = useState("");
   const [isCopied, setIsCopied] = useState(false);
   const copyFeedbackTimeoutRef = useRef(null);
+  const editTextareaRef = useRef(null);
   const classes = mergeClassNames(defaultClassNames, classNameOverrides);
   useEffect(() => {
     return () => {
@@ -2854,6 +3024,16 @@ function UserMessage({
       }
     };
   }, []);
+  useEffect(() => {
+    if (isEditing && editTextareaRef.current) {
+      const textarea = editTextareaRef.current;
+      textarea.focus();
+      textarea.selectionStart = textarea.value.length;
+      textarea.selectionEnd = textarea.value.length;
+      textarea.style.height = "auto";
+      textarea.style.height = `${Math.min(textarea.scrollHeight, 300)}px`;
+    }
+  }, [isEditing]);
   const normalizedAttachments = turn.attachments.map((attachment) => {
     if (!attachment.mimeType.startsWith("image/")) {
       return attachment;
@@ -2938,6 +3118,21 @@ function UserMessage({
     onEdit(turnId, newContent);
     setIsEditing(false);
   }, [onEdit, turnId, draftContent, turn.content]);
+  const handleEditKeyDown = useCallback((e) => {
+    if (e.key === "Escape") {
+      e.preventDefault();
+      handleEditCancel();
+    } else if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
+      e.preventDefault();
+      handleEditSave();
+    }
+  }, [handleEditCancel, handleEditSave]);
+  const handleDraftChange = useCallback((e) => {
+    setDraftContent(e.target.value);
+    const el = e.target;
+    el.style.height = "auto";
+    el.style.height = `${Math.min(el.scrollHeight, 300)}px`;
+  }, []);
   const handleNavigate = useCallback(
     (direction) => {
       if (selectedImageIndex === null) return;
@@ -2988,36 +3183,48 @@ function UserMessage({
           }
         )
       ) }),
-      turn.content && /* @__PURE__ */ jsx("div", { className: classes.bubble, children: /* @__PURE__ */ jsx("div", { className: classes.content, children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      turn.content && /* @__PURE__ */ jsx("div", { className: classes.bubble, children: /* @__PURE__ */ jsx("div", { className: classes.content, children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsx(
           "textarea",
           {
+            ref: editTextareaRef,
             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": t("BiChat.Message.EditMessage")
+            onChange: handleDraftChange,
+            onKeyDown: handleEditKeyDown,
+            className: "w-full min-h-[60px] max-h-[300px] resize-none rounded-xl border border-white/20 bg-white/[0.08] px-3.5 py-2.5 text-sm text-white leading-relaxed outline-none focus:bg-white/[0.12] focus:border-white/30 focus:ring-1 focus:ring-white/20 transition-all duration-200",
+            "aria-label": t("BiChat.Message.EditMessage"),
+            rows: 1
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              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: t("BiChat.Message.Cancel")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              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: t("BiChat.Message.Save")
-            }
-          )
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-white/30 select-none hidden sm:inline", children: [
+            "Esc \xB7 ",
+            typeof navigator !== "undefined" && /mac|iphone|ipad/i.test(
+              navigator.userAgentData?.platform ?? navigator?.platform ?? ""
+            ) ? "\u2318" : "Ctrl",
+            "+Enter"
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleEditCancel,
+                className: "cursor-pointer px-3 py-1.5 rounded-lg text-white/60 hover:text-white hover:bg-white/10 transition-colors text-sm",
+                children: t("BiChat.Message.Cancel")
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleEditSave,
+                className: "cursor-pointer px-4 py-1.5 rounded-lg bg-white text-primary-700 font-medium text-sm hover:bg-white/90 transition-all shadow-sm disabled:opacity-40 disabled:cursor-not-allowed disabled:shadow-none",
+                disabled: !draftContent.trim() || draftContent === turn.content,
+                children: t("BiChat.Message.Save")
+              }
+            )
+          ] })
         ] })
       ] }) : renderSlot(slots?.content, contentSlotProps, turn.content) }) }),
       !hideActions && /* @__PURE__ */ jsx("div", { className: `${classes.actions} ${isCopied ? "opacity-100" : ""}`, children: renderSlot(
@@ -3167,65 +3374,293 @@ var StreamingCursor_default = StreamingCursor;
 
 // ui/src/bichat/components/AssistantMessage.tsx
 init_ChartCard();
-function SourcesPanel({ citations }) {
-  if (!citations || citations.length === 0) {
-    return null;
+
+// ui/src/bichat/components/InteractiveTableCard.tsx
+init_useTranslation();
+init_TableExportButton();
+var PAGE_SIZE_OPTIONS = [10, 25, 50, 100, 200];
+function formatCell(value) {
+  if (value === null || value === void 0) return "NULL";
+  if (typeof value === "object") {
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return String(value);
+    }
   }
-  return /* @__PURE__ */ jsx("div", { className: "mt-4 border-t border-[var(--bichat-border)] pt-3", children: /* @__PURE__ */ jsx(Disclosure, { children: ({ open }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(DisclosureButton, { className: "cursor-pointer flex items-center gap-2 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 rounded-md p-1 -m-1", children: [
+  return String(value);
+}
+var InteractiveTableCard = memo(function InteractiveTableCard2({
+  table,
+  onSendMessage,
+  sendDisabled = false
+}) {
+  const { t } = useTranslation();
+  const defaultPageSize = Math.min(Math.max(table.pageSize || 25, 1), 200);
+  const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(defaultPageSize);
+  useEffect(() => {
+    const nextPageSize = Math.min(Math.max(table.pageSize || 25, 1), 200);
+    setPage(1);
+    setPageSize(nextPageSize);
+  }, [table.id, table.pageSize]);
+  const totalRows = table.rows.length;
+  const totalPages = Math.max(1, Math.ceil(totalRows / pageSize));
+  useEffect(() => {
+    if (page > totalPages) {
+      setPage(totalPages);
+    }
+  }, [page, totalPages]);
+  const pageRows = useMemo(() => {
+    const start = (page - 1) * pageSize;
+    return table.rows.slice(start, start + pageSize);
+  }, [page, pageSize, table.rows]);
+  const pageSizeOptions = useMemo(() => {
+    const set = /* @__PURE__ */ new Set([...PAGE_SIZE_OPTIONS, defaultPageSize]);
+    return [...set].sort((a, b) => a - b);
+  }, [defaultPageSize]);
+  const canExportViaPrompt = !!onSendMessage && !!table.exportPrompt;
+  const exportDisabled = sendDisabled || !table.export?.url && !canExportViaPrompt;
+  const handleExport = useCallback(() => {
+    if (table.export?.url) {
+      try {
+        const parsed = new URL(table.export.url, window.location.origin);
+        if (!["http:", "https:", "blob:"].includes(parsed.protocol)) {
+          console.warn("[InteractiveTableCard] Blocked export URL with unsafe protocol:", parsed.protocol);
+          return;
+        }
+      } catch {
+        console.warn("[InteractiveTableCard] Blocked malformed export URL");
+        return;
+      }
+      const link = document.createElement("a");
+      link.href = table.export.url;
+      link.download = table.export.filename || "table_export.xlsx";
+      link.rel = "noopener noreferrer";
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      return;
+    }
+    if (canExportViaPrompt && table.exportPrompt) {
+      onSendMessage?.(table.exportPrompt);
+    }
+  }, [canExportViaPrompt, onSendMessage, table.export, table.exportPrompt]);
+  const from = totalRows === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, totalRows);
+  return /* @__PURE__ */ jsxs("section", { className: "w-full rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900/40", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-gray-200 dark:border-gray-700 px-3 py-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("h4", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: table.title || t("BiChat.Table.QueryResults") }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
+          totalRows === 1 ? t("BiChat.Table.OneRowLoaded") : t("BiChat.Table.RowsLoaded", { count: String(totalRows) }),
+          table.truncated ? ` ${t("BiChat.Table.TruncatedSuffix")}` : ""
+        ] })
+      ] }),
       /* @__PURE__ */ jsx(
-        "svg",
+        TableExportButton,
         {
-          className: `w-4 h-4 transition-transform duration-150 ${open ? "rotate-90" : ""}`,
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M9 5l7 7-7 7"
-            }
-          )
+          onClick: handleExport,
+          disabled: exportDisabled,
+          label: t("BiChat.Table.ExportToExcel"),
+          disabledTooltip: sendDisabled ? t("BiChat.Table.PleaseWait") : t("BiChat.Table.ExportUnavailable")
         }
-      ),
-      /* @__PURE__ */ jsxs("span", { children: [
-        citations.length,
-        " ",
-        citations.length === 1 ? "source" : "sources"
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[420px] overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-gray-100 dark:bg-gray-800 z-10", children: /* @__PURE__ */ jsx("tr", { className: "border-b border-gray-200 dark:border-gray-700", children: table.headers.map((header, index) => /* @__PURE__ */ jsx(
+        "th",
+        {
+          className: "px-3 py-2 text-left font-semibold text-gray-700 dark:text-gray-200 whitespace-nowrap",
+          children: header
+        },
+        `${table.id}-header-${index}`
+      )) }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        pageRows.map((row, rowIndex) => /* @__PURE__ */ jsx(
+          "tr",
+          {
+            className: "border-b border-gray-100 dark:border-gray-800 hover:bg-gray-50 dark:hover:bg-gray-800/40",
+            children: table.columns.map((_, columnIndex) => /* @__PURE__ */ jsx(
+              "td",
+              {
+                className: "px-3 py-2 text-gray-700 dark:text-gray-300 align-top",
+                children: /* @__PURE__ */ jsx("span", { className: "block max-w-[420px] truncate", title: formatCell(row[columnIndex]), children: formatCell(row[columnIndex]) })
+              },
+              `${table.id}-cell-${rowIndex}-${columnIndex}`
+            ))
+          },
+          `${table.id}-row-${rowIndex}`
+        )),
+        pageRows.length === 0 && /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
+          "td",
+          {
+            colSpan: table.columns.length,
+            className: "px-3 py-6 text-center text-sm text-gray-500 dark:text-gray-400",
+            children: t("BiChat.Table.NoRows")
+          }
+        ) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs("footer", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-gray-200 dark:border-gray-700 px-3 py-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Table.Showing", {
+        from: String(from),
+        to: String(to),
+        total: String(totalRows)
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs text-gray-500 dark:text-gray-400", htmlFor: `${table.id}-page-size`, children: t("BiChat.Table.RowsLabel") }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: `${table.id}-page-size`,
+            value: pageSize,
+            onChange: (event) => {
+              setPageSize(Number(event.target.value));
+              setPage(1);
+            },
+            className: "rounded border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-2 py-1 text-xs text-gray-700 dark:text-gray-200",
+            children: pageSizeOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: option }, `${table.id}-size-${option}`))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setPage((current) => Math.max(1, current - 1)),
+            disabled: page <= 1,
+            className: "cursor-pointer rounded border border-gray-300 dark:border-gray-600 px-2 py-1 text-xs text-gray-700 dark:text-gray-200 disabled:cursor-not-allowed disabled:opacity-50",
+            children: t("BiChat.Table.Prev")
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Table.PageOf", { page: String(page), total: String(totalPages) }) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setPage((current) => Math.min(totalPages, current + 1)),
+            disabled: page >= totalPages,
+            className: "cursor-pointer rounded border border-gray-300 dark:border-gray-600 px-2 py-1 text-xs text-gray-700 dark:text-gray-200 disabled:cursor-not-allowed disabled:opacity-50",
+            children: t("BiChat.Table.Next")
+          }
+        )
       ] })
     ] }),
-    /* @__PURE__ */ jsx(DisclosurePanel, { className: "mt-2 space-y-2", children: citations.map((citation, index) => /* @__PURE__ */ jsx(
-      "div",
+    table.truncated && /* @__PURE__ */ jsx("p", { className: "border-t border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-700 dark:border-amber-700/60 dark:bg-amber-900/20 dark:text-amber-300", children: t("BiChat.Table.TruncatedNotice") })
+  ] });
+});
+
+// ui/src/bichat/components/SourcesPanel.tsx
+init_useTranslation();
+function extractDomain(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./, "");
+  } catch {
+    return "";
+  }
+}
+var PALETTE = [
+  "#c0392b",
+  "#d35400",
+  "#f39c12",
+  "#27ae60",
+  "#16a085",
+  "#2980b9",
+  "#8e44ad",
+  "#d63384"
+];
+function domainColor(domain) {
+  let h = 0;
+  for (let i = 0; i < domain.length; i++) h = domain.charCodeAt(i) + ((h << 5) - h);
+  return PALETTE[Math.abs(h) % PALETTE.length];
+}
+function SourcesPanel({ citations }) {
+  const { t } = useTranslation();
+  const [isOpen, setIsOpen] = useState(false);
+  const open = useCallback(() => setIsOpen(true), []);
+  const close = useCallback(() => setIsOpen(false), []);
+  if (!citations?.length) return null;
+  const domains = [...new Set(
+    citations.filter((c) => c.url).map((c) => extractDomain(c.url)).filter(Boolean)
+  )];
+  const previewDomains = domains.slice(0, 5);
+  if (!isOpen) {
+    return /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(
+      "button",
       {
-        className: "p-3 bg-gray-50 dark:bg-gray-800/50 rounded-lg text-sm",
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 w-5 h-5 bg-[var(--bichat-primary)] text-white rounded-full flex items-center justify-center text-xs", children: index + 1 }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: citation.title }),
-            citation.url && /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: citation.url,
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "text-[var(--bichat-primary)] hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500/50 rounded",
-                children: citation.url
-              }
-            ),
-            citation.excerpt && /* @__PURE__ */ jsxs("div", { className: "mt-1 text-gray-600 dark:text-gray-400 italic", children: [
-              '"',
-              citation.excerpt,
-              '"'
-            ] })
+        type: "button",
+        onClick: open,
+        className: "cursor-pointer inline-flex items-center gap-2 rounded-full px-3 py-1.5\n            bg-gray-50 hover:bg-gray-100 dark:bg-gray-700/50 dark:hover:bg-gray-600/60\n            border border-gray-200/70 dark:border-gray-600/40\n            transition-colors duration-150\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--bichat-primary,theme(colors.blue.500))]/40",
+        children: [
+          previewDomains.length > 0 && /* @__PURE__ */ jsx("span", { className: "flex -space-x-1.5", children: previewDomains.map((domain, i) => /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "relative w-5 h-5 rounded-full flex items-center justify-center text-[8px] font-bold text-white\n                    ring-2 ring-white dark:ring-gray-800 select-none",
+              style: { backgroundColor: domainColor(domain), zIndex: previewDomains.length - i },
+              "aria-hidden": "true",
+              children: domain[0]?.toUpperCase()
+            },
+            domain
+          )) }),
+          /* @__PURE__ */ jsxs("span", { className: "text-xs font-medium text-gray-600 dark:text-gray-300 tabular-nums", children: [
+            citations.length,
+            " ",
+            t(citations.length === 1 ? "BiChat.Sources.Source" : "BiChat.Sources.Sources")
           ] })
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-3 rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800/90 shadow-sm overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: t("BiChat.Sources.Title") }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: close,
+          className: "cursor-pointer flex items-center justify-center w-7 h-7 rounded-full\n            text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300\n            hover:bg-gray-100 dark:hover:bg-gray-700\n            transition-colors duration-150\n            focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--bichat-primary)]/40",
+          "aria-label": t("BiChat.Sources.Close"),
+          children: /* @__PURE__ */ jsx(X, { size: 14, weight: "bold" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto", children: citations.map((citation, index) => {
+      const domain = citation.url ? extractDomain(citation.url) : "";
+      const cardContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium leading-snug text-[var(--bichat-color-accent,theme(colors.blue.600))] dark:text-blue-400", children: citation.title || t("BiChat.Sources.SourceN", { n: String(index + 1) }) }),
+        citation.excerpt && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-gray-500 dark:text-gray-400 line-clamp-2 leading-relaxed", children: citation.excerpt }),
+        domain && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mt-1.5", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "w-4 h-4 rounded-full flex items-center justify-center text-[7px] font-bold text-white flex-shrink-0 select-none",
+              style: { backgroundColor: domainColor(domain) },
+              "aria-hidden": "true",
+              children: domain[0]?.toUpperCase()
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] text-gray-400 dark:text-gray-500 truncate", children: domain })
         ] })
-      },
-      citation.id
-    )) })
-  ] }) }) });
+      ] });
+      const cardClass = "block px-4 py-3 border-t border-gray-100 dark:border-gray-700/50";
+      if (citation.url) {
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: citation.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: `${cardClass} hover:bg-gray-50 dark:hover:bg-gray-700/40 transition-colors duration-100
+                  focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--bichat-primary)]/40`,
+            children: cardContent
+          },
+          citation.id
+        );
+      }
+      return /* @__PURE__ */ jsx("div", { className: cardClass, children: cardContent }, citation.id);
+    }) })
+  ] });
 }
 var MIME_BY_TYPE = {
   excel: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
@@ -3286,7 +3721,7 @@ function InlineQuestionForm({ pendingQuestion }) {
   const [currentStep, setCurrentStep] = useState(0);
   const [answers, setAnswers] = useState({});
   const [otherTexts, setOtherTexts] = useState({});
-  const questions = pendingQuestion.questions;
+  const questions = Array.isArray(pendingQuestion.questions) ? pendingQuestion.questions : [];
   const currentQuestion = questions[currentStep];
   const isLastStep = currentStep === questions.length - 1;
   const isFirstStep = currentStep === 0;
@@ -3380,9 +3815,31 @@ function InlineQuestionForm({ pendingQuestion }) {
     e.preventDefault();
     handleNext();
   };
-  if (!currentQuestion) return null;
+  if (!currentQuestion) {
+    return /* @__PURE__ */ jsxs("div", { className: "animate-slide-up rounded-2xl border border-amber-200 dark:border-amber-700/50 bg-gradient-to-b from-amber-50/70 to-white dark:from-amber-950/20 dark:to-gray-900/80 shadow-sm overflow-hidden p-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-gray-800 dark:text-gray-200", children: t("BiChat.Error.SomethingWentWrong") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Error.UnexpectedError") }),
+      /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: handleRejectPendingQuestion,
+          disabled: loading,
+          className: "cursor-pointer inline-flex items-center gap-1.5 px-3 py-1.5 text-sm rounded-lg bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 disabled:opacity-40",
+          children: [
+            /* @__PURE__ */ jsx(X, { size: 14, weight: "bold" }),
+            t("BiChat.InlineQuestion.Dismiss")
+          ]
+        }
+      ) })
+    ] });
+  }
   const isMultiSelect = currentQuestion.type === "MULTIPLE_CHOICE";
-  const options = currentQuestion.options || [];
+  const options = (currentQuestion.options || []).filter((option) => Boolean(option && typeof option.label === "string")).map((option, index) => ({
+    id: option.id || `${currentQuestion.id}-option-${index}`,
+    label: option.label,
+    value: option.value || option.label
+  }));
   const isOtherSelected = currentAnswer?.customText !== void 0;
   const canProceed = isCurrentAnswerValid();
   return /* @__PURE__ */ jsx("div", { className: "animate-slide-up rounded-2xl border border-gray-200 dark:border-gray-700/50 bg-gradient-to-b from-primary-50/80 to-white dark:from-primary-950/30 dark:to-gray-900/80 shadow-sm overflow-hidden", children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
@@ -3555,6 +4012,59 @@ function InlineQuestionForm({ pendingQuestion }) {
   ] }) });
 }
 
+// ui/src/bichat/components/RetryActionArea.tsx
+init_useTranslation();
+var RetryActionArea = memo(function RetryActionArea2({
+  onRetry
+}) {
+  const { t } = useTranslation();
+  return (
+    // Wrapper matches TurnBubble layout for assistant messages (justify-start = left-aligned)
+    /* @__PURE__ */ jsx(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: -10 },
+        transition: { duration: 0.2 },
+        className: "flex justify-start",
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex flex-col gap-3 max-w-2xl rounded-2xl px-5 py-3 shadow-sm bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",
+            role: "status",
+            "aria-live": "polite",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsx(
+                  Warning,
+                  {
+                    className: "w-5 h-5 text-amber-500 dark:text-amber-400 flex-shrink-0",
+                    weight: "fill"
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.Retry.Subtitle") })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  onClick: onRetry,
+                  className: "cursor-pointer inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 dark:bg-primary-700 dark:hover:bg-primary-600 rounded-lg transition-colors 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": t("BiChat.Retry.Title"),
+                  children: [
+                    /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, className: "w-4 h-4" }),
+                    t("BiChat.Retry.Button")
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  );
+});
+
 // ui/src/bichat/utils/debugMetrics.ts
 function formatGenerationDuration(generationMs) {
   return generationMs > 1e3 ? `${(generationMs / 1e3).toFixed(2)}s` : `${generationMs}ms`;
@@ -3853,6 +4363,7 @@ var defaultClassNames2 = {
   bubble: "bg-white dark:bg-gray-800 rounded-2xl rounded-bl-sm px-4 py-3 shadow-sm",
   codeOutputs: "",
   charts: "mb-1 w-full",
+  tables: "mb-1 flex flex-col gap-3",
   artifacts: "mb-1 flex flex-wrap gap-2",
   sources: "",
   explanation: "mt-4 border-t border-gray-100 dark:border-gray-700 pt-4",
@@ -3869,6 +4380,7 @@ function mergeClassNames2(defaults, overrides) {
     bubble: overrides.bubble ?? defaults.bubble,
     codeOutputs: overrides.codeOutputs ?? defaults.codeOutputs,
     charts: overrides.charts ?? defaults.charts,
+    tables: overrides.tables ?? defaults.tables,
     artifacts: overrides.artifacts ?? defaults.artifacts,
     sources: overrides.sources ?? defaults.sources,
     explanation: overrides.explanation ?? defaults.explanation,
@@ -3913,6 +4425,14 @@ function AssistantMessage({
   const hasContent = turn.content?.trim().length > 0;
   const hasExplanation = !!turn.explanation?.trim();
   const hasPendingQuestion = !!pendingQuestion && pendingQuestion.status === "PENDING" && pendingQuestion.turnId === turnId;
+  const hasCodeOutputs = !!turn.codeOutputs?.length;
+  const hasChart = !!turn.chartData;
+  const hasTables = !!turn.renderTables?.length;
+  const hasArtifacts = !!turn.artifacts?.length;
+  const hasDebug = showDebug && !!turn.debug;
+  const hasRenderablePayload = hasContent || hasExplanation || hasPendingQuestion || hasCodeOutputs || hasChart || hasTables || hasArtifacts || hasDebug;
+  const canRegenerate = !!onRegenerate && !!turnId && !isSystemMessage && isLastTurn;
+  const showInlineRetry = !hasRenderablePayload && canRegenerate;
   const handleCopyClick = useCallback(async () => {
     try {
       if (onCopy) {
@@ -3954,15 +4474,18 @@ function AssistantMessage({
   const codeOutputsSlotProps = {
     outputs: turn.codeOutputs || []
   };
+  const tablesSlotProps = {
+    tables: turn.renderTables || []
+  };
   const artifactsSlotProps = {
     artifacts: turn.artifacts || []
   };
   const actionsSlotProps = {
     onCopy: handleCopyClick,
-    onRegenerate: onRegenerate && turnId && !isSystemMessage && isLastTurn ? handleRegenerateClick : void 0,
+    onRegenerate: canRegenerate ? handleRegenerateClick : void 0,
     timestamp,
     canCopy: hasContent,
-    canRegenerate: !!onRegenerate && !!turnId && !isSystemMessage && isLastTurn
+    canRegenerate
   };
   const explanationSlotProps = {
     explanation: turn.explanation || "",
@@ -3975,14 +4498,30 @@ function AssistantMessage({
     return slot;
   };
   return /* @__PURE__ */ jsxs("div", { className: classes.root, children: [
-    !hideAvatar && /* @__PURE__ */ jsx("div", { className: avatarClassName, children: renderSlot(slots?.avatar, avatarSlotProps, isSystemMessage ? "SYS" : "AI") }),
+    !hideAvatar && !showInlineRetry && /* @__PURE__ */ jsx("div", { className: avatarClassName, children: renderSlot(slots?.avatar, avatarSlotProps, isSystemMessage ? "SYS" : "AI") }),
     /* @__PURE__ */ jsxs("div", { className: classes.wrapper, children: [
+      showInlineRetry && /* @__PURE__ */ jsx(RetryActionArea, { onRetry: () => {
+        void handleRegenerateClick();
+      } }),
       turn.codeOutputs && turn.codeOutputs.length > 0 && /* @__PURE__ */ jsx("div", { className: classes.codeOutputs, children: renderSlot(
         slots?.codeOutputs,
         codeOutputsSlotProps,
         /* @__PURE__ */ jsx(CodeOutputsPanel_default, { outputs: turn.codeOutputs })
       ) }),
       turn.chartData && /* @__PURE__ */ jsx("div", { className: classes.charts, children: renderSlot(slots?.charts, chartsSlotProps, /* @__PURE__ */ jsx(ChartCard, { chartData: turn.chartData })) }),
+      turn.renderTables && turn.renderTables.length > 0 && /* @__PURE__ */ jsx("div", { className: classes.tables, children: renderSlot(
+        slots?.tables,
+        tablesSlotProps,
+        turn.renderTables.map((table) => /* @__PURE__ */ jsx(
+          InteractiveTableCard,
+          {
+            table,
+            onSendMessage,
+            sendDisabled: sendDisabled || isStreaming
+          },
+          table.id
+        ))
+      ) }),
       hasContent && /* @__PURE__ */ jsxs("div", { className: bubbleClassName, children: [
         renderSlot(
           slots?.content,
@@ -4072,7 +4611,7 @@ function AssistantMessage({
               children: isCopied ? /* @__PURE__ */ jsx(Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsx(Copy, { size: 14, weight: "regular" })
             }
           ),
-          onRegenerate && turnId && !isSystemMessage && isLastTurn && /* @__PURE__ */ jsx(
+          canRegenerate && /* @__PURE__ */ jsx(
             "button",
             {
               onClick: handleRegenerateClick,
@@ -4296,7 +4835,8 @@ function TurnBubble({
     userTurn: classNames?.userTurn ?? defaultClassNames3.userTurn,
     assistantTurn: classNames?.assistantTurn ?? defaultClassNames3.assistantTurn
   };
-  const isSystemSummaryTurn = turn.userTurn.content.trim() === "" && turn.assistantTurn?.role === "system";
+  const userContent = typeof turn.userTurn?.content === "string" ? turn.userTurn.content : "";
+  const isSystemSummaryTurn = userContent.trim() === "" && turn.assistantTurn?.role === "system";
   return /* @__PURE__ */ jsxs("div", { className: classes.root, "data-turn-id": turn.id, children: [
     !isSystemSummaryTurn && /* @__PURE__ */ jsx("div", { className: classes.userTurn, children: renderUserTurn ? renderUserTurn(turn) : /* @__PURE__ */ jsx(
       UserTurnView,
@@ -8074,12 +8614,63 @@ function DefaultErrorContent({
     ] })
   ] });
 }
+function StaticEmergencyErrorContent({
+  error,
+  onReset
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center justify-center p-8 text-center min-h-[200px]", children: /* @__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 scale-150 blur-md" }),
+      /* @__PURE__ */ jsx("div", { className: "relative flex items-center justify-center w-14 h-14 rounded-full bg-red-50 border border-red-200/60", children: /* @__PURE__ */ jsx(WarningCircle, { size: 28, className: "text-red-500", weight: "fill" }) })
+    ] }),
+    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-gray-900 mb-1.5", children: "Something went wrong" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 mb-5 max-w-md leading-relaxed", children: error?.message || "An unexpected UI error occurred." }),
+    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" }),
+          "Try again"
+        ]
+      }
+    )
+  ] }) });
+}
+var FallbackGuard = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { fallbackFailed: false };
+  }
+  static getDerivedStateFromError() {
+    return { fallbackFailed: true };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.props.onFallbackError?.(error, errorInfo);
+  }
+  render() {
+    if (this.state.fallbackFailed) {
+      return /* @__PURE__ */ jsx(StaticEmergencyErrorContent, { error: this.props.primaryError, onReset: this.props.onReset });
+    }
+    return this.props.renderFallback();
+  }
+};
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
     this.handleReset = () => {
       this.setState({ hasError: false, error: null });
     };
+    this.handleFallbackError = (error, errorInfo) => {
+      console.error("React Error Boundary fallback crashed:", {
+        primaryError: this.state.error,
+        fallbackError: error,
+        errorInfo
+      });
+      this.props.onError?.(error, errorInfo);
+    };
     this.state = { hasError: false, error: null };
   }
   static getDerivedStateFromError(error) {
@@ -8091,13 +8682,24 @@ var ErrorBoundary = class extends Component {
   }
   render() {
     if (this.state.hasError) {
-      if (this.props.fallback) {
-        if (typeof this.props.fallback === "function") {
-          return this.props.fallback(this.state.error, this.handleReset);
-        }
-        return this.props.fallback;
-      }
-      return /* @__PURE__ */ jsx(DefaultErrorContent, { error: this.state.error, onReset: this.handleReset });
+      return /* @__PURE__ */ jsx(
+        FallbackGuard,
+        {
+          primaryError: this.state.error,
+          onReset: this.handleReset,
+          onFallbackError: this.handleFallbackError,
+          renderFallback: () => {
+            if (this.props.fallback) {
+              if (typeof this.props.fallback === "function") {
+                return this.props.fallback(this.state.error, this.handleReset);
+              }
+              return this.props.fallback;
+            }
+            return /* @__PURE__ */ jsx(DefaultErrorContent, { error: this.state.error, onReset: this.handleReset });
+          }
+        },
+        `${this.state.error?.name ?? "Error"}:${this.state.error?.message ?? ""}`
+      );
     }
     return this.props.children;
   }
@@ -9131,6 +9733,10 @@ function ErrorAlert({ error }) {
   );
 }
 var COLLAPSE_STORAGE_KEY = "bichat-sidebar-collapsed";
+var SESSION_RECONCILE_POLL_INTERVAL_MS = 2e3;
+var SESSION_RECONCILE_MAX_POLLS = 30;
+var ACTIVE_SESSION_MISS_MAX_RETRIES = 8;
+var ACTIVE_SESSION_MISS_RETRY_DELAY_MS = 1e3;
 function useSidebarCollapse() {
   const [isCollapsed, setIsCollapsed] = useState(() => {
     try {
@@ -9188,7 +9794,7 @@ function Sidebar2({
   const shouldReduceMotion = useReducedMotion();
   const sessionListRef = useRef(null);
   const searchContainerRef = useRef(null);
-  const refreshForActiveSessionRef = useRef(null);
+  const activeSessionMissRetriesRef = useRef({});
   const { isCollapsed, toggle, collapse } = useSidebarCollapse();
   const collapsible = !onClose;
   const handleSidebarClick = useCallback(
@@ -9232,6 +9838,7 @@ function Sidebar2({
   const [actionError, setActionError] = useState(null);
   const accessDenied = loadError?.isPermissionDenied === true;
   const [refreshKey, setRefreshKey] = useState(0);
+  const [reconcilePollToken, setReconcilePollToken] = useState(0);
   const [showConfirm, setShowConfirm] = useState(false);
   const [sessionToArchive, setSessionToArchive] = useState(null);
   const fetchSessions = useCallback(async () => {
@@ -9252,8 +9859,13 @@ function Sidebar2({
     fetchSessions();
   }, [fetchSessions, refreshKey]);
   useEffect(() => {
-    const handleSessionsUpdated = () => {
+    const handleSessionsUpdated = (event) => {
       setRefreshKey((k) => k + 1);
+      const detail = event.detail;
+      const reason = detail?.reason;
+      if (!reason || reason === "session_created" || reason === "message_sent" || reason === "title_regenerate_requested") {
+        setReconcilePollToken((k) => k + 1);
+      }
     };
     window.addEventListener("bichat:sessions-updated", handleSessionsUpdated);
     return () => {
@@ -9261,31 +9873,33 @@ function Sidebar2({
     };
   }, []);
   useEffect(() => {
-    if (!activeSessionId) {
-      refreshForActiveSessionRef.current = null;
-      return;
-    }
+    activeSessionMissRetriesRef.current = {};
+  }, [activeSessionId]);
+  useEffect(() => {
+    if (!activeSessionId) return;
     if (loading) return;
     const hasActiveSession = sessions.some((session) => session.id === activeSessionId);
     if (hasActiveSession) {
-      if (refreshForActiveSessionRef.current === activeSessionId) {
-        refreshForActiveSessionRef.current = null;
-      }
+      delete activeSessionMissRetriesRef.current[activeSessionId];
       return;
     }
-    if (refreshForActiveSessionRef.current !== activeSessionId) {
-      refreshForActiveSessionRef.current = activeSessionId;
-      setRefreshKey((k) => k + 1);
+    const attempts = activeSessionMissRetriesRef.current[activeSessionId] ?? 0;
+    if (attempts >= ACTIVE_SESSION_MISS_MAX_RETRIES) {
+      return;
     }
+    activeSessionMissRetriesRef.current[activeSessionId] = attempts + 1;
+    const timeoutId = window.setTimeout(() => {
+      setRefreshKey((k) => k + 1);
+      setReconcilePollToken((k) => k + 1);
+    }, ACTIVE_SESSION_MISS_RETRY_DELAY_MS);
+    return () => window.clearTimeout(timeoutId);
   }, [activeSessionId, loading, sessions]);
   const hasPlaceholderTitles = useMemo(() => {
     const newChatLabel = t("BiChat.Chat.NewChat");
     return Array.isArray(sessions) && sessions.some((s) => s && (!s.title || s.title === newChatLabel));
   }, [sessions, t]);
   useEffect(() => {
-    if (!hasPlaceholderTitles) return;
-    const pollInterval = 2e3;
-    const maxPolls = 5;
+    if (!hasPlaceholderTitles && reconcilePollToken === 0) return;
     let pollCount = 0;
     const intervalId = setInterval(async () => {
       pollCount++;
@@ -9294,12 +9908,12 @@ function Sidebar2({
         setSessions(result.sessions);
       } catch {
       }
-      if (pollCount >= maxPolls) {
+      if (pollCount >= SESSION_RECONCILE_MAX_POLLS) {
         clearInterval(intervalId);
       }
-    }, pollInterval);
+    }, SESSION_RECONCILE_POLL_INTERVAL_MS);
     return () => clearInterval(intervalId);
-  }, [hasPlaceholderTitles, dataSource]);
+  }, [hasPlaceholderTitles, dataSource, reconcilePollToken]);
   const handleArchiveRequest = (sessionId) => {
     setSessionToArchive(sessionId);
     setShowConfirm(true);
@@ -9357,7 +9971,9 @@ function Sidebar2({
     try {
       await dataSource.regenerateSessionTitle(sessionId);
       toast.success(t("BiChat.Sidebar.TitleRegenerated"));
-      setRefreshKey((k) => k + 1);
+      window.dispatchEvent(new CustomEvent("bichat:sessions-updated", {
+        detail: { reason: "title_regenerate_requested", sessionId }
+      }));
     } catch (err) {
       console.error("Failed to regenerate title:", err);
       const display = toErrorDisplay(err, t("BiChat.Sidebar.FailedToRegenerateTitle"));
@@ -10170,59 +10786,6 @@ function BiChatLayout({
     ] })
   ] });
 }
-
-// ui/src/bichat/components/RetryActionArea.tsx
-init_useTranslation();
-var RetryActionArea = memo(function RetryActionArea2({
-  onRetry
-}) {
-  const { t } = useTranslation();
-  return (
-    // Wrapper matches TurnBubble layout for assistant messages (justify-start = left-aligned)
-    /* @__PURE__ */ jsx(
-      motion.div,
-      {
-        initial: { opacity: 0, y: 10 },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: -10 },
-        transition: { duration: 0.2 },
-        className: "flex justify-start",
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "flex flex-col gap-3 max-w-2xl rounded-2xl px-5 py-3 shadow-sm bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",
-            role: "status",
-            "aria-live": "polite",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsx(
-                  Warning,
-                  {
-                    className: "w-5 h-5 text-amber-500 dark:text-amber-400 flex-shrink-0",
-                    weight: "fill"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.Retry.Subtitle") })
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  onClick: onRetry,
-                  className: "cursor-pointer inline-flex items-center gap-1.5 px-4 py-2 text-sm font-medium text-white bg-primary-600 hover:bg-primary-700 dark:bg-primary-700 dark:hover:bg-primary-600 rounded-lg transition-colors 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": t("BiChat.Retry.Title"),
-                  children: [
-                    /* @__PURE__ */ jsx(ArrowClockwise, { size: 16, className: "w-4 h-4" }),
-                    t("BiChat.Retry.Button")
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  );
-});
 init_useTranslation();
 function MessageActions({
   message,
@@ -12040,6 +12603,75 @@ function toStreamEvent(chunk) {
   }
 }
 
+// ui/src/bichat/utils/tableSpec.ts
+function isRecord2(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function readString(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function readPositiveInteger(value) {
+  if (typeof value !== "number" || !Number.isFinite(value)) return null;
+  const n = Math.floor(value);
+  return n > 0 ? n : null;
+}
+function normalizeRows(value) {
+  if (!Array.isArray(value)) return [];
+  const rows = [];
+  for (const row of value) {
+    if (!Array.isArray(row)) continue;
+    rows.push(row);
+  }
+  return rows;
+}
+function parseExport(value) {
+  if (!isRecord2(value)) return void 0;
+  const url = readString(value.url);
+  if (!url) return void 0;
+  return {
+    url,
+    filename: readString(value.filename) || "table_export.xlsx",
+    rowCount: readPositiveInteger(value.row_count) || readPositiveInteger(value.rowCount) || void 0,
+    fileSizeKB: readPositiveInteger(value.file_size_kb) || readPositiveInteger(value.fileSizeKB) || void 0
+  };
+}
+function parseRenderTableDataFromJsonString(json, fallbackId) {
+  const trimmed = json.trim();
+  if (!trimmed) return null;
+  let parsed;
+  try {
+    parsed = JSON.parse(trimmed);
+  } catch {
+    return null;
+  }
+  if (!isRecord2(parsed)) return null;
+  const columns = Array.isArray(parsed.columns) ? parsed.columns.map((column) => readString(column)).filter((column) => column !== null) : [];
+  if (columns.length === 0) return null;
+  const rows = normalizeRows(parsed.rows);
+  const headersRaw = Array.isArray(parsed.headers) ? parsed.headers.map((header) => readString(header)).filter((header) => header !== null) : [];
+  const headers = headersRaw.length === columns.length ? headersRaw : columns;
+  const totalRows = readPositiveInteger(parsed.total_rows) || readPositiveInteger(parsed.totalRows) || rows.length;
+  const pageSize = readPositiveInteger(parsed.page_size) || readPositiveInteger(parsed.pageSize) || 25;
+  const query = readString(parsed.query) || readString(parsed.sql);
+  if (!query) return null;
+  return {
+    id: readString(parsed.id) || fallbackId,
+    title: readString(parsed.title) || void 0,
+    query,
+    columns,
+    headers,
+    rows,
+    totalRows,
+    pageSize,
+    truncated: parsed.truncated === true,
+    truncatedReason: readString(parsed.truncated_reason) || readString(parsed.truncatedReason) || void 0,
+    export: parseExport(parsed.export),
+    exportPrompt: readString(parsed.export_prompt) || readString(parsed.exportPrompt) || void 0
+  };
+}
+
 // ui/src/bichat/data/HttpDataSource.ts
 function isSessionNotFoundError(err) {
   if (!(err instanceof AppletRPCException)) return false;
@@ -12056,6 +12688,7 @@ function toSessionArtifact(artifact) {
     id: artifact.id,
     sessionId: artifact.sessionId,
     messageId: artifact.messageId,
+    uploadId: artifact.uploadId,
     type: artifact.type,
     name: artifact.name,
     description: artifact.description,
@@ -12066,21 +12699,313 @@ function toSessionArtifact(artifact) {
     createdAt: artifact.createdAt
   };
 }
-function toPendingQuestion(rpc) {
-  if (!rpc) return null;
-  const questions = (rpc.questions || []).map((q) => ({
-    id: q.id,
-    text: q.text,
-    type: q.type,
-    options: (q.options || []).map((o) => ({
-      id: o.id,
-      label: o.label,
-      value: o.label
-    }))
-  }));
+function warnMalformedSessionPayload(message, details) {
+  console.warn(`[BiChat] ${message}`, details || {});
+}
+function readString2(value, fallback = "") {
+  return typeof value === "string" ? value : fallback;
+}
+function readNonEmptyString(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : null;
+}
+function readFiniteNumber(value, fallback = 0) {
+  return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+function readOptionalFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+var MIME_TO_EXTENSION = {
+  "image/jpeg": "jpg",
+  "image/png": "png",
+  "image/gif": "gif",
+  "application/pdf": "pdf"
+};
+var SAFE_AUTOCORRECT_MIME_TYPES = new Set(Object.keys(MIME_TO_EXTENSION));
+function detectMimeFromSignature(bytes) {
+  if (bytes.length >= 8) {
+    const isPng = bytes[0] === 137 && bytes[1] === 80 && bytes[2] === 78 && bytes[3] === 71 && bytes[4] === 13 && bytes[5] === 10 && bytes[6] === 26 && bytes[7] === 10;
+    if (isPng) return "image/png";
+  }
+  if (bytes.length >= 3) {
+    const isJpeg = bytes[0] === 255 && bytes[1] === 216 && bytes[2] === 255;
+    if (isJpeg) return "image/jpeg";
+  }
+  if (bytes.length >= 6) {
+    const isGif = bytes[0] === 71 && bytes[1] === 73 && bytes[2] === 70 && bytes[3] === 56 && (bytes[4] === 55 || bytes[4] === 57) && bytes[5] === 97;
+    if (isGif) return "image/gif";
+  }
+  if (bytes.length >= 4) {
+    const isPdf = bytes[0] === 37 && bytes[1] === 80 && bytes[2] === 68 && bytes[3] === 70;
+    if (isPdf) return "application/pdf";
+  }
+  return void 0;
+}
+function normalizeFilenameForMime(filename, mimeType) {
+  const expectedExt = MIME_TO_EXTENSION[mimeType];
+  if (!expectedExt) return filename;
+  const lower = filename.toLowerCase();
+  if (mimeType === "image/jpeg" && (lower.endsWith(".jpg") || lower.endsWith(".jpeg"))) {
+    return filename;
+  }
+  if (lower.endsWith(`.${expectedExt}`)) {
+    return filename;
+  }
+  const dotIndex = filename.lastIndexOf(".");
+  const baseName = dotIndex > 0 ? filename.slice(0, dotIndex) : filename;
+  return `${baseName}.${expectedExt}`;
+}
+function normalizeQuestionType(rawType) {
+  const normalized = readString2(rawType).trim().toUpperCase().replace(/[\s-]+/g, "_");
+  return normalized === "MULTIPLE_CHOICE" ? "MULTIPLE_CHOICE" : "SINGLE_CHOICE";
+}
+function normalizeMessageRole(rawRole) {
+  const normalized = readString2(rawRole).trim().toLowerCase();
+  if (normalized === "user" /* User */) return "user" /* User */;
+  if (normalized === "system" /* System */) return "system" /* System */;
+  if (normalized === "tool" /* Tool */) return "tool" /* Tool */;
+  return "assistant" /* Assistant */;
+}
+function sanitizeAttachment(rawAttachment, turnId, index) {
+  if (!isRecord(rawAttachment)) {
+    warnMalformedSessionPayload("Dropped malformed attachment entry", { turnId, index });
+    return null;
+  }
+  const filename = readString2(rawAttachment.filename, "attachment");
+  const mimeType = readString2(rawAttachment.mimeType, "application/octet-stream");
+  const id = readNonEmptyString(rawAttachment.id) || void 0;
+  const clientKey = readNonEmptyString(rawAttachment.clientKey) || id || `${turnId}-attachment-${index}`;
+  return {
+    id,
+    clientKey,
+    filename,
+    mimeType,
+    sizeBytes: readFiniteNumber(rawAttachment.sizeBytes),
+    uploadId: readOptionalFiniteNumber(rawAttachment.uploadId),
+    base64Data: readNonEmptyString(rawAttachment.base64Data) || void 0,
+    url: readNonEmptyString(rawAttachment.url) || void 0,
+    preview: readNonEmptyString(rawAttachment.preview) || void 0
+  };
+}
+function sanitizeUserAttachments(rawAttachments, turnId) {
+  if (!Array.isArray(rawAttachments)) return [];
+  const result = [];
+  for (let i = 0; i < rawAttachments.length; i++) {
+    const sanitized = sanitizeAttachment(rawAttachments[i], turnId, i);
+    if (sanitized) result.push(sanitized);
+  }
+  return result;
+}
+function sanitizeAssistantArtifacts(rawArtifacts, turnId) {
+  if (!Array.isArray(rawArtifacts)) return [];
+  const artifacts = [];
+  for (let i = 0; i < rawArtifacts.length; i++) {
+    const raw = rawArtifacts[i];
+    if (!isRecord(raw)) {
+      warnMalformedSessionPayload("Dropped malformed assistant artifact", { turnId, index: i });
+      continue;
+    }
+    const type = readString2(raw.type).toLowerCase();
+    if (type !== "excel" && type !== "pdf") {
+      continue;
+    }
+    const url = readNonEmptyString(raw.url);
+    if (!url) {
+      warnMalformedSessionPayload("Dropped assistant artifact without url", { turnId, index: i });
+      continue;
+    }
+    artifacts.push({
+      type,
+      filename: readString2(raw.filename, "download"),
+      url,
+      sizeReadable: readNonEmptyString(raw.sizeReadable) || void 0,
+      rowCount: typeof raw.rowCount === "number" && Number.isFinite(raw.rowCount) ? raw.rowCount : void 0,
+      description: readNonEmptyString(raw.description) || void 0
+    });
+  }
+  return artifacts;
+}
+function sanitizeAssistantTurn(rawAssistantTurn, fallbackCreatedAt, turnId) {
+  if (rawAssistantTurn == null) return void 0;
+  if (!isRecord(rawAssistantTurn)) {
+    warnMalformedSessionPayload("Dropped malformed assistant turn payload", { turnId });
+    return void 0;
+  }
+  const assistantID = readNonEmptyString(rawAssistantTurn.id);
+  if (!assistantID) {
+    warnMalformedSessionPayload("Dropped assistant turn without id", { turnId });
+    return void 0;
+  }
+  const citations = Array.isArray(rawAssistantTurn.citations) ? rawAssistantTurn.citations.filter((item) => isRecord(item)).map((item, index) => ({
+    id: readString2(item.id, `${assistantID}-citation-${index}`),
+    type: readString2(item.type),
+    title: readString2(item.title),
+    url: readString2(item.url),
+    startIndex: readFiniteNumber(item.startIndex),
+    endIndex: readFiniteNumber(item.endIndex),
+    excerpt: readNonEmptyString(item.excerpt) || void 0
+  })) : [];
+  const toolCalls = Array.isArray(rawAssistantTurn.toolCalls) ? rawAssistantTurn.toolCalls.filter((item) => isRecord(item)).map((item, index) => ({
+    id: readString2(item.id, `${assistantID}-tool-${index}`),
+    name: readString2(item.name),
+    arguments: readString2(item.arguments),
+    result: readNonEmptyString(item.result) || void 0,
+    error: readNonEmptyString(item.error) || void 0,
+    durationMs: readFiniteNumber(item.durationMs)
+  })) : [];
+  const codeOutputs = Array.isArray(rawAssistantTurn.codeOutputs) ? rawAssistantTurn.codeOutputs.filter((item) => isRecord(item)).map((item) => ({
+    type: (() => {
+      const normalizedType = readString2(item.type, "text").toLowerCase();
+      if (normalizedType === "image" || normalizedType === "error") return normalizedType;
+      return "text";
+    })(),
+    content: readString2(item.content),
+    filename: readNonEmptyString(item.filename) || void 0,
+    mimeType: readNonEmptyString(item.mimeType) || void 0,
+    sizeBytes: readOptionalFiniteNumber(item.sizeBytes)
+  })) : [];
+  const debugTrace = isRecord(rawAssistantTurn.debug) ? {
+    generationMs: readOptionalFiniteNumber(rawAssistantTurn.debug.generationMs),
+    usage: isRecord(rawAssistantTurn.debug.usage) ? {
+      promptTokens: readFiniteNumber(rawAssistantTurn.debug.usage.promptTokens),
+      completionTokens: readFiniteNumber(rawAssistantTurn.debug.usage.completionTokens),
+      totalTokens: readFiniteNumber(rawAssistantTurn.debug.usage.totalTokens),
+      cachedTokens: readOptionalFiniteNumber(rawAssistantTurn.debug.usage.cachedTokens),
+      cost: readOptionalFiniteNumber(rawAssistantTurn.debug.usage.cost)
+    } : void 0,
+    tools: Array.isArray(rawAssistantTurn.debug.tools) ? rawAssistantTurn.debug.tools.filter((tool) => isRecord(tool)).map((tool) => ({
+      callId: readNonEmptyString(tool.callId) || void 0,
+      name: readString2(tool.name),
+      arguments: readNonEmptyString(tool.arguments) || void 0,
+      result: readNonEmptyString(tool.result) || void 0,
+      error: readNonEmptyString(tool.error) || void 0,
+      durationMs: readOptionalFiniteNumber(tool.durationMs)
+    })) : []
+  } : void 0;
+  return {
+    id: assistantID,
+    role: normalizeMessageRole(rawAssistantTurn.role),
+    content: readString2(rawAssistantTurn.content),
+    explanation: readNonEmptyString(rawAssistantTurn.explanation) || void 0,
+    citations,
+    toolCalls,
+    chartData: void 0,
+    renderTables: void 0,
+    artifacts: sanitizeAssistantArtifacts(rawAssistantTurn.artifacts, turnId),
+    codeOutputs,
+    debug: debugTrace,
+    createdAt: readString2(rawAssistantTurn.createdAt, fallbackCreatedAt)
+  };
+}
+function sanitizeConversationTurn(rawTurn, index, fallbackSessionID) {
+  if (!isRecord(rawTurn)) {
+    warnMalformedSessionPayload("Dropped malformed turn payload (not an object)", { index });
+    return null;
+  }
+  if (!isRecord(rawTurn.userTurn)) {
+    warnMalformedSessionPayload("Dropped malformed turn payload (missing user turn)", { index });
+    return null;
+  }
+  const userTurnID = readNonEmptyString(rawTurn.userTurn.id);
+  if (!userTurnID) {
+    warnMalformedSessionPayload("Dropped malformed turn payload (missing user turn id)", { index });
+    return null;
+  }
+  const turnID = readString2(rawTurn.id, userTurnID);
+  const createdAt = readString2(
+    rawTurn.createdAt,
+    readString2(rawTurn.userTurn.createdAt, (/* @__PURE__ */ new Date()).toISOString())
+  );
+  return {
+    id: turnID,
+    sessionId: readString2(rawTurn.sessionId, fallbackSessionID),
+    userTurn: {
+      id: userTurnID,
+      content: readString2(rawTurn.userTurn.content),
+      attachments: sanitizeUserAttachments(rawTurn.userTurn.attachments, turnID),
+      createdAt: readString2(rawTurn.userTurn.createdAt, createdAt)
+    },
+    assistantTurn: sanitizeAssistantTurn(rawTurn.assistantTurn, createdAt, turnID),
+    createdAt
+  };
+}
+function sanitizeConversationTurns(rawTurns, sessionID) {
+  if (!Array.isArray(rawTurns)) {
+    warnMalformedSessionPayload("Session payload contained non-array turns field", { sessionID });
+    return [];
+  }
+  const turns = [];
+  let dropped = 0;
+  for (let i = 0; i < rawTurns.length; i++) {
+    const sanitizedTurn = sanitizeConversationTurn(rawTurns[i], i, sessionID);
+    if (sanitizedTurn) {
+      turns.push(sanitizedTurn);
+    } else {
+      dropped++;
+    }
+  }
+  if (dropped > 0) {
+    warnMalformedSessionPayload("Dropped malformed turns from session payload", {
+      sessionID,
+      dropped,
+      total: rawTurns.length
+    });
+  }
+  return turns;
+}
+function sanitizePendingQuestion(rawPendingQuestion, sessionID) {
+  if (!rawPendingQuestion) return null;
+  const checkpointID = readNonEmptyString(rawPendingQuestion.checkpointId);
+  if (!checkpointID) {
+    warnMalformedSessionPayload("Dropped malformed pendingQuestion without checkpointId", { sessionID });
+    return null;
+  }
+  if (!Array.isArray(rawPendingQuestion.questions)) {
+    warnMalformedSessionPayload("Pending question had non-array questions payload", {
+      sessionID,
+      checkpointID
+    });
+  }
+  const questions = Array.isArray(rawPendingQuestion.questions) ? rawPendingQuestion.questions.filter((question) => {
+    if (!question || !isRecord(question)) {
+      warnMalformedSessionPayload("Dropped malformed question from pendingQuestion", {
+        sessionID,
+        checkpointID
+      });
+      return false;
+    }
+    return true;
+  }).map((question, index) => {
+    const questionID = readString2(question.id, `${checkpointID}-q-${index}`);
+    const options = Array.isArray(question.options) ? question.options.filter((option) => {
+      if (!option || !isRecord(option)) {
+        warnMalformedSessionPayload("Dropped malformed pendingQuestion option", {
+          sessionID,
+          checkpointID,
+          questionID
+        });
+        return false;
+      }
+      return true;
+    }).map((option, optionIndex) => {
+      const label = readString2(option.label);
+      return {
+        id: readString2(option.id, `${questionID}-opt-${optionIndex}`),
+        label,
+        value: label
+      };
+    }) : [];
+    return {
+      id: questionID,
+      text: readString2(question.text),
+      type: normalizeQuestionType(question.type),
+      options
+    };
+  }) : [];
   return {
-    id: rpc.checkpointId,
-    turnId: rpc.turnId || "",
+    id: checkpointID,
+    turnId: readString2(rawPendingQuestion.turnId),
     questions,
     status: "PENDING"
   };
@@ -12152,6 +13077,18 @@ function extractChartDataFromToolCalls(toolCalls) {
   }
   return void 0;
 }
+function extractRenderTablesFromToolCalls(toolCalls) {
+  if (!toolCalls) return [];
+  const tables = [];
+  for (const tc of toolCalls) {
+    if (tc.name !== "renderTable" || !tc.result) continue;
+    const parsed = parseRenderTableDataFromJsonString(tc.result, tc.id);
+    if (parsed) {
+      tables.push(parsed);
+    }
+  }
+  return tables;
+}
 var EXPORT_TOOL_NAMES = {
   export_query_to_excel: "excel",
   export_data_to_excel: "excel",
@@ -12187,6 +13124,7 @@ function extractDownloadArtifactsFromToolCalls(toolCalls) {
 function normalizeAssistantTurn(turn) {
   const existingArtifacts = turn.artifacts || [];
   const fromToolCalls = extractDownloadArtifactsFromToolCalls(turn.toolCalls);
+  const renderTables = turn.renderTables || extractRenderTablesFromToolCalls(turn.toolCalls);
   const merged = [...existingArtifacts];
   for (const a of fromToolCalls) {
     if (!merged.some((e) => e.url === a.url && e.filename === a.filename)) {
@@ -12197,6 +13135,7 @@ function normalizeAssistantTurn(turn) {
     ...turn,
     role: turn.role || "assistant" /* Assistant */,
     chartData: turn.chartData || extractChartDataFromToolCalls(turn.toolCalls),
+    renderTables,
     citations: turn.citations || [],
     artifacts: merged,
     codeOutputs: turn.codeOutputs || []
@@ -12276,6 +13215,7 @@ var HttpDataSource = class {
     this.abortController = null;
     this.config = {
       streamEndpoint: "/stream",
+      uploadEndpoint: "/api/uploads",
       timeout: 12e4,
       ...config
     };
@@ -12311,6 +13251,216 @@ var HttpDataSource = class {
     }
     return headers;
   }
+  createUploadHeaders(additionalHeaders) {
+    const headers = new Headers({
+      ...this.config.headers,
+      ...additionalHeaders
+    });
+    const csrfToken = this.getCSRFToken();
+    if (csrfToken) {
+      headers.set("X-CSRF-Token", csrfToken);
+    }
+    headers.delete("Content-Type");
+    return headers;
+  }
+  logAttachmentLifecycle(event, details) {
+    const payload = {
+      source: "HttpDataSource",
+      event,
+      ...details
+    };
+    if (event.endsWith("_fail")) {
+      console.warn("[bichat.attachments]", payload);
+      return;
+    }
+  }
+  async normalizeAttachmentFile(attachment, file) {
+    const signatureBytes = new Uint8Array(await file.slice(0, 16).arrayBuffer());
+    const detectedMimeType = detectMimeFromSignature(signatureBytes);
+    const declaredMimeType = (attachment.mimeType || file.type || "").trim().toLowerCase();
+    let resolvedMimeType = declaredMimeType || detectedMimeType || "application/octet-stream";
+    let correctedFromDeclared = false;
+    if (detectedMimeType && declaredMimeType && detectedMimeType !== declaredMimeType) {
+      const safeToCorrect = SAFE_AUTOCORRECT_MIME_TYPES.has(detectedMimeType) && SAFE_AUTOCORRECT_MIME_TYPES.has(declaredMimeType);
+      if (!safeToCorrect) {
+        throw new Error(
+          `Attachment "${attachment.filename}" MIME mismatch: declared "${declaredMimeType}", detected "${detectedMimeType}"`
+        );
+      }
+      resolvedMimeType = detectedMimeType;
+      correctedFromDeclared = true;
+    } else if (detectedMimeType && !declaredMimeType) {
+      resolvedMimeType = detectedMimeType;
+    }
+    const normalizedName = normalizeFilenameForMime(attachment.filename, resolvedMimeType);
+    const normalized = new File([file], normalizedName, {
+      type: resolvedMimeType,
+      lastModified: file.lastModified
+    });
+    this.logAttachmentLifecycle("attachment_decode_success", {
+      attachmentKey: attachment.clientKey,
+      filename: attachment.filename,
+      normalizedFilename: normalized.name,
+      declaredMimeType: declaredMimeType || void 0,
+      detectedMimeType,
+      resolvedMimeType,
+      correctedFromDeclared,
+      sizeBytes: normalized.size
+    });
+    return normalized;
+  }
+  async uploadFile(file) {
+    const formData = new FormData();
+    formData.append("file", file);
+    const response = await fetch(`${this.config.baseUrl}${this.config.uploadEndpoint}`, {
+      method: "POST",
+      headers: this.createUploadHeaders(),
+      body: formData
+    });
+    let payload = null;
+    try {
+      payload = await response.json();
+    } catch {
+      payload = null;
+    }
+    if (!response.ok) {
+      const errorMessage = isRecord(payload) && typeof payload.error === "string" ? payload.error : `Upload failed: HTTP ${response.status}`;
+      throw new Error(errorMessage);
+    }
+    if (!isRecord(payload) || typeof payload.id !== "number" || payload.id <= 0) {
+      throw new Error("Upload failed: invalid response payload");
+    }
+    return {
+      id: payload.id,
+      url: typeof payload.url === "string" ? payload.url : "",
+      path: typeof payload.path === "string" ? payload.path : "",
+      name: typeof payload.name === "string" ? payload.name : file.name,
+      mimetype: typeof payload.mimetype === "string" ? payload.mimetype : file.type,
+      size: typeof payload.size === "number" && Number.isFinite(payload.size) ? payload.size : file.size
+    };
+  }
+  async attachmentToFile(attachment) {
+    if (attachment.base64Data && attachment.base64Data.trim().length > 0) {
+      try {
+        const base64Data = attachment.base64Data.trim();
+        const dataUrl = base64Data.startsWith("data:") ? base64Data : `data:${attachment.mimeType || "application/octet-stream"};base64,${base64Data}`;
+        const blob = await fetch(dataUrl).then((response) => response.blob());
+        return new File([blob], attachment.filename, {
+          type: attachment.mimeType || blob.type || "application/octet-stream"
+        });
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Unknown decode error";
+        throw new Error(`Attachment "${attachment.filename}" decode failed: ${message}`);
+      }
+    }
+    if (attachment.url) {
+      let parsed;
+      try {
+        parsed = new URL(attachment.url, window.location?.origin ?? "https://localhost");
+        if (!["http:", "https:"].includes(parsed.protocol)) {
+          throw new Error(`Attachment "${attachment.filename}" URL has disallowed protocol: ${parsed.protocol}`);
+        }
+      } catch (err) {
+        if (err instanceof Error && err.message.includes("Attachment")) throw err;
+        throw new Error(`Attachment "${attachment.filename}" has invalid or malformed URL`);
+      }
+      const response = await fetch(parsed.href);
+      if (!response.ok) {
+        throw new Error(`Attachment "${attachment.filename}" decode failed: source HTTP ${response.status}`);
+      }
+      const blob = await response.blob();
+      return new File([blob], attachment.filename, {
+        type: attachment.mimeType || blob.type || "application/octet-stream"
+      });
+    }
+    throw new Error(`Attachment "${attachment.filename}" has no uploadable data`);
+  }
+  assertUploadReferences(uploads) {
+    return uploads.map((upload, index) => {
+      if (typeof upload.id !== "number" || !Number.isFinite(upload.id) || upload.id <= 0) {
+        throw new Error(`Attachment upload reference is invalid at index ${index}`);
+      }
+      return { uploadId: upload.id };
+    });
+  }
+  async ensureAttachmentUpload(attachment, context) {
+    if (typeof attachment.uploadId === "number" && attachment.uploadId > 0) {
+      this.logAttachmentLifecycle("attachment_upload_success", {
+        sessionId: context.sessionId,
+        attachmentIndex: context.attachmentIndex,
+        attachmentKey: attachment.clientKey,
+        filename: attachment.filename,
+        uploadId: attachment.uploadId,
+        reusedUploadId: true
+      });
+      return {
+        id: attachment.uploadId,
+        url: attachment.url || "",
+        path: "",
+        name: attachment.filename,
+        mimetype: attachment.mimeType,
+        size: attachment.sizeBytes
+      };
+    }
+    this.logAttachmentLifecycle("attachment_decode_start", {
+      sessionId: context.sessionId,
+      attachmentIndex: context.attachmentIndex,
+      attachmentKey: attachment.clientKey,
+      filename: attachment.filename,
+      hasBase64Data: Boolean(attachment.base64Data && attachment.base64Data.trim().length > 0),
+      hasURL: Boolean(attachment.url)
+    });
+    let file;
+    try {
+      const rawFile = await this.attachmentToFile(attachment);
+      file = await this.normalizeAttachmentFile(attachment, rawFile);
+      validateAttachmentFile(file);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown attachment decode/validation error";
+      this.logAttachmentLifecycle("attachment_decode_fail", {
+        sessionId: context.sessionId,
+        attachmentIndex: context.attachmentIndex,
+        attachmentKey: attachment.clientKey,
+        filename: attachment.filename,
+        error: message
+      });
+      throw new Error(message);
+    }
+    this.logAttachmentLifecycle("attachment_upload_start", {
+      sessionId: context.sessionId,
+      attachmentIndex: context.attachmentIndex,
+      attachmentKey: attachment.clientKey,
+      filename: file.name,
+      mimeType: file.type,
+      sizeBytes: file.size
+    });
+    try {
+      const upload = await this.uploadFile(file);
+      attachment.uploadId = upload.id;
+      attachment.mimeType = upload.mimetype || file.type;
+      attachment.filename = upload.name || file.name;
+      attachment.sizeBytes = upload.size || file.size;
+      this.logAttachmentLifecycle("attachment_upload_success", {
+        sessionId: context.sessionId,
+        attachmentIndex: context.attachmentIndex,
+        attachmentKey: attachment.clientKey,
+        filename: attachment.filename,
+        uploadId: upload.id,
+        reusedUploadId: false
+      });
+      return upload;
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown upload error";
+      this.logAttachmentLifecycle("attachment_upload_fail", {
+        sessionId: context.sessionId,
+        attachmentIndex: context.attachmentIndex,
+        attachmentKey: attachment.clientKey,
+        filename: file.name,
+        error: message
+      });
+      throw new Error(`Attachment "${attachment.filename}" upload failed: ${message}`);
+    }
+  }
   async callRPC(method, params) {
     return this.rpc.callTyped(method, params);
   }
@@ -12333,11 +13483,22 @@ var HttpDataSource = class {
           return { artifacts: [], hasMore: false, nextOffset: 0 };
         })
       ]);
-      const turns = attachArtifactsToTurns(normalizeTurns(data.turns), artifactsData.artifacts || []);
+      const sanitizedTurns = sanitizeConversationTurns(data.turns, id);
+      const turns = attachArtifactsToTurns(
+        normalizeTurns(sanitizedTurns),
+        artifactsData.artifacts || []
+      );
+      const pendingQuestion = sanitizePendingQuestion(data.pendingQuestion, id);
+      if (data.pendingQuestion && pendingQuestion && pendingQuestion.questions.length === 0) {
+        warnMalformedSessionPayload("Pending question normalized to zero renderable questions", {
+          sessionID: id,
+          checkpointID: pendingQuestion.id
+        });
+      }
       return {
         session: toSession(data.session),
         turns,
-        pendingQuestion: toPendingQuestion(data.pendingQuestion)
+        pendingQuestion
       };
     } catch (err) {
       if (isSessionNotFoundError(err)) {
@@ -12369,27 +13530,12 @@ var HttpDataSource = class {
       return { artifacts: [] };
     }
     validateFileCount(0, files.length, 10);
-    const attachments = [];
-    for (const file of files) {
-      validateAttachmentFile(file);
-      const base64Data = await convertToBase64(file);
-      attachments.push({
-        clientKey: crypto.randomUUID(),
-        filename: file.name,
-        mimeType: file.type,
-        sizeBytes: file.size,
-        base64Data
-      });
-    }
+    files.forEach((file) => validateAttachmentFile(file));
+    const uploads = await Promise.all(files.map((file) => this.uploadFile(file)));
     const data = await this.callRPC("bichat.session.uploadArtifacts", {
       sessionId,
-      attachments: attachments.map((a) => ({
-        id: "",
-        // Backend will assign ID
-        filename: a.filename,
-        mimeType: a.mimeType,
-        sizeBytes: a.sizeBytes,
-        base64Data: a.base64Data
+      attachments: uploads.map((upload) => ({
+        uploadId: upload.id
       }))
     });
     return {
@@ -12420,22 +13566,26 @@ var HttpDataSource = class {
       signal.addEventListener("abort", onExternalAbort);
     }
     const url = `${this.config.baseUrl}${this.config.streamEndpoint}`;
-    const payload = {
-      sessionId,
-      content,
-      debugMode: options?.debugMode ?? false,
-      replaceFromMessageId: options?.replaceFromMessageID,
-      attachments: attachments.map((a) => ({
-        filename: a.filename,
-        mimeType: a.mimeType,
-        sizeBytes: a.sizeBytes,
-        base64Data: a.base64Data,
-        url: a.url
-      }))
-    };
     let connectionTimeoutID;
     let connectionTimedOut = false;
     try {
+      const uploads = await Promise.all(
+        attachments.map(
+          (attachment, attachmentIndex) => this.ensureAttachmentUpload(attachment, { sessionId, attachmentIndex })
+        )
+      );
+      const streamAttachments = this.assertUploadReferences(uploads);
+      this.logAttachmentLifecycle("stream_send_with_upload_ids", {
+        sessionId,
+        attachmentCount: streamAttachments.length
+      });
+      const payload = {
+        sessionId,
+        content,
+        debugMode: options?.debugMode ?? false,
+        replaceFromMessageId: options?.replaceFromMessageID,
+        attachments: streamAttachments
+      };
       const timeoutMs = this.config.timeout ?? 0;
       if (timeoutMs > 0) {
         connectionTimeoutID = setTimeout(() => {
@@ -12603,6 +13753,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, 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 };
+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, InteractiveTableCard, 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