@iota-uz/sdk 0.4.19 → 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"() {
@@ -1547,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();
@@ -1814,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 {
@@ -2004,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,
@@ -2666,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,
@@ -2678,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) => {
@@ -2688,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);
@@ -2696,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;
@@ -2869,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 () => {
@@ -2878,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;
@@ -2962,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;
@@ -3012,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(
@@ -3189,67 +3382,295 @@ function StreamingCursor() {
 }
 var StreamingCursor_default = StreamingCursor;
 
-// ui/src/bichat/components/AssistantMessage.tsx
-init_ChartCard();
+// ui/src/bichat/components/AssistantMessage.tsx
+init_ChartCard();
+
+// 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 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(
+        exports.TableExportButton,
+        {
+          onClick: handleExport,
+          disabled: exportDisabled,
+          label: t("BiChat.Table.ExportToExcel"),
+          disabledTooltip: sendDisabled ? t("BiChat.Table.PleaseWait") : t("BiChat.Table.ExportUnavailable")
+        }
+      )
+    ] }),
+    /* @__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")
+          }
+        )
+      ] })
+    ] }),
+    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 }) {
-  if (!citations || citations.length === 0) {
-    return null;
+  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",
+      {
+        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.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 /* @__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(
-        "svg",
+        "button",
         {
-          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"
-            }
-          )
+          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.jsxs("span", { children: [
-        citations.length,
-        " ",
-        citations.length === 1 ? "source" : "sources"
-      ] })
+      )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(react$1.DisclosurePanel, { className: "mt-2 space-y-2", children: citations.map((citation, index) => /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        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,
-              '"'
-            ] })
-          ] })
+    /* @__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",
@@ -3601,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`;
@@ -3899,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",
@@ -3915,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,
@@ -3959,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) {
@@ -4000,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 || "",
@@ -4021,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,
@@ -4118,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,
@@ -9240,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 {
@@ -9297,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(
@@ -9341,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 () => {
@@ -9361,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 () => {
@@ -9370,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++;
@@ -9403,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);
@@ -9466,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"));
@@ -10279,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,
@@ -12149,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;
@@ -12179,7 +12712,7 @@ function toSessionArtifact(artifact) {
 function warnMalformedSessionPayload(message, details) {
   console.warn(`[BiChat] ${message}`, details || {});
 }
-function readString(value, fallback = "") {
+function readString2(value, fallback = "") {
   return typeof value === "string" ? value : fallback;
 }
 function readNonEmptyString(value) {
@@ -12193,12 +12726,52 @@ function readFiniteNumber(value, fallback = 0) {
 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 = readString(rawType).trim().toUpperCase().replace(/[\s-]+/g, "_");
+  const normalized = readString2(rawType).trim().toUpperCase().replace(/[\s-]+/g, "_");
   return normalized === "MULTIPLE_CHOICE" ? "MULTIPLE_CHOICE" : "SINGLE_CHOICE";
 }
 function normalizeMessageRole(rawRole) {
-  const normalized = readString(rawRole).trim().toLowerCase();
+  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 */;
@@ -12209,8 +12782,8 @@ function sanitizeAttachment(rawAttachment, turnId, index) {
     warnMalformedSessionPayload("Dropped malformed attachment entry", { turnId, index });
     return null;
   }
-  const filename = readString(rawAttachment.filename, "attachment");
-  const mimeType = readString(rawAttachment.mimeType, "application/octet-stream");
+  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 {
@@ -12243,7 +12816,7 @@ function sanitizeAssistantArtifacts(rawArtifacts, turnId) {
       warnMalformedSessionPayload("Dropped malformed assistant artifact", { turnId, index: i });
       continue;
     }
-    const type = readString(raw.type).toLowerCase();
+    const type = readString2(raw.type).toLowerCase();
     if (type !== "excel" && type !== "pdf") {
       continue;
     }
@@ -12254,7 +12827,7 @@ function sanitizeAssistantArtifacts(rawArtifacts, turnId) {
     }
     artifacts.push({
       type,
-      filename: readString(raw.filename, "download"),
+      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,
@@ -12275,29 +12848,29 @@ function sanitizeAssistantTurn(rawAssistantTurn, fallbackCreatedAt, turnId) {
     return void 0;
   }
   const citations = Array.isArray(rawAssistantTurn.citations) ? rawAssistantTurn.citations.filter((item) => isRecord(item)).map((item, index) => ({
-    id: readString(item.id, `${assistantID}-citation-${index}`),
-    type: readString(item.type),
-    title: readString(item.title),
-    url: readString(item.url),
+    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: readString(item.id, `${assistantID}-tool-${index}`),
-    name: readString(item.name),
-    arguments: readString(item.arguments),
+    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 = readString(item.type, "text").toLowerCase();
+      const normalizedType = readString2(item.type, "text").toLowerCase();
       if (normalizedType === "image" || normalizedType === "error") return normalizedType;
       return "text";
     })(),
-    content: readString(item.content),
+    content: readString2(item.content),
     filename: readNonEmptyString(item.filename) || void 0,
     mimeType: readNonEmptyString(item.mimeType) || void 0,
     sizeBytes: readOptionalFiniteNumber(item.sizeBytes)
@@ -12313,7 +12886,7 @@ function sanitizeAssistantTurn(rawAssistantTurn, fallbackCreatedAt, turnId) {
     } : void 0,
     tools: Array.isArray(rawAssistantTurn.debug.tools) ? rawAssistantTurn.debug.tools.filter((tool) => isRecord(tool)).map((tool) => ({
       callId: readNonEmptyString(tool.callId) || void 0,
-      name: readString(tool.name),
+      name: readString2(tool.name),
       arguments: readNonEmptyString(tool.arguments) || void 0,
       result: readNonEmptyString(tool.result) || void 0,
       error: readNonEmptyString(tool.error) || void 0,
@@ -12323,15 +12896,16 @@ function sanitizeAssistantTurn(rawAssistantTurn, fallbackCreatedAt, turnId) {
   return {
     id: assistantID,
     role: normalizeMessageRole(rawAssistantTurn.role),
-    content: readString(rawAssistantTurn.content),
+    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: readString(rawAssistantTurn.createdAt, fallbackCreatedAt)
+    createdAt: readString2(rawAssistantTurn.createdAt, fallbackCreatedAt)
   };
 }
 function sanitizeConversationTurn(rawTurn, index, fallbackSessionID) {
@@ -12348,19 +12922,19 @@ function sanitizeConversationTurn(rawTurn, index, fallbackSessionID) {
     warnMalformedSessionPayload("Dropped malformed turn payload (missing user turn id)", { index });
     return null;
   }
-  const turnID = readString(rawTurn.id, userTurnID);
-  const createdAt = readString(
+  const turnID = readString2(rawTurn.id, userTurnID);
+  const createdAt = readString2(
     rawTurn.createdAt,
-    readString(rawTurn.userTurn.createdAt, (/* @__PURE__ */ new Date()).toISOString())
+    readString2(rawTurn.userTurn.createdAt, (/* @__PURE__ */ new Date()).toISOString())
   );
   return {
     id: turnID,
-    sessionId: readString(rawTurn.sessionId, fallbackSessionID),
+    sessionId: readString2(rawTurn.sessionId, fallbackSessionID),
     userTurn: {
       id: userTurnID,
-      content: readString(rawTurn.userTurn.content),
+      content: readString2(rawTurn.userTurn.content),
       attachments: sanitizeUserAttachments(rawTurn.userTurn.attachments, turnID),
-      createdAt: readString(rawTurn.userTurn.createdAt, createdAt)
+      createdAt: readString2(rawTurn.userTurn.createdAt, createdAt)
     },
     assistantTurn: sanitizeAssistantTurn(rawTurn.assistantTurn, createdAt, turnID),
     createdAt
@@ -12413,7 +12987,7 @@ function sanitizePendingQuestion(rawPendingQuestion, sessionID) {
     }
     return true;
   }).map((question, index) => {
-    const questionID = readString(question.id, `${checkpointID}-q-${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", {
@@ -12425,23 +12999,23 @@ function sanitizePendingQuestion(rawPendingQuestion, sessionID) {
       }
       return true;
     }).map((option, optionIndex) => {
-      const label = readString(option.label);
+      const label = readString2(option.label);
       return {
-        id: readString(option.id, `${questionID}-opt-${optionIndex}`),
+        id: readString2(option.id, `${questionID}-opt-${optionIndex}`),
         label,
         value: label
       };
     }) : [];
     return {
       id: questionID,
-      text: readString(question.text),
+      text: readString2(question.text),
       type: normalizeQuestionType(question.type),
       options
     };
   }) : [];
   return {
     id: checkpointID,
-    turnId: readString(rawPendingQuestion.turnId),
+    turnId: readString2(rawPendingQuestion.turnId),
     questions,
     status: "PENDING"
   };
@@ -12513,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",
@@ -12548,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)) {
@@ -12558,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 || []
@@ -12685,6 +13273,52 @@ var HttpDataSource = class {
     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);
@@ -12717,17 +13351,32 @@ var HttpDataSource = class {
   }
   async attachmentToFile(attachment) {
     if (attachment.base64Data && attachment.base64Data.trim().length > 0) {
-      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"
-      });
+      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) {
-      const response = await fetch(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(`Failed to read attachment source: HTTP ${response.status}`);
+        throw new Error(`Attachment "${attachment.filename}" decode failed: source HTTP ${response.status}`);
       }
       const blob = await response.blob();
       return new File([blob], attachment.filename, {
@@ -12736,8 +13385,24 @@ var HttpDataSource = class {
     }
     throw new Error(`Attachment "${attachment.filename}" has no uploadable data`);
   }
-  async ensureAttachmentUpload(attachment) {
+  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 || "",
@@ -12747,8 +13412,64 @@ var HttpDataSource = class {
         size: attachment.sizeBytes
       };
     }
-    const file = await this.attachmentToFile(attachment);
-    return this.uploadFile(file);
+    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);
@@ -12859,16 +13580,21 @@ var HttpDataSource = class {
     let connectionTimedOut = false;
     try {
       const uploads = await Promise.all(
-        attachments.map((attachment) => this.ensureAttachmentUpload(attachment))
+        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: uploads.map((upload) => ({
-          uploadId: upload.id
-        }))
+        attachments: streamAttachments
       };
       const timeoutMs = this.config.timeout ?? 0;
       if (timeoutMs > 0) {
@@ -13072,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;