@invergent/agent-chat-react 1.5.2 → 1.5.4

package/dist/index.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
 var react = require('react');
-var reactVega = require('react-vega');
+var auto = require('chart.js/auto');
 var nextThemes = require('next-themes');
 var jsxRuntime = require('react/jsx-runtime');
 var classVarianceAuthority = require('class-variance-authority');
 var radixUi = require('radix-ui');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
 var lucideReact = require('lucide-react');
 var useStickToBottom = require('use-stick-to-bottom');
 var cjk = require('@streamdown/cjk');
@@ -22,8 +22,10 @@ var Ansi = require('ansi-to-react');
 var tokenlens = require('tokenlens');
 var cmdk = require('cmdk');
 var nanoid = require('nanoid');
+require('pdfjs-dist/web/pdf_viewer.css');
 var dateFns = require('date-fns');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var Ansi__default = /*#__PURE__*/_interopDefault(Ansi);
@@ -37,56 +39,63 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var init_utils = __esm({
+  "src/lib/utils.ts"() {
+  }
+});
 
 // src/components/chat/artifacts/artifact-chart.tsx
 var artifact_chart_exports = {};
 __export(artifact_chart_exports, {
   ArtifactChart: () => ArtifactChart
 });
-function ArtifactChart({ spec }) {
+function ArtifactChart({
+  spec,
+  fill = false
+}) {
   const { resolvedTheme } = nextThemes.useTheme();
   const isDark = resolvedTheme === "dark";
-  const containerRef = react.useRef(null);
-  const [width, setWidth] = react.useState(null);
-  react.useEffect(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const observer = new ResizeObserver((entries) => {
-      const w = entries[0]?.contentRect.width ?? el.offsetWidth;
-      if (w >= MIN_CHART_WIDTH) setWidth(Math.floor(w));
-    });
-    observer.observe(el);
-    if (el.offsetWidth >= MIN_CHART_WIDTH) setWidth(el.offsetWidth);
-    return () => observer.disconnect();
-  }, []);
+  const canvasRef = react.useRef(null);
+  const chartRef = react.useRef(null);
   const [error, setError] = react.useState(null);
-  const merged = react.useMemo(() => {
-    if (width == null) return null;
-    const base = spec.vega_lite ?? {};
-    const themeConfig = isDark ? DARK_CONFIG : LIGHT_CONFIG;
+  const config = react.useMemo(() => {
+    const base = cloneChartConfig(spec.chart_js ?? {});
     return {
-      $schema: VEGA_LITE_SCHEMA,
-      width,
-      height: DEFAULT_CHART_HEIGHT,
       ...base,
-      config: {
-        ...themeConfig,
-        ...base.config ?? {}
-      }
+      options: mergeThemeOptions(base.options, base.type, isDark)
     };
-  }, [spec.vega_lite, isDark, width]);
+  }, [spec.chart_js, isDark]);
   react.useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    chartRef.current?.destroy();
+    chartRef.current = null;
     setError(null);
-  }, [spec.vega_lite]);
+    try {
+      chartRef.current = new auto.Chart(canvas, config);
+    } catch (e) {
+      setError(e instanceof Error ? e.message : String(e));
+    }
+    return () => {
+      chartRef.current?.destroy();
+      chartRef.current = null;
+    };
+  }, [config]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "w-full", children: merged && /* @__PURE__ */ jsxRuntime.jsx(
-      reactVega.VegaEmbed,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        spec: merged,
-        options: { actions: false, renderer: "svg" },
-        onError: (e) => setError(e instanceof Error ? e.message : String(e))
+        className: cn("relative w-full", fill && "h-full min-h-80"),
+        style: fill ? void 0 : {
+          height: DEFAULT_CHART_HEIGHT,
+          maxHeight: MAX_INLINE_CHART_HEIGHT
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx("canvas", { ref: canvasRef })
       }
-    ) }),
+    ),
     error && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-destructive", children: [
       "Chart error: ",
       error
@@ -94,35 +103,101 @@ function ArtifactChart({ spec }) {
     spec.caption && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: spec.caption })
   ] });
 }
-var VEGA_LITE_SCHEMA, DEFAULT_CHART_HEIGHT, MIN_CHART_WIDTH, LIGHT_CONFIG, DARK_CONFIG;
+function cloneChartConfig(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+function mergeThemeOptions(options, chartType, isDark) {
+  const theme = isDark ? DARK_THEME : LIGHT_THEME;
+  const base = isRecord(options) ? options : {};
+  const plugins = isRecord(base.plugins) ? base.plugins : {};
+  const legend = isRecord(plugins.legend) ? plugins.legend : {};
+  const legendLabels = isRecord(legend.labels) ? legend.labels : {};
+  const title = isRecord(plugins.title) ? plugins.title : {};
+  const scales = isRecord(base.scales) ? base.scales : {};
+  return {
+    responsive: true,
+    maintainAspectRatio: false,
+    color: theme.text,
+    ...base,
+    plugins: {
+      ...plugins,
+      legend: {
+        ...legend,
+        labels: {
+          color: theme.text,
+          ...legendLabels
+        }
+      },
+      title: {
+        color: theme.title,
+        ...title
+      }
+    },
+    scales: mergeScales(scales, chartType, theme)
+  };
+}
+function mergeScales(scales, chartType, theme) {
+  const names = /* @__PURE__ */ new Set([...defaultScaleNames(chartType), ...Object.keys(scales)]);
+  const merged = {};
+  for (const name of names) {
+    const scale = isRecord(scales[name]) ? scales[name] : {};
+    const ticks = isRecord(scale.ticks) ? scale.ticks : {};
+    const grid = isRecord(scale.grid) ? scale.grid : {};
+    const title = isRecord(scale.title) ? scale.title : {};
+    merged[name] = {
+      ...scale,
+      ticks: {
+        color: theme.text,
+        ...ticks
+      },
+      grid: {
+        color: theme.grid,
+        ...grid
+      },
+      border: {
+        color: theme.border,
+        ...isRecord(scale.border) ? scale.border : {}
+      },
+      title: {
+        color: theme.title,
+        ...title
+      }
+    };
+  }
+  return merged;
+}
+function defaultScaleNames(chartType) {
+  if (chartType === "bar" || chartType === "line" || chartType === "scatter") {
+    return ["x", "y"];
+  }
+  if (chartType === "bubble") {
+    return ["x", "y"];
+  }
+  if (chartType === "radar" || chartType === "polarArea") {
+    return ["r"];
+  }
+  return [];
+}
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+var DEFAULT_CHART_HEIGHT, MAX_INLINE_CHART_HEIGHT, LIGHT_THEME, DARK_THEME;
 var init_artifact_chart = __esm({
   "src/components/chat/artifacts/artifact-chart.tsx"() {
-    VEGA_LITE_SCHEMA = "https://vega.github.io/schema/vega-lite/v5.json";
+    init_utils();
     DEFAULT_CHART_HEIGHT = 320;
-    MIN_CHART_WIDTH = 120;
-    LIGHT_CONFIG = {
-      background: "transparent",
-      axis: {
-        labelColor: "#444",
-        titleColor: "#111",
-        gridColor: "#e5e7eb",
-        domainColor: "#d1d5db",
-        tickColor: "#d1d5db"
-      },
-      view: { stroke: "transparent" },
-      legend: { labelColor: "#444", titleColor: "#111" }
+    MAX_INLINE_CHART_HEIGHT = 800;
+    LIGHT_THEME = {
+      text: "#444",
+      title: "#111",
+      grid: "#e5e7eb",
+      border: "#d1d5db"
     };
-    DARK_CONFIG = {
-      background: "transparent",
-      axis: {
-        labelColor: "#cbd5e1",
-        titleColor: "#f1f5f9",
-        gridColor: "#374151",
-        domainColor: "#4b5563",
-        tickColor: "#4b5563"
-      },
-      view: { stroke: "transparent" },
-      legend: { labelColor: "#cbd5e1", titleColor: "#f1f5f9" }
+    DARK_THEME = {
+      text: "#cbd5e1",
+      title: "#f1f5f9",
+      grid: "#374151",
+      border: "#4b5563"
     };
   }
 });
@@ -137,9 +212,9 @@ function useAgentChatAdapterContext() {
   }
   return value;
 }
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
+
+// src/components/ui/button.tsx
+init_utils();
 var buttonVariants = classVarianceAuthority.cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-semibold tracking-widest whitespace-nowrap uppercase transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
   {
@@ -188,10 +263,13 @@ function Button({
     }
   );
 }
+
+// src/components/ai-elements/conversation.tsx
+init_utils();
 var Conversation = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   useStickToBottom.StickToBottom,
   {
-    className: cn("relative flex-1 overflow-y-auto", className),
+    className: cn("relative flex-1", className),
     initial: "smooth",
     resize: "smooth",
     role: "log",
@@ -256,6 +334,9 @@ var ConversationScrollButton = ({
     }
   );
 };
+
+// src/components/ui/tooltip.tsx
+init_utils();
 function TooltipProvider({
   delayDuration = 0,
   ...props
@@ -302,6 +383,9 @@ function TooltipContent({
     }
   ) });
 }
+
+// src/components/ai-elements/message.tsx
+init_utils();
 var Message = ({ className, from, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
@@ -376,6 +460,12 @@ function CollapsibleContent({
     }
   );
 }
+
+// src/components/ai-elements/reasoning.tsx
+init_utils();
+
+// src/components/ai-elements/shimmer.tsx
+init_utils();
 var ShimmerComponent = ({
   children,
   as: Component = "p",
@@ -552,6 +642,9 @@ var ReasoningContent = react.memo(
 Reasoning.displayName = "Reasoning";
 ReasoningTrigger.displayName = "ReasoningTrigger";
 ReasoningContent.displayName = "ReasoningContent";
+
+// src/components/reui/timeline.tsx
+init_utils();
 var TimelineContext = react.createContext(
   void 0
 );
@@ -674,6 +767,62 @@ function TimelineSeparator({
     }
   );
 }
+init_utils();
+
+// src/components/chat/tools/shared.ts
+function statusColorClass(status) {
+  if (status === "running") return "bg-primary animate-pulse";
+  if (status === "error") return "bg-red-500";
+  if (status === "cancelled") return "bg-muted-foreground/40";
+  return "bg-emerald-500";
+}
+function effectiveStatus(tc) {
+  if (tc.cancelled) return "cancelled";
+  if (tc.status !== "complete" || !tc.result) return tc.status;
+  try {
+    const parsed = JSON.parse(tc.result);
+    if (parsed?.exit_code !== void 0 && parsed.exit_code !== 0) return "error";
+    if (parsed?.error) return "error";
+    if (parsed?.status === "blocked" || parsed?.status === "error") return "error";
+    if (parsed?.success === false) return "error";
+  } catch {
+  }
+  return "complete";
+}
+function formatArgs(args) {
+  try {
+    return JSON.stringify(JSON.parse(args), null, 2);
+  } catch {
+    return args;
+  }
+}
+function parseArgs(args) {
+  try {
+    return JSON.parse(args);
+  } catch {
+    return null;
+  }
+}
+function truncate(s, max) {
+  return s.length > max ? s.slice(0, max) + "\n... (truncated)" : s;
+}
+function toolErrorSummary(result, max = 180) {
+  if (!result) return "";
+  try {
+    const parsed = JSON.parse(result);
+    const error = typeof parsed?.error === "string" ? parsed.error : "";
+    if (error === "sandbox_unavailable") {
+      return "Sandbox is unavailable. Workspace commands cannot run right now.";
+    }
+    const reason = typeof parsed?.reason === "string" ? parsed.reason : "";
+    const message = typeof parsed?.message === "string" ? parsed.message : "";
+    const detail = reason || message;
+    const summary = error && detail && detail !== error ? `${error}: ${detail}` : error || detail;
+    return summary ? summary.replace(/\s+/g, " ").slice(0, max) : "";
+  } catch {
+    return "";
+  }
+}
 function CopyButton({ text }) {
   const [copied, setCopied] = react.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -709,7 +858,8 @@ function parseTerminalResult(result, args) {
     const hasOutput = typeof parsed?.output === "string";
     const hasStdout = typeof parsed?.stdout === "string";
     const hasExitCode = typeof parsed?.exit_code === "number";
-    if (!hasOutput && !hasStdout && !hasExitCode) {
+    const errorSummary = toolErrorSummary(result, 400);
+    if (!hasOutput && !hasStdout && !hasExitCode && !errorSummary) {
       return null;
     }
     let command = "";
@@ -719,20 +869,20 @@ function parseTerminalResult(result, args) {
     } catch {
     }
     const output = parsed.output ?? parsed.stdout ?? "";
-    const stderr = parsed.stderr ?? parsed.error ?? "";
+    const stderr = parsed.stderr ?? errorSummary;
     const combined = stderr ? `${output}
 ${stderr}`.trim() : output;
     return {
       output: combined,
-      exit_code: parsed.exit_code ?? 0,
-      error: parsed.error ?? null,
+      exit_code: parsed.exit_code ?? (errorSummary ? 1 : 0),
+      error: errorSummary || null,
       command
     };
   } catch {
     return null;
   }
 }
-function TerminalCollapsible({ command, output, isRunning }) {
+function TerminalCollapsible({ command, output, isRunning, hasError }) {
   const [isOpen, setIsOpen] = react.useState(false);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Collapsible,
@@ -742,7 +892,7 @@ function TerminalCollapsible({ command, output, isRunning }) {
       className: "not-prose w-full",
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(CollapsibleTrigger, { className: "group/trigger flex w-fit items-center gap-2 text-sm transition-colors", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-left", children: isRunning ? /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { as: "span", duration: 1, children: "Running command..." }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "Command result" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-left", children: isRunning ? /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { as: "span", duration: 1, children: "Running command..." }) : hasError ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-destructive", children: "Command failed" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-foreground", children: "Command result" }) }),
           /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.ChevronDownIcon,
             {
@@ -799,7 +949,8 @@ function TerminalToolBlock({ tc }) {
       {
         command: result.command,
         output,
-        isRunning
+        isRunning,
+        hasError: result.exit_code !== 0 || Boolean(result.error)
       }
     );
   }
@@ -814,6 +965,9 @@ function TerminalToolBlock({ tc }) {
   }
   return null;
 }
+
+// src/components/ui/scroll-area.tsx
+init_utils();
 function ScrollArea({
   className,
   children,
@@ -866,6 +1020,9 @@ function ScrollBar({
     }
   );
 }
+
+// src/components/ai-elements/queue.tsx
+init_utils();
 var QueueItem = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "li",
   {
@@ -1018,6 +1175,9 @@ function TodoToolBlock({ tc }) {
     }) }) })
   ] }) });
 }
+
+// src/components/ai-elements/code-block.tsx
+init_utils();
 var isItalic = (fontStyle) => fontStyle && fontStyle & 1;
 var isBold = (fontStyle) => fontStyle && fontStyle & 2;
 var isUnderline = (fontStyle) => (
@@ -1307,6 +1467,9 @@ var CodeBlockCopyButton = ({
     }
   );
 };
+
+// src/components/ui/tabs.tsx
+init_utils();
 function Tabs({
   className,
   orientation = "horizontal",
@@ -1386,6 +1549,12 @@ function TabsContent({
     }
   );
 }
+
+// src/components/ai-elements/sandbox.tsx
+init_utils();
+
+// src/components/ui/badge.tsx
+init_utils();
 var badgeVariants = classVarianceAuthority.cva(
   "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 overflow-hidden rounded-none border-0 bg-transparent px-0 py-0 text-[0.625rem] font-semibold tracking-widest whitespace-nowrap uppercase transition-colors focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-0 has-data-[icon=inline-start]:pl-0 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!",
   {
@@ -1643,6 +1812,9 @@ function WebToolBlock({ tc }) {
     displayText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/70 truncate text-xs", children: displayText })
   ] });
 }
+
+// src/components/ui/dialog.tsx
+init_utils();
 function Dialog({
   ...props
 }) {
@@ -1772,6 +1944,12 @@ function DialogDescription({
     }
   );
 }
+
+// src/components/chat/tools/file-tools.tsx
+init_utils();
+
+// src/components/chat/diff-viewer.tsx
+init_utils();
 function splitChangeLines(change) {
   const v = change.value;
   if (v === "") return [];
@@ -2250,6 +2428,9 @@ function ListFilesBlock({ tc }) {
     ] })
   ] });
 }
+
+// src/components/ai-elements/terminal.tsx
+init_utils();
 var TerminalContext = react.createContext({
   autoScroll: true,
   isStreaming: false,
@@ -2444,7 +2625,10 @@ var Terminal = ({
     }
   ) });
 };
-function parseArgs(args) {
+
+// src/components/chat/tools/process-tool.tsx
+init_utils();
+function parseArgs2(args) {
   try {
     return JSON.parse(args);
   } catch {
@@ -2668,7 +2852,7 @@ function OutputPreview({ output }) {
 }
 function ProcessToolBlock({ tc }) {
   const isRunning = tc.status === "running";
-  const args = parseArgs(tc.args);
+  const args = parseArgs2(tc.args);
   const result = parseResult(tc.result);
   const action = args.action || "unknown";
   const actionLabel = {
@@ -2738,6 +2922,12 @@ function ProcessToolBlock({ tc }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-background pb-1", children: content })
   ] });
 }
+
+// src/components/chat/tools/expert-tool.tsx
+init_utils();
+
+// src/components/ui/textarea.tsx
+init_utils();
 function Textarea({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "textarea",
@@ -2751,44 +2941,6 @@ function Textarea({ className, ...props }) {
     }
   );
 }
-
-// src/components/chat/tools/shared.ts
-function statusColorClass(status) {
-  if (status === "running") return "bg-primary animate-pulse";
-  if (status === "error") return "bg-red-500";
-  if (status === "cancelled") return "bg-muted-foreground/40";
-  return "bg-emerald-500";
-}
-function effectiveStatus(tc) {
-  if (tc.cancelled) return "cancelled";
-  if (tc.status !== "complete" || !tc.result) return tc.status;
-  try {
-    const parsed = JSON.parse(tc.result);
-    if (parsed?.exit_code !== void 0 && parsed.exit_code !== 0) return "error";
-    if (parsed?.error) return "error";
-    if (parsed?.status === "blocked" || parsed?.status === "error") return "error";
-    if (parsed?.success === false) return "error";
-  } catch {
-  }
-  return "complete";
-}
-function formatArgs(args) {
-  try {
-    return JSON.stringify(JSON.parse(args), null, 2);
-  } catch {
-    return args;
-  }
-}
-function parseArgs2(args) {
-  try {
-    return JSON.parse(args);
-  } catch {
-    return null;
-  }
-}
-function truncate(s, max) {
-  return s.length > max ? s.slice(0, max) + "\n... (truncated)" : s;
-}
 var MAX_REASON_LENGTH = 500;
 function ExpertToolBlock({ tc }) {
   const [expanded, setExpanded] = react.useState(false);
@@ -2824,7 +2976,7 @@ function ExpertToolBlock({ tc }) {
     }
     void submit("up");
   };
-  const args = parseArgs2(tc.args) ?? {};
+  const args = parseArgs(tc.args) ?? {};
   const expertName = args.expert ?? null;
   const question = args.question ?? args.prompt ?? "";
   const result = parseExpertResult(tc.result);
@@ -2936,7 +3088,7 @@ function ExpertToolBlock({ tc }) {
 }
 function parseExpertResult(result) {
   if (!result) return null;
-  const parsed = parseArgs2(result);
+  const parsed = parseArgs(result);
   if (parsed) {
     return {
       ...parsed,
@@ -3043,11 +3195,11 @@ function ReasonForm({
   ] });
 }
 function SkillsListBlock({ tc }) {
-  const args = parseArgs2(tc.args) ?? {};
+  const args = parseArgs(tc.args) ?? {};
   const filter = args.category ? `category: ${args.category}` : "all";
   let summary = "";
   if (tc.result) {
-    const parsed = parseArgs2(tc.result);
+    const parsed = parseArgs(tc.result);
     if (parsed?.count !== void 0) {
       summary = `${parsed.count} skill${parsed.count === 1 ? "" : "s"}`;
     }
@@ -3062,11 +3214,11 @@ function SkillsListBlock({ tc }) {
   ] });
 }
 function SkillViewBlock({ tc }) {
-  const args = parseArgs2(tc.args) ?? {};
+  const args = parseArgs(tc.args) ?? {};
   const target = args.file_path ? `${args.name ?? "?"}/${args.file_path}` : args.name ?? "?";
   let summary = "";
   if (tc.result) {
-    const parsed = parseArgs2(tc.result);
+    const parsed = parseArgs(tc.result);
     if (parsed?.staged_at) {
       summary = `staged at ${parsed.staged_at}`;
     } else if (parsed?.token_estimate) {
@@ -3082,6 +3234,12 @@ function SkillViewBlock({ tc }) {
     ] })
   ] });
 }
+
+// src/components/chat/tools/clarify-tool.tsx
+init_utils();
+
+// src/components/ui/input.tsx
+init_utils();
 function Input({ className, type, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "input",
@@ -3113,7 +3271,7 @@ function buildAnswer(q, sel) {
 }
 function ClarifyToolBlock({ tc }) {
   const { adapter, sessionId } = useAgentChatAdapterContext();
-  const args = react.useMemo(() => parseArgs2(tc.args), [tc.args]);
+  const args = react.useMemo(() => parseArgs(tc.args), [tc.args]);
   const questions = args?.questions ?? [];
   const [active, setActive] = react.useState(0);
   const [selections, setSelections] = react.useState(
@@ -3395,7 +3553,7 @@ function ClarifyLocked({
   ] });
 }
 function ArtifactToolBlock({ tc }) {
-  const args = parseArgs2(tc.args) ?? {};
+  const args = parseArgs(tc.args) ?? {};
   const status = effectiveStatus(tc);
   const label = status === "running" ? "Creating artifact\u2026" : status === "error" ? "Tried to create" : "Created";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm ", children: [
@@ -3403,13 +3561,16 @@ function ArtifactToolBlock({ tc }) {
     args.name && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground truncate", children: args.name })
   ] });
 }
+
+// src/components/chat/tools/delegate-tool.tsx
+init_utils();
 function firstLine(s) {
   const idx = s.indexOf("\n");
   return idx === -1 ? s : s.slice(0, idx);
 }
 function DelegateToolBlock({ tc }) {
   const [expanded, setExpanded] = react.useState(false);
-  const args = parseArgs2(tc.args);
+  const args = parseArgs(tc.args);
   const goal = args?.goal ?? "";
   const context = args?.context ?? "";
   const agentType = args?.agent_type;
@@ -3503,6 +3664,7 @@ function DelegateToolBlock({ tc }) {
     ] })
   ] });
 }
+init_utils();
 var ACTION_VERB = {
   add: "Saved",
   replace: "Updated",
@@ -3519,8 +3681,8 @@ var TARGET_LABEL = {
 };
 function MemoryToolBlock({ tc }) {
   const [isOpen, setIsOpen] = react.useState(false);
-  const args = parseArgs2(tc.args) ?? {};
-  const result = tc.result ? parseArgs2(tc.result) : null;
+  const args = parseArgs(tc.args) ?? {};
+  const result = tc.result ? parseArgs(tc.result) : null;
   const action = args.action ?? "add";
   const target = args.target ?? "memory";
   const verb = ACTION_VERB[action] ?? action;
@@ -3598,8 +3760,8 @@ var ACTION_LABEL = {
   remove_file: "Remove skill file"
 };
 function SkillManageToolBlock({ tc }) {
-  const args = parseArgs2(tc.args) ?? {};
-  const result = tc.result ? parseArgs2(tc.result) : null;
+  const args = parseArgs(tc.args) ?? {};
+  const result = tc.result ? parseArgs(tc.result) : null;
   const action = args.action ?? "manage";
   const label = ACTION_LABEL[action] ?? "Manage skill";
   const target = args.file_path ? `${args.name ?? "?"}/${args.file_path}` : args.name ?? "?";
@@ -3620,8 +3782,8 @@ function firstLine2(value) {
   return (index === -1 ? value : value.slice(0, index)).trim();
 }
 function CoordinatorToolBlock({ tc }) {
-  const args = parseArgs2(tc.args) ?? {};
-  const result = tc.result ? parseArgs2(tc.result) : null;
+  const args = parseArgs(tc.args) ?? {};
+  const result = tc.result ? parseArgs(tc.result) : null;
   const failed = Boolean(result?.error);
   let label = "Worker";
   let target = "";
@@ -3654,6 +3816,9 @@ function CoordinatorToolBlock({ tc }) {
     ] })
   ] });
 }
+
+// src/components/chat/tools/default-tool.tsx
+init_utils();
 var TOOL_LABELS = {
   kb_list_pages: "Knowledge Base",
   kb_read_page: "Read KB Page",
@@ -3808,6 +3973,9 @@ function AssistantMessage({
     ] })
   ] }) });
 }
+
+// src/components/ui/hover-card.tsx
+init_utils();
 function HoverCard({
   ...props
 }) {
@@ -3838,6 +4006,9 @@ function HoverCardContent({
     }
   ) });
 }
+
+// src/components/ui/progress.tsx
+init_utils();
 function Progress({
   className,
   value,
@@ -3863,6 +4034,9 @@ function Progress({
     }
   );
 }
+
+// src/components/ai-elements/context.tsx
+init_utils();
 var PERCENT_MAX = 100;
 var ICON_RADIUS = 10;
 var ICON_VIEWBOX = 24;
@@ -4127,6 +4301,12 @@ var ContextCacheUsage = ({
     }
   );
 };
+
+// src/components/ui/command.tsx
+init_utils();
+
+// src/components/ui/input-group.tsx
+init_utils();
 function InputGroup({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -4311,6 +4491,9 @@ function CommandItem({
     }
   );
 }
+
+// src/components/ui/dropdown-menu.tsx
+init_utils();
 function DropdownMenu({
   ...props
 }) {
@@ -4364,9 +4547,15 @@ function DropdownMenuItem({
     }
   );
 }
+
+// src/components/ui/spinner.tsx
+init_utils();
 function Spinner({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { role: "status", "aria-label": "Loading", className: cn("size-4 animate-spin", className), ...props });
 }
+
+// src/components/ai-elements/prompt-input.tsx
+init_utils();
 var convertBlobUrlToDataUrl = async (url) => {
   try {
     const response = await fetch(url);
@@ -5064,6 +5253,9 @@ var PromptInputSubmit = ({
     }
   );
 };
+
+// src/components/ui/popover.tsx
+init_utils();
 function Popover({
   ...props
 }) {
@@ -5311,6 +5503,9 @@ function ChatComposerInner({
     )
   ] });
 }
+
+// src/components/ai-elements/artifact.tsx
+init_utils();
 var Artifact = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
@@ -5431,6 +5626,9 @@ function ArtifactTable({ spec }) {
     )) })
   ] }) });
 }
+
+// src/components/chat/artifacts/artifact-html.tsx
+init_utils();
 var DEFAULT_HEIGHT_PX = 480;
 var EXPANDED_HEIGHT_PX = 800;
 var MIN_ZOOM = 0.5;
@@ -5572,7 +5770,7 @@ function exportArtifact(payload) {
       };
     case "chart":
       return {
-        text: JSON.stringify(payload.spec.vega_lite, null, 2),
+        text: JSON.stringify(payload.spec.chart_js, null, 2),
         mime: "application/json",
         extension: "json"
       };
@@ -5758,7 +5956,7 @@ function ArtifactBody({
         react.Suspense,
         {
           fallback: /* @__PURE__ */ jsxRuntime.jsx(Shimmer, { duration: 5, className: "text-sm text-muted-foreground", children: "Loading chart\u2026" }),
-          children: /* @__PURE__ */ jsxRuntime.jsx(ArtifactChart2, { spec: payload.spec })
+          children: /* @__PURE__ */ jsxRuntime.jsx(ArtifactChart2, { spec: payload.spec, fill })
         }
       );
     case "html":
@@ -5767,6 +5965,7 @@ function ArtifactBody({
       return /* @__PURE__ */ jsxRuntime.jsx(ArtifactSvg, { spec: payload.spec });
   }
 }
+init_utils();
 var ErrorMessage = react.memo(function ErrorMessage2({
   errorInfo,
   onRetry,
@@ -5847,6 +6046,9 @@ var ErrorMessage = react.memo(function ErrorMessage2({
     }
   );
 });
+
+// src/components/chat/chat-thread.tsx
+init_utils();
 function messageToEntries(msg, isLast) {
   if (msg.role === "system") {
     if (msg.systemKind === "skill_invoked") {
@@ -5978,7 +6180,7 @@ function OrphanSystemMarker({
     );
   }
   if (message.systemKind === "error" && message.errorInfo) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto my-2 w-full max-w-4xl px-4", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { errorInfo: message.errorInfo, onRetry }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto my-2 w-full max-w-4xl", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorMessage, { errorInfo: message.errorInfo, onRetry }) });
   }
   return null;
 }
@@ -6032,6 +6234,7 @@ function TimelineEntryItem({
     ] });
   }
   if (entry.kind === "tool") {
+    const failureSummary = effectiveStatus(entry.tc) === "error" ? toolErrorSummary(entry.tc.result) : "";
     return /* @__PURE__ */ jsxRuntime.jsxs(TimelineItem, { step, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(TimelineHeader, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(TimelineSeparator, { style: { backgroundColor: "var(--color-border)" } }),
@@ -6042,7 +6245,10 @@ function TimelineEntryItem({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: entry.tc.cancelled ? /* @__PURE__ */ jsxRuntime.jsx(CancelledToolRow, { tc: entry.tc }) : /* @__PURE__ */ jsxRuntime.jsx(ToolCallBlock, { tc: entry.tc, onFileSelect }) })
+      /* @__PURE__ */ jsxRuntime.jsx(TimelineContent, { children: entry.tc.cancelled ? /* @__PURE__ */ jsxRuntime.jsx(CancelledToolRow, { tc: entry.tc }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ToolCallBlock, { tc: entry.tc, onFileSelect }),
+        failureSummary ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-full truncate text-xs text-destructive", title: failureSummary, children: failureSummary }) : null
+      ] }) })
     ] });
   }
   if (entry.kind === "text") {
@@ -6160,6 +6366,7 @@ function ChatThread({
   sessionId,
   messages,
   isRunning,
+  isLoadingHistory = false,
   onSend,
   onStop,
   onFileSelect,
@@ -6182,7 +6389,14 @@ function ChatThread({
   }, [messages]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 flex-col overflow-hidden bg-background text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(Conversation, { className: "relative flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ConversationContent, { className: "mx-auto w-full max-w-3xl", children: messages.length === 0 && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsx(ConversationContent, { className: "mx-auto w-full max-w-4xl", children: messages.length === 0 && isLoadingHistory ? /* @__PURE__ */ jsxRuntime.jsx(
+        ConversationEmptyState,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareIcon, { className: "size-8 opacity-40" }),
+          title: "Loading conversation",
+          description: "Fetching the session history."
+        }
+      ) : messages.length === 0 && !disabled ? /* @__PURE__ */ jsxRuntime.jsx(
         ConversationEmptyState,
         {
           icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareIcon, { className: "size-8 opacity-40" }),
@@ -6235,7 +6449,7 @@ function ChatThread({
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(ConversationScrollButton, {})
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-3xl px-6 pb-5 pt-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-4xl px-6 pb-5 pt-3", children: [
       retryIndicator && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2", children: /* @__PURE__ */ jsxRuntime.jsx(RetryBanner, { indicator: retryIndicator }) }),
       /* @__PURE__ */ jsxRuntime.jsx(
         ChatComposer,
@@ -6250,6 +6464,9 @@ function ChatThread({
     ] })
   ] });
 }
+
+// src/components/ai-elements/file-tree.tsx
+init_utils();
 var noop = () => {
 };
 var FileTreeContext = react.createContext({
@@ -6416,6 +6633,9 @@ function FileTreeFile({
     }
   );
 }
+
+// src/components/ui/skeleton.tsx
+init_utils();
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -6426,6 +6646,9 @@ function Skeleton({ className, ...props }) {
   );
 }
 
+// src/components/workspace/workspace-panel.tsx
+init_utils();
+
 // src/lib/format.ts
 function formatFileSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -6465,17 +6688,24 @@ function getLanguageHint(path) {
   return map[ext] ?? "plaintext";
 }
 var SKELETON_WIDTHS = [70, 85, 55, 90, 60, 78, 45, 82, 65, 72];
+var PDF_WORKER_SRC = new URL(
+  "pdfjs-dist/legacy/build/pdf.worker.mjs",
+  (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))
+).toString();
 function FileViewer({
   file,
   loading,
   error,
+  downloadUrl,
+  onDelete,
   onClose
 }) {
   const visible = loading || file !== null || error !== null;
   if (!visible) return null;
   const fileName2 = file?.path.split("/").pop() ?? "File";
   const lang = file ? getLanguageHint(file.path) : "";
-  const isImage = file?.encoding === "base64";
+  const isPdf = file?.mime_type === "application/pdf" || file?.path.toLowerCase().endsWith(".pdf") || false;
+  const isImage = file?.encoding === "base64" && !isPdf;
   const HeaderIcon = isImage ? lucideReact.ImageIcon : lucideReact.FileTextIcon;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 flex-col border-t border-line", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-line px-3 py-2", children: [
@@ -6490,6 +6720,28 @@ function FileViewer({
           ] })
         ] })
       ] }),
+      downloadUrl && /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: downloadUrl,
+          download: fileName2,
+          className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          "aria-label": `Download ${fileName2}`,
+          title: "Download",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { className: "size-3.5" })
+        }
+      ),
+      onDelete && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onDelete,
+          className: "shrink-0 rounded p-0.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+          "aria-label": `Delete ${fileName2}`,
+          title: "Delete",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrashIcon, { className: "size-3.5" })
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
@@ -6516,6 +6768,8 @@ function FileViewer({
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { children: error })
       ] }),
+      file && isPdf && file.encoding !== "base64" && /* @__PURE__ */ jsxRuntime.jsx(FileViewerError, { message: "PDF preview requires base64 file content." }),
+      file && isPdf && file.encoding === "base64" && /* @__PURE__ */ jsxRuntime.jsx(PdfPreview, { file, fileName: fileName2 }),
       file && isImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ jsxRuntime.jsx(
         "img",
         {
@@ -6524,66 +6778,290 @@ function FileViewer({
           className: "max-h-[60vh] max-w-full rounded object-contain"
         }
       ) }),
-      file && !isImage && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "wrap-break-word whitespace-pre-wrap p-3 text-[11px] leading-relaxed text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("code", { "data-language": lang, children: file.content }) })
+      file && !isImage && !isPdf && /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "wrap-break-word whitespace-pre-wrap p-3 text-[11px] leading-relaxed text-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("code", { "data-language": lang, children: file.content }) })
     ] })
   ] });
 }
-var TEXT_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".py",
-  ".js",
-  ".ts",
-  ".tsx",
-  ".jsx",
-  ".json",
-  ".md",
-  ".yaml",
-  ".yml",
-  ".toml",
-  ".sql",
-  ".sh",
-  ".css",
-  ".html",
-  ".txt",
-  ".csv",
-  ".rst",
-  ".cfg",
-  ".ini",
-  ".env",
-  ".rs",
-  ".go",
-  ".java",
-  ".rb",
-  ".php",
-  ".c",
-  ".cpp",
-  ".h",
-  ".lock",
-  ".gitignore",
-  ".dockerignore",
-  ".editorconfig"
-]);
-var IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
-  ".png",
-  ".jpg",
-  ".jpeg",
-  ".gif",
-  ".webp",
-  ".svg",
-  ".bmp",
-  ".ico",
-  ".avif",
-  ".tiff",
-  ".tif"
-]);
+function FileViewerError({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 p-3 text-xs text-destructive", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: message })
+  ] });
+}
+function PdfPreview({
+  file,
+  fileName: fileName2
+}) {
+  const containerRef = react.useRef(null);
+  const viewerRef = react.useRef(null);
+  const pdfViewerRef = react.useRef(null);
+  const eventBusRef = react.useRef(null);
+  const findControllerRef = react.useRef(null);
+  const [error, setError] = react.useState(null);
+  const [pageNumber, setPageNumber] = react.useState(1);
+  const [pagesCount, setPagesCount] = react.useState(0);
+  const [scale, setScale] = react.useState(1);
+  const [query, setQuery] = react.useState("");
+  react.useEffect(() => {
+    let cancelled = false;
+    let loadingTask = null;
+    let pdfDocument = null;
+    const renderPdf = async () => {
+      setError(null);
+      const container = containerRef.current;
+      const viewerElement = viewerRef.current;
+      if (!container || !viewerElement) return;
+      const pdfBytes = decodeBase64(file.content);
+      const pdfjs = await import('pdfjs-dist/legacy/build/pdf.mjs');
+      pdfjs.GlobalWorkerOptions.workerSrc = PDF_WORKER_SRC;
+      globalThis.pdfjsLib = pdfjs;
+      const pdfViewerModule = await import('pdfjs-dist/web/pdf_viewer.mjs');
+      loadingTask = pdfjs.getDocument({ data: pdfBytes });
+      const pdf = await loadingTask.promise;
+      pdfDocument = pdf;
+      if (cancelled) return;
+      const eventBus = new pdfViewerModule.EventBus();
+      const linkService = new pdfViewerModule.PDFLinkService({ eventBus });
+      const findController = new pdfViewerModule.PDFFindController({
+        eventBus,
+        linkService
+      });
+      const pdfViewer = new pdfViewerModule.PDFViewer({
+        container,
+        viewer: viewerElement,
+        eventBus,
+        linkService,
+        findController,
+        removePageBorders: true
+      });
+      linkService.setViewer(pdfViewer);
+      linkService.setDocument(pdf);
+      findController.setDocument(pdf);
+      const onPagesInit = () => {
+        pdfViewer.currentScaleValue = "page-width";
+        setScale(pdfViewer.currentScale || 1);
+        setPagesCount(pdfViewer.pagesCount);
+        setPageNumber(pdfViewer.currentPageNumber);
+      };
+      const onPageChanging = (event) => {
+        if (typeof event.pageNumber === "number") {
+          setPageNumber(event.pageNumber);
+        }
+      };
+      const onScaleChanging = (event) => {
+        if (typeof event.scale === "number") {
+          setScale(event.scale);
+        }
+      };
+      eventBus.on("pagesinit", onPagesInit);
+      eventBus.on("pagechanging", onPageChanging);
+      eventBus.on("scalechanging", onScaleChanging);
+      pdfViewerRef.current = pdfViewer;
+      eventBusRef.current = eventBus;
+      findControllerRef.current = findController;
+      setPagesCount(pdf.numPages);
+      pdfViewer.setDocument(pdf);
+    };
+    void renderPdf().catch((nextError) => {
+      if (cancelled) return;
+      if (nextError instanceof Error && nextError.name === "RenderingCancelledException") {
+        return;
+      }
+      setError(formatPdfPreviewError(nextError));
+    });
+    return () => {
+      cancelled = true;
+      loadingTask?.destroy();
+      pdfDocument?.destroy();
+      pdfViewerRef.current?.cleanup();
+      pdfViewerRef.current = null;
+      eventBusRef.current = null;
+      findControllerRef.current = null;
+    };
+  }, [file.content]);
+  const setViewerPage = (nextPage) => {
+    const viewer = pdfViewerRef.current;
+    if (!viewer) return;
+    const clampedPage = Math.min(
+      Math.max(1, nextPage),
+      Math.max(1, viewer.pagesCount)
+    );
+    viewer.currentPageNumber = clampedPage;
+    setPageNumber(clampedPage);
+  };
+  const setViewerScale = (nextScale) => {
+    const viewer = pdfViewerRef.current;
+    if (!viewer) return;
+    const clampedScale = Math.min(3, Math.max(0.5, nextScale));
+    viewer.currentScale = clampedScale;
+    setScale(clampedScale);
+  };
+  const runFind = (findPrevious = false) => {
+    const eventBus = eventBusRef.current;
+    if (!eventBus || !query.trim()) return;
+    eventBus.dispatch("find", {
+      source: eventBus,
+      type: "again",
+      query,
+      phraseSearch: true,
+      caseSensitive: false,
+      entireWord: false,
+      highlightAll: true,
+      findPrevious,
+      matchDiacritics: true
+    });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-full flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-1.5 border-b border-line px-2 py-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerPage(pageNumber - 1),
+          disabled: pageNumber <= 1,
+          "aria-label": "Previous PDF page",
+          title: "Previous page",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Input,
+        {
+          type: "number",
+          min: 1,
+          max: pagesCount || 1,
+          value: pageNumber,
+          onChange: (event) => setViewerPage(Number(event.target.value)),
+          "aria-label": "PDF page number",
+          className: "h-7 w-12 border-input px-1 text-center text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        "/ ",
+        pagesCount || "-"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerPage(pageNumber + 1),
+          disabled: pagesCount > 0 && pageNumber >= pagesCount,
+          "aria-label": "Next PDF page",
+          title: "Next page",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-5 w-px bg-line" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerScale(scale - 0.1),
+          disabled: scale <= 0.5,
+          "aria-label": "Zoom out PDF",
+          title: "Zoom out",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MinusIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: "h-7 min-w-12 px-1 text-xs text-muted-foreground hover:text-foreground",
+          onClick: () => {
+            const viewer = pdfViewerRef.current;
+            if (!viewer) return;
+            viewer.currentScaleValue = "page-width";
+            setScale(viewer.currentScale || 1);
+          },
+          "aria-label": "Fit PDF to width",
+          title: "Fit width",
+          children: [
+            Math.round(scale * 100),
+            "%"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon-xs",
+          onClick: () => setViewerScale(scale + 0.1),
+          disabled: scale >= 3,
+          "aria-label": "Zoom in PDF",
+          title: "Zoom in",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlusIcon, { className: "size-3.5" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-1 h-5 w-px bg-line" }),
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-3.5 text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Input,
+        {
+          type: "search",
+          value: query,
+          onChange: (event) => setQuery(event.target.value),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") runFind(event.shiftKey);
+          },
+          placeholder: "Find",
+          "aria-label": "Find in PDF",
+          className: "h-7 w-28 border-input px-1 text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "xs",
+          onClick: () => runFind(false),
+          disabled: !query.trim(),
+          children: "Find"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-start gap-2 p-3 text-xs text-destructive", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircleIcon, { className: "mt-0.5 size-3.5 shrink-0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: error })
+    ] }),
+    !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-[70vh] min-h-[420px] flex-1 bg-muted/20", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: containerRef,
+        "aria-label": `PDF viewer for ${fileName2}`,
+        className: "absolute inset-0 overflow-auto",
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: viewerRef, className: "pdfViewer" })
+      }
+    ) })
+  ] });
+}
+function decodeBase64(content) {
+  const binary = globalThis.atob(content);
+  const bytes = new Uint8Array(binary.length);
+  for (let index = 0; index < binary.length; index += 1) {
+    bytes[index] = binary.charCodeAt(index);
+  }
+  return bytes;
+}
+function formatPdfPreviewError(error) {
+  if (error instanceof Error && (error.name === "InvalidCharacterError" || error.message === "Invalid character")) {
+    return "PDF preview data is not valid base64.";
+  }
+  return error instanceof Error ? error.message : "Failed to render PDF preview.";
+}
 var SKELETON_WIDTHS2 = [75, 60, 90, 65, 80, 70, 85, 55];
-var DEFAULT_WIDTH = 500;
+var DEFAULT_WIDTH = 400;
 var MIN_WIDTH = 300;
 var MAX_WIDTH = 900;
-function isViewable(name) {
-  const dot = name.lastIndexOf(".");
-  const ext = dot >= 0 ? name.slice(dot).toLowerCase() : "";
-  return TEXT_EXTENSIONS.has(ext) || IMAGE_EXTENSIONS.has(ext);
-}
 function collectExpandedPaths(entries, depth = 0) {
   const paths = [];
   for (const entry of entries) {
@@ -6608,8 +7086,8 @@ function findEntry(entries, path) {
 }
 function RenderEntries({
   entries,
-  onFileSelect,
-  onDelete
+  onDelete,
+  downloadUrlFor
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: entries.map((entry) => {
     if (entry.kind === "dir") {
@@ -6617,27 +7095,26 @@ function RenderEntries({
         RenderEntries,
         {
           entries: entry.children,
-          onFileSelect,
-          onDelete
+          onDelete,
+          downloadUrlFor
         }
       ) }, entry.path);
     }
-    const viewable = isViewable(entry.name);
+    const fileName2 = entry.name;
     return /* @__PURE__ */ jsxRuntime.jsxs(FileTreeFile, { name: entry.name, path: entry.path, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "size-4 shrink-0" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: entry.name }),
       entry.size != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-1 shrink-0 text-xs text-muted-foreground/60", children: formatFileSize(entry.size) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-1 flex shrink-0 items-center gap-0 opacity-0 transition-opacity group-hover:opacity-100", children: [
-        viewable && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "a",
           {
-            type: "button",
+            href: downloadUrlFor(entry.path),
+            download: fileName2,
             className: "rounded p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
-            onClick: (event) => {
-              event.stopPropagation();
-              onFileSelect(entry.path);
-            },
-            title: "View",
+            onClick: (event) => event.stopPropagation(),
+            title: "Download",
+            "aria-label": `Download ${fileName2}`,
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.DownloadIcon, { className: "size-3" })
           }
         ),
@@ -6651,6 +7128,7 @@ function RenderEntries({
               onDelete(entry.path);
             },
             title: "Delete",
+            "aria-label": `Delete ${fileName2}`,
             children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrashIcon, { className: "size-3" })
           }
         )
@@ -6663,6 +7141,8 @@ function WorkspacePanel({
   sessionId,
   selectedPath,
   onSelectedPathChange,
+  collapsed = false,
+  onCollapsedChange,
   disabled = false
 }) {
   const fileInputRef = react.useRef(null);
@@ -6857,6 +7337,25 @@ function WorkspacePanel({
       window.removeEventListener("mouseup", onMouseUp);
     };
   }, []);
+  if (collapsed) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "aside",
+      {
+        role: "button",
+        tabIndex: 0,
+        className: "relative z-10 flex min-h-0 w-10 shrink-0 cursor-pointer items-center justify-center border-l border-muted-foreground/20 bg-card text-muted-foreground transition-colors hover:bg-muted/50 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30",
+        "aria-label": "Expand workspace",
+        onClick: () => onCollapsedChange?.(false),
+        onKeyDown: (event) => {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            onCollapsedChange?.(false);
+          }
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpenIcon, { className: "size-4 text-amber-500" })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
@@ -6889,6 +7388,19 @@ function WorkspacePanel({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-sm font-medium text-foreground", children: rootName }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "truncate text-xs text-faint", children: "Workspace" })
           ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: () => onCollapsedChange?.(true),
+                "aria-label": "Collapse workspace",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "size-4" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "bottom", children: "Collapse" })
+          ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
               Button,
@@ -6968,8 +7480,8 @@ function WorkspacePanel({
                 RenderEntries,
                 {
                   entries,
-                  onFileSelect: handleSelect,
-                  onDelete: setDeleteTarget
+                  onDelete: setDeleteTarget,
+                  downloadUrlFor: (path) => sessionId ? adapter.getWorkspaceDownloadUrl({ sessionId, path }) : "#"
                 }
               )
             }
@@ -6981,7 +7493,13 @@ function WorkspacePanel({
             file,
             loading: fileLoading,
             error: fileError,
+            downloadUrl: file && sessionId ? adapter.getWorkspaceDownloadUrl({
+              sessionId,
+              path: file.path
+            }) : null,
+            onDelete: file ? () => setDeleteTarget(file.path) : null,
             onClose: () => {
+              onSelectedPathChange(null);
               setFile(null);
               setFileError(null);
             }
@@ -7082,10 +7600,11 @@ var EMPTY_TOKEN_USAGE = {
   contextWindow: 0,
   model: ""
 };
-function createInitialAgentChatState() {
+function createInitialAgentChatState(options = {}) {
   return {
     messages: [],
     isRunning: false,
+    isLoadingHistory: options.isLoadingHistory ?? false,
     tokenUsage: EMPTY_TOKEN_USAGE,
     retryIndicator: null,
     lastEventId: 0,
@@ -7097,6 +7616,7 @@ function createInitialAgentChatState() {
 function applyAgentChatEvent(state, event) {
   let nextState = {
     ...state,
+    isLoadingHistory: false,
     lastEventId: Math.max(state.lastEventId, event.eventId),
     sessionDone: state.sessionDone || event.type === "session.done"
   };
@@ -7630,11 +8150,12 @@ function useAgentChatRuntime({
   onSessionChange
 }) {
   const [state, setState] = react.useState(
-    () => createInitialAgentChatState()
+    () => createInitialAgentChatState({ isLoadingHistory: Boolean(sessionId) })
   );
   const stateRef = react.useRef(state);
   const streamRef = react.useRef(null);
   const reconnectTimerRef = react.useRef(null);
+  const previousSessionIdRef = react.useRef(sessionId);
   react.useEffect(() => {
     stateRef.current = state;
   }, [state]);
@@ -7650,6 +8171,8 @@ function useAgentChatRuntime({
     stream?.close();
   }, []);
   react.useEffect(() => {
+    const previousSessionId = previousSessionIdRef.current;
+    previousSessionIdRef.current = sessionId;
     clearReconnectTimer();
     closeStream();
     if (!sessionId) {
@@ -7657,11 +8180,11 @@ function useAgentChatRuntime({
       return;
     }
     let cancelled = false;
-    const connect = () => {
+    const connect = (after) => {
       if (cancelled) return;
       const stream = adapter.openEventStream({
         sessionId,
-        after: stateRef.current.lastEventId
+        after: after ?? stateRef.current.lastEventId
       });
       streamRef.current = stream;
       for (const eventType of AGENT_CHAT_LISTENED_EVENTS) {
@@ -7684,14 +8207,32 @@ function useAgentChatRuntime({
           streamRef.current = null;
         }
         if (!stateRef.current.sessionDone && !cancelled) {
-          reconnectTimerRef.current = setTimeout(connect, 3e3);
+          reconnectTimerRef.current = setTimeout(() => connect(), 3e3);
         }
       };
     };
-    setState(createInitialAgentChatState());
-    connect();
+    const currentState = stateRef.current;
+    const preservePendingFirstMessage = previousSessionId === null && currentState.isRunning && currentState.messages.some(
+      (message) => message.role === "user" && message.id.startsWith("local-")
+    );
+    const initialState = preservePendingFirstMessage ? {
+      ...createInitialAgentChatState({ isLoadingHistory: false }),
+      messages: currentState.messages,
+      isRunning: true
+    } : createInitialAgentChatState({
+      isLoadingHistory: true
+    });
+    stateRef.current = initialState;
+    setState(initialState);
+    connect(0);
     adapter.getSession({ sessionId }).then((session) => {
       if (cancelled) return;
+      if (session.messageCount === 0) {
+        setState((prev) => ({
+          ...prev,
+          isLoadingHistory: false
+        }));
+      }
       if (isTerminalStatus(session.status)) {
         setState((prev) => ({
           ...prev,
@@ -7774,13 +8315,18 @@ function useAgentChatRuntime({
   }, []);
   const send = react.useCallback(
     async (content) => {
+      markSending(content);
       if (!sessionId) {
-        const session = await adapter.createSession({ agentId });
-        await adapter.sendMessage({ sessionId: session.id, content });
-        onSessionChange?.(session.id);
+        try {
+          const session = await adapter.createSession({ agentId });
+          onSessionChange?.(session.id);
+          await adapter.sendMessage({ sessionId: session.id, content });
+        } catch (error) {
+          markSendError(error instanceof Error ? error.message : "send failed");
+          throw error;
+        }
         return;
       }
-      markSending(content);
       try {
         await adapter.sendMessage({ sessionId, content });
       } catch (error) {
@@ -7817,6 +8363,7 @@ function useAgentChatRuntime({
   return {
     messages: state.messages,
     isRunning: state.isRunning,
+    isLoadingHistory: state.isLoadingHistory,
     tokenUsage: state.tokenUsage,
     retryIndicator: state.retryIndicator,
     send,
@@ -7853,6 +8400,7 @@ function AgentChat({
   disabled
 }) {
   const [workspacePath, setWorkspacePath] = react.useState(null);
+  const [workspaceCollapsed, setWorkspaceCollapsed] = react.useState(false);
   const runtime = useAgentChatRuntime({
     adapter,
     agentId,
@@ -7884,6 +8432,7 @@ function AgentChat({
             sessionId,
             messages: runtime.messages,
             isRunning: runtime.isRunning,
+            isLoadingHistory: runtime.isLoadingHistory,
             onSend: (content) => void runtime.send(content),
             onStop: () => void runtime.stop(),
             onRetry: runtime.retry,
@@ -7900,6 +8449,8 @@ function AgentChat({
             sessionId,
             selectedPath: workspacePath,
             onSelectedPathChange: setWorkspacePath,
+            collapsed: workspaceCollapsed,
+            onCollapsedChange: setWorkspaceCollapsed,
             disabled
           }
         )
@@ -7907,6 +8458,7 @@ function AgentChat({
     }
   );
 }
+init_utils();
 var POLL_INTERVAL_ACTIVE_MS = 4e3;
 var POLL_INTERVAL_IDLE_MS = 3e4;
 var DEFAULT_SESSION_LIST_LIMIT = 50;
@@ -7970,6 +8522,20 @@ function mergeTreeNodes(groups) {
   }
   return Array.from(byId.values());
 }
+function pruneDeletedSessionNodes(nodes, deletedSessionId) {
+  const deletedIds = /* @__PURE__ */ new Set([deletedSessionId]);
+  let changed = true;
+  while (changed) {
+    changed = false;
+    for (const node of nodes) {
+      if (node.parentId && deletedIds.has(node.parentId) && !deletedIds.has(node.id)) {
+        deletedIds.add(node.id);
+        changed = true;
+      }
+    }
+  }
+  return nodes.filter((node) => !deletedIds.has(node.id));
+}
 function formatSessionTime(value) {
   const date = new Date(value);
   if (Number.isNaN(date.getTime())) return "";
@@ -8086,11 +8652,12 @@ function SessionTreePanel({
   title = "Running",
   sessionListLimit = DEFAULT_SESSION_LIST_LIMIT,
   hideRoot = false,
+  hideHeader = false,
+  loadList = false,
   onSessionSelect,
   onSessionDelete
 }) {
   const [nodes, setNodes] = react.useState([]);
-  const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
   const [hasEverLoaded, setHasEverLoaded] = react.useState(false);
   const [deletingSessionId, setDeletingSessionId] = react.useState(
@@ -8102,18 +8669,16 @@ function SessionTreePanel({
   const resetContext = react.useRef(null);
   const refetch = react.useCallback(
     async (opts) => {
-      const canLoadSessionList = Boolean(agentId && adapter.listSessions);
+      const canLoadSessionList = Boolean(loadList && adapter.listSessions);
       const canLoadSessionTree = Boolean(sessionId && adapter.getSessionTree);
       if (!canLoadSessionList && !canLoadSessionTree) {
         setNodes([]);
         setHasEverLoaded(true);
-        setLoading(false);
         return;
       }
       const currentRequestId = ++requestId.current;
-      if (!opts?.silent) setLoading(true);
       try {
-        const sessionListPromise = agentId && adapter.listSessions ? adapter.listSessions({
+        const sessionListPromise = loadList && adapter.listSessions ? adapter.listSessions({
           agentId,
           limit: sessionListLimit
         }) : Promise.resolve(null);
@@ -8139,13 +8704,9 @@ function SessionTreePanel({
         if (!opts?.silent) {
           setError(e instanceof Error ? e.message : "Failed to load tree");
         }
-      } finally {
-        if (mounted.current && currentRequestId === requestId.current && !opts?.silent) {
-          setLoading(false);
-        }
       }
     },
-    [adapter, agentId, sessionId, sessionListLimit]
+    [adapter, agentId, loadList, sessionId, sessionListLimit]
   );
   react.useEffect(() => {
     mounted.current = true;
@@ -8155,8 +8716,8 @@ function SessionTreePanel({
   }, []);
   react.useEffect(() => {
     const previous = resetContext.current;
-    const shouldReset = !previous || previous.adapter !== adapter || previous.agentId !== agentId || previous.sessionListLimit !== sessionListLimit;
-    resetContext.current = { adapter, agentId, sessionListLimit };
+    const shouldReset = !previous || previous.loadList !== loadList || previous.agentId !== agentId || previous.sessionListLimit !== sessionListLimit;
+    resetContext.current = { loadList, agentId, sessionListLimit };
     if (shouldReset) {
       setNodes([]);
       setHasEverLoaded(false);
@@ -8164,7 +8725,7 @@ function SessionTreePanel({
     }
     setError(null);
     void refetch();
-  }, [adapter, agentId, refetch, sessionListLimit]);
+  }, [adapter, agentId, loadList, refetch, sessionListLimit]);
   const runningCount = react.useMemo(
     () => nodes.filter((n) => n.status === "active").length,
     [nodes]
@@ -8201,6 +8762,11 @@ function SessionTreePanel({
       setDeletingSessionId(id);
       try {
         await adapter.deleteSession({ sessionId: id });
+        setNodes((current) => {
+          const next = pruneDeletedSessionNodes(current, id);
+          lastFingerprint.current = treeFingerprint(next);
+          return next;
+        });
         onSessionDelete?.(id);
         await refetch({ silent: true });
       } catch (e) {
@@ -8215,24 +8781,12 @@ function SessionTreePanel({
   if (nodes.length === 0) return null;
   const topLevel = hideRoot ? roots.flatMap((r) => r.children) : roots;
   if (topLevel.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-line", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-3 py-2 text-xs font-semibold uppercase tracking-wide", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !hideHeader && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-line flex items-center gap-1.5 px-3 py-2 text-xs font-semibold uppercase tracking-wide", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UsersIcon, { className: "w-3.5 h-3.5" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: title }),
       runningCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "default", className: "h-4 px-1.5 text-[10px] ml-auto", children: runningCount })
     ] }),
-    loading && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: "px-3 py-2",
-        role: "status",
-        "aria-label": "Loading sessions",
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3.5 w-28" }),
-          /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-3 w-20" })
-        ] })
-      }
-    ),
     error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-2 text-xs text-destructive", children: error }),
     !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1 pb-2", children: topLevel.map((entry) => /* @__PURE__ */ jsxRuntime.jsx(
       TreeNodeRow,