@iota-uz/sdk 0.4.17 → 0.4.20

package/dist/bichat/index.cjs

@@ -190,6 +190,37 @@ var init_ChartCard = __esm({
     DEFAULT_COLORS = ["#6366f1", "#06b6d4", "#f59e0b", "#ef4444", "#8b5cf6"];
   }
 });
+exports.TableExportButton = void 0;
+var init_TableExportButton = __esm({
+  "ui/src/bichat/components/TableExportButton.tsx"() {
+    init_useTranslation();
+    exports.TableExportButton = React.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.FileXls, { size: 16, weight: "fill" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedLabel })
+          ]
+        }
+      );
+    });
+  }
+});
 
 // ui/src/bichat/utils/citationProcessor.ts
 function processCitations(content, citations) {
@@ -302,37 +333,6 @@ var init_chartSpec = __esm({
     ]);
   }
 });
-exports.TableExportButton = void 0;
-var init_TableExportButton = __esm({
-  "ui/src/bichat/components/TableExportButton.tsx"() {
-    init_useTranslation();
-    exports.TableExportButton = React.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.FileXls, { size: 16, weight: "fill" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: resolvedLabel })
-          ]
-        }
-      );
-    });
-  }
-});
 exports.TableWithExport = void 0;
 var init_TableWithExport = __esm({
   "ui/src/bichat/components/TableWithExport.tsx"() {
@@ -1518,6 +1518,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)) {
@@ -1543,6 +1547,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();
@@ -1810,7 +1820,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 {
@@ -1907,6 +1921,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;
@@ -1924,19 +1939,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 {
@@ -1990,6 +2014,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,
@@ -2652,6 +2678,9 @@ var MemoizedAttachmentGrid = React__default.default.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,
@@ -2664,9 +2693,23 @@ function ImageModal({
   const [isImageLoaded, setIsImageLoaded] = React.useState(false);
   const [imageError, setImageError] = React.useState(false);
   const [retryKey, setRetryKey] = React.useState(0);
+  const [scale, setScale] = React.useState(1);
+  const [position, setPosition] = React.useState({ x: 0, y: 0 });
+  const [isDragging, setIsDragging] = React.useState(false);
+  const dragStartRef = React.useRef({ x: 0, y: 0 });
+  const positionRef = React.useRef({ x: 0, y: 0 });
+  const scaleRef = React.useRef(1);
+  const imageAreaRef = React.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;
+  React.useEffect(() => {
+    scaleRef.current = scale;
+  }, [scale]);
+  React.useEffect(() => {
+    positionRef.current = position;
+  }, [position]);
   React.useEffect(() => {
     if (!isOpen) return;
     const handleKeyDown = (e) => {
@@ -2674,6 +2717,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);
@@ -2682,128 +2733,246 @@ function ImageModal({
   React.useEffect(() => {
     setIsImageLoaded(false);
     setImageError(false);
+    setScale(1);
+    setPosition({ x: 0, y: 0 });
   }, [attachment]);
+  React.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 = React.useCallback(() => {
     setImageError(false);
     setIsImageLoaded(false);
     setRetryKey((k) => k + 1);
   }, []);
+  const zoomIn = React.useCallback(() => {
+    setScale((s) => Math.min(s + ZOOM_STEP, MAX_SCALE));
+  }, []);
+  const zoomOut = React.useCallback(() => {
+    setScale((s) => Math.max(s - ZOOM_STEP, MIN_SCALE));
+    if (scaleRef.current - ZOOM_STEP <= 1) setPosition({ x: 0, y: 0 });
+  }, []);
+  const resetZoom = React.useCallback(() => {
+    setScale(1);
+    setPosition({ x: 0, y: 0 });
+  }, []);
+  const handleDoubleClick = React.useCallback(() => {
+    const current = scaleRef.current;
+    if (current !== 1) {
+      setScale(1);
+      setPosition({ x: 0, y: 0 });
+    } else {
+      setScale(2);
+    }
+  }, []);
+  const handleMouseDown = React.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 = React.useCallback((e) => {
+    if (!isDragging) return;
+    setPosition({
+      x: e.clientX - dragStartRef.current.x,
+      y: e.clientY - dragStartRef.current.y
+    });
+  }, [isDragging]);
+  const handleMouseUp = React.useCallback(() => {
+    setIsDragging(false);
+  }, []);
+  const handleBackdropClick = React.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__ */ jsxRuntime.jsxs(react$1.Dialog, { open: isOpen, onClose, className: "relative", style: { zIndex: 99999 }, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       react$1.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__ */ jsxRuntime.jsxs(react$1.DialogPanel, { className: "fixed inset-0 flex flex-col", style: { zIndex: 1e5 }, children: [
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-          hasMultipleImages && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400 tabular-nums whitespace-nowrap", children: [
-            currentIndex + 1,
-            " / ",
-            allAttachments?.length
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-900 dark:text-gray-200 truncate", children: attachment.filename }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500 whitespace-nowrap", children: formatFileSize(attachment.sizeBytes) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.X, { size: 18, weight: "bold" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-400 dark:text-gray-500", children: t("BiChat.Loading") })
-            ] }) }),
-            imageError && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center text-center max-w-xs", children: [
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ImageBroken, { size: 28, className: "text-gray-400 dark:text-gray-500", weight: "duotone" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 mb-1", children: t("BiChat.Image.FailedToLoad") }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mb-5 truncate max-w-full", children: attachment.filename }),
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, weight: "bold" }),
-                    t("BiChat.Retry.Label")
-                  ]
-                }
-              )
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      react$1.DialogPanel,
+      {
+        className: "fixed inset-0 flex flex-col",
+        style: { zIndex: 1e5 },
+        onMouseMove: handleMouseMove,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: handleMouseUp,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center px-5 py-3 shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
+            hasMultipleImages && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-white/50 tabular-nums whitespace-nowrap font-medium", children: [
+              currentIndex + 1,
+              " / ",
+              allAttachments?.length
             ] }),
-            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.CaretLeft, { size: 20, weight: "bold" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.CaretRight, { size: 20, weight: "bold" })
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-white/90 truncate font-medium", children: attachment.filename }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white/40 whitespace-nowrap", children: formatFileSize(attachment.sizeBytes) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.X, { size: 20, weight: "bold" })
+                  }
+                ),
+                !isImageLoaded && !imageError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 border-2 border-white/20 border-t-white/60 rounded-full animate-spin" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-white/40", children: t("BiChat.Loading") })
+                ] }) }),
+                imageError && /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "flex flex-col items-center justify-center text-center max-w-xs", children: [
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ImageBroken, { size: 28, className: "text-white/30", weight: "duotone" }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-white/70 mb-1", children: t("BiChat.Image.FailedToLoad") }),
+                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-white/30 mb-5 truncate max-w-full", children: attachment.filename }),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, weight: "bold" }),
+                        t("BiChat.Retry.Label")
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.CaretLeft, { size: 20, weight: "bold" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.CaretRight, { size: 20, weight: "bold" })
+                    }
+                  )
+                ] }),
+                isImageLoaded && !imageError && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.MagnifyingGlassMinus, { size: 16, weight: "bold" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-white/60 tabular-nums font-medium min-w-[3.5rem] text-center select-none", children: [
+                    zoomPercent,
+                    "%"
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.MagnifyingGlassPlus, { size: 16, weight: "bold" })
+                    }
+                  ),
+                  isZoomed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-4 bg-white/15 mx-1" }),
+                    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ArrowsIn, { size: 16, weight: "bold" })
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 var ImageModal_default = ImageModal;
@@ -2855,6 +3024,7 @@ function UserMessage({
   const [draftContent, setDraftContent] = React.useState("");
   const [isCopied, setIsCopied] = React.useState(false);
   const copyFeedbackTimeoutRef = React.useRef(null);
+  const editTextareaRef = React.useRef(null);
   const classes = mergeClassNames(defaultClassNames, classNameOverrides);
   React.useEffect(() => {
     return () => {
@@ -2864,6 +3034,16 @@ function UserMessage({
       }
     };
   }, []);
+  React.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;
@@ -2948,6 +3128,21 @@ function UserMessage({
     onEdit(turnId, newContent);
     setIsEditing(false);
   }, [onEdit, turnId, draftContent, turn.content]);
+  const handleEditKeyDown = React.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 = React.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 = React.useCallback(
     (direction) => {
       if (selectedImageIndex === null) return;
@@ -2998,36 +3193,48 @@ function UserMessage({
           }
         )
       ) }),
-      turn.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.bubble, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.content, children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+      turn.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.bubble, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.content, children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
         /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 ml-auto", children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: `${classes.actions} ${isCopied ? "opacity-100" : ""}`, children: renderSlot(
@@ -3177,65 +3384,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__ */ jsxRuntime.jsx("div", { className: "mt-4 border-t border-[var(--bichat-border)] pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Disclosure, { children: ({ open }) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(react$1.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 = React.memo(function InteractiveTableCard2({
+  table,
+  onSendMessage,
+  sendDisabled = false
+}) {
+  const { t } = useTranslation();
+  const defaultPageSize = Math.min(Math.max(table.pageSize || 25, 1), 200);
+  const [page, setPage] = React.useState(1);
+  const [pageSize, setPageSize] = React.useState(defaultPageSize);
+  React.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));
+  React.useEffect(() => {
+    if (page > totalPages) {
+      setPage(totalPages);
+    }
+  }, [page, totalPages]);
+  const pageRows = React.useMemo(() => {
+    const start = (page - 1) * pageSize;
+    return table.rows.slice(start, start + pageSize);
+  }, [page, pageSize, table.rows]);
+  const pageSizeOptions = React.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 = React.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__ */ jsxRuntime.jsxs("section", { className: "w-full rounded-xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900/40", children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: table.title || t("BiChat.Table.QueryResults") }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-        "svg",
+        exports.TableExportButton,
         {
-          className: `w-4 h-4 transition-transform duration-150 ${open ? "rotate-90" : ""}`,
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { children: [
-        citations.length,
-        " ",
-        citations.length === 1 ? "source" : "sources"
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-[420px] overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full border-collapse text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "sticky top-0 bg-gray-100 dark:bg-gray-800 z-10", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200 dark:border-gray-700", children: table.headers.map((header, index) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("tbody", { children: [
+        pageRows.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+              "td",
+              {
+                className: "px-3 py-2 text-gray-700 dark:text-gray-300 align-top",
+                children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-gray-500 dark:text-gray-400", htmlFor: `${table.id}-page-size`, children: t("BiChat.Table.RowsLabel") }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: option, children: option }, `${table.id}-size-${option}`))
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Table.PageOf", { page: String(page), total: String(totalPages) }) }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react$1.DisclosurePanel, { className: "mt-2 space-y-2", children: citations.map((citation, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+    table.truncated && /* @__PURE__ */ jsxRuntime.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] = React.useState(false);
+  const open = React.useCallback(() => setIsOpen(true), []);
+  const close = React.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__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
       {
-        className: "p-3 bg-gray-50 dark:bg-gray-800/50 rounded-lg text-sm",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-gray-900 dark:text-gray-100", children: citation.title }),
-            citation.url && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { className: "flex -space-x-1.5", children: previewDomains.map((domain, i) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold text-gray-900 dark:text-gray-100", children: t("BiChat.Sources.Title") }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.X, { size: 14, weight: "bold" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-80 overflow-y-auto", children: citations.map((citation, index) => {
+      const domain = citation.url ? extractDomain(citation.url) : "";
+      const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 mt-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: cardClass, children: cardContent }, citation.id);
+    }) })
+  ] });
 }
 var MIME_BY_TYPE = {
   excel: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
@@ -3296,7 +3731,7 @@ function InlineQuestionForm({ pendingQuestion }) {
   const [currentStep, setCurrentStep] = React.useState(0);
   const [answers, setAnswers] = React.useState({});
   const [otherTexts, setOtherTexts] = React.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;
@@ -3390,9 +3825,31 @@ function InlineQuestionForm({ pendingQuestion }) {
     e.preventDefault();
     handleNext();
   };
-  if (!currentQuestion) return null;
+  if (!currentQuestion) {
+    return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-gray-800 dark:text-gray-200", children: t("BiChat.Error.SomethingWentWrong") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-gray-500 dark:text-gray-400", children: t("BiChat.Error.UnexpectedError") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
@@ -3565,6 +4022,59 @@ function InlineQuestionForm({ pendingQuestion }) {
   ] }) });
 }
 
+// ui/src/bichat/components/RetryActionArea.tsx
+init_useTranslation();
+var RetryActionArea = React.memo(function RetryActionArea2({
+  onRetry
+}) {
+  const { t } = useTranslation();
+  return (
+    // Wrapper matches TurnBubble layout for assistant messages (justify-start = left-aligned)
+    /* @__PURE__ */ jsxRuntime.jsx(
+      framerMotion.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  react.Warning,
+                  {
+                    className: "w-5 h-5 text-amber-500 dark:text-amber-400 flex-shrink-0",
+                    weight: "fill"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.Retry.Subtitle") })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.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`;
@@ -3863,6 +4373,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",
@@ -3879,6 +4390,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,
@@ -3923,6 +4435,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 = React.useCallback(async () => {
     try {
       if (onCopy) {
@@ -3964,15 +4484,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 || "",
@@ -3985,14 +4508,30 @@ function AssistantMessage({
     return slot;
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.root, children: [
-    !hideAvatar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatarClassName, children: renderSlot(slots?.avatar, avatarSlotProps, isSystemMessage ? "SYS" : "AI") }),
+    !hideAvatar && !showInlineRetry && /* @__PURE__ */ jsxRuntime.jsx("div", { className: avatarClassName, children: renderSlot(slots?.avatar, avatarSlotProps, isSystemMessage ? "SYS" : "AI") }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.wrapper, children: [
+      showInlineRetry && /* @__PURE__ */ jsxRuntime.jsx(RetryActionArea, { onRetry: () => {
+        void handleRegenerateClick();
+      } }),
       turn.codeOutputs && turn.codeOutputs.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.codeOutputs, children: renderSlot(
         slots?.codeOutputs,
         codeOutputsSlotProps,
         /* @__PURE__ */ jsxRuntime.jsx(CodeOutputsPanel_default, { outputs: turn.codeOutputs })
       ) }),
       turn.chartData && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.charts, children: renderSlot(slots?.charts, chartsSlotProps, /* @__PURE__ */ jsxRuntime.jsx(ChartCard, { chartData: turn.chartData })) }),
+      turn.renderTables && turn.renderTables.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.tables, children: renderSlot(
+        slots?.tables,
+        tablesSlotProps,
+        turn.renderTables.map((table) => /* @__PURE__ */ jsxRuntime.jsx(
+          InteractiveTableCard,
+          {
+            table,
+            onSendMessage,
+            sendDisabled: sendDisabled || isStreaming
+          },
+          table.id
+        ))
+      ) }),
       hasContent && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: bubbleClassName, children: [
         renderSlot(
           slots?.content,
@@ -4082,7 +4621,7 @@ function AssistantMessage({
               children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(react.Check, { size: 14, weight: "bold" }) : /* @__PURE__ */ jsxRuntime.jsx(react.Copy, { size: 14, weight: "regular" })
             }
           ),
-          onRegenerate && turnId && !isSystemMessage && isLastTurn && /* @__PURE__ */ jsxRuntime.jsx(
+          canRegenerate && /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: handleRegenerateClick,
@@ -4306,7 +4845,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__ */ jsxRuntime.jsxs("div", { className: classes.root, "data-turn-id": turn.id, children: [
     !isSystemSummaryTurn && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.userTurn, children: renderUserTurn ? renderUserTurn(turn) : /* @__PURE__ */ jsxRuntime.jsx(
       UserTurnView,
@@ -8084,12 +8624,63 @@ function DefaultErrorContent({
     ] })
   ] });
 }
+function StaticEmergencyErrorContent({
+  error,
+  onReset
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center p-8 text-center min-h-[200px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative mb-5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-red-100 scale-150 blur-md" }),
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.WarningCircle, { size: 28, className: "text-red-500", weight: "fill" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-gray-900 mb-1.5", children: "Something went wrong" }),
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, weight: "bold" }),
+          "Try again"
+        ]
+      }
+    )
+  ] }) });
+}
+var FallbackGuard = class extends React.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__ */ jsxRuntime.jsx(StaticEmergencyErrorContent, { error: this.props.primaryError, onReset: this.props.onReset });
+    }
+    return this.props.renderFallback();
+  }
+};
 var ErrorBoundary = class extends React.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) {
@@ -8101,13 +8692,24 @@ var ErrorBoundary = class extends React.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__ */ jsxRuntime.jsx(DefaultErrorContent, { error: this.state.error, onReset: this.handleReset });
+      return /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(DefaultErrorContent, { error: this.state.error, onReset: this.handleReset });
+          }
+        },
+        `${this.state.error?.name ?? "Error"}:${this.state.error?.message ?? ""}`
+      );
     }
     return this.props.children;
   }
@@ -9141,6 +9743,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] = React.useState(() => {
     try {
@@ -9198,7 +9804,7 @@ function Sidebar2({
   const shouldReduceMotion = framerMotion.useReducedMotion();
   const sessionListRef = React.useRef(null);
   const searchContainerRef = React.useRef(null);
-  const refreshForActiveSessionRef = React.useRef(null);
+  const activeSessionMissRetriesRef = React.useRef({});
   const { isCollapsed, toggle, collapse } = useSidebarCollapse();
   const collapsible = !onClose;
   const handleSidebarClick = React.useCallback(
@@ -9242,6 +9848,7 @@ function Sidebar2({
   const [actionError, setActionError] = React.useState(null);
   const accessDenied = loadError?.isPermissionDenied === true;
   const [refreshKey, setRefreshKey] = React.useState(0);
+  const [reconcilePollToken, setReconcilePollToken] = React.useState(0);
   const [showConfirm, setShowConfirm] = React.useState(false);
   const [sessionToArchive, setSessionToArchive] = React.useState(null);
   const fetchSessions = React.useCallback(async () => {
@@ -9262,8 +9869,13 @@ function Sidebar2({
     fetchSessions();
   }, [fetchSessions, refreshKey]);
   React.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 () => {
@@ -9271,31 +9883,33 @@ function Sidebar2({
     };
   }, []);
   React.useEffect(() => {
-    if (!activeSessionId) {
-      refreshForActiveSessionRef.current = null;
-      return;
-    }
+    activeSessionMissRetriesRef.current = {};
+  }, [activeSessionId]);
+  React.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 = React.useMemo(() => {
     const newChatLabel = t("BiChat.Chat.NewChat");
     return Array.isArray(sessions) && sessions.some((s) => s && (!s.title || s.title === newChatLabel));
   }, [sessions, t]);
   React.useEffect(() => {
-    if (!hasPlaceholderTitles) return;
-    const pollInterval = 2e3;
-    const maxPolls = 5;
+    if (!hasPlaceholderTitles && reconcilePollToken === 0) return;
     let pollCount = 0;
     const intervalId = setInterval(async () => {
       pollCount++;
@@ -9304,12 +9918,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);
@@ -9367,7 +9981,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"));
@@ -10180,59 +10796,6 @@ function BiChatLayout({
     ] })
   ] });
 }
-
-// ui/src/bichat/components/RetryActionArea.tsx
-init_useTranslation();
-var RetryActionArea = React.memo(function RetryActionArea2({
-  onRetry
-}) {
-  const { t } = useTranslation();
-  return (
-    // Wrapper matches TurnBubble layout for assistant messages (justify-start = left-aligned)
-    /* @__PURE__ */ jsxRuntime.jsx(
-      framerMotion.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  react.Warning,
-                  {
-                    className: "w-5 h-5 text-amber-500 dark:text-amber-400 flex-shrink-0",
-                    weight: "fill"
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700 dark:text-gray-300", children: t("BiChat.Retry.Subtitle") })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(react.ArrowClockwise, { size: 16, className: "w-4 h-4" }),
-                    t("BiChat.Retry.Button")
-                  ]
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  );
-});
 init_useTranslation();
 function MessageActions({
   message,
@@ -12050,6 +12613,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;
@@ -12066,6 +12698,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,
@@ -12076,21 +12709,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"
   };
@@ -12162,6 +13087,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",
@@ -12197,6 +13134,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)) {
@@ -12207,6 +13145,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 || []
@@ -12286,6 +13225,7 @@ var HttpDataSource = class {
     this.abortController = null;
     this.config = {
       streamEndpoint: "/stream",
+      uploadEndpoint: "/api/uploads",
       timeout: 12e4,
       ...config
     };
@@ -12321,6 +13261,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);
   }
@@ -12343,11 +13493,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)) {
@@ -12379,27 +13540,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 {
@@ -12430,22 +13576,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(() => {
@@ -12648,6 +13798,7 @@ exports.ErrorBoundary = ErrorBoundary;
 exports.HttpDataSource = HttpDataSource;
 exports.ImageModal = ImageModal;
 exports.InlineQuestionForm = InlineQuestionForm;
+exports.InteractiveTableCard = InteractiveTableCard;
 exports.IotaContextProvider = IotaContextProvider;
 exports.ListItemSkeleton = ListItemSkeleton;
 exports.LoadingSpinner = MemoizedLoadingSpinner;