@useatlas/react 0.0.1 → 0.0.2

package/dist/index.cjs

@@ -1,19 +1,17 @@
 'use strict';
 
-var chunkUIRB6L36_cjs = require('./chunk-UIRB6L36.cjs');
-var chunk5SEVKHS5_cjs = require('./chunk-5SEVKHS5.cjs');
+var chunkDZFSZSQB_cjs = require('./chunk-DZFSZSQB.cjs');
+var chunkIDXGFWFS_cjs = require('./chunk-IDXGFWFS.cjs');
 var react = require('@ai-sdk/react');
 var ai = require('ai');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var action = require('@useatlas/types/action');
 var lucideReact = require('lucide-react');
+var action = require('@useatlas/types/action');
 var ReactMarkdown = require('react-markdown');
 var remarkGfm = require('remark-gfm');
-var classVarianceAuthority = require('class-variance-authority');
 var radixUi = require('radix-ui');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -67,9 +65,30 @@ function ActionAuthProvider({
   );
   return /* @__PURE__ */ jsxRuntime.jsx(ActionAuthContext.Provider, { value, children });
 }
-function ErrorBanner({ error, authMode }) {
-  const info = React.useMemo(() => chunkUIRB6L36_cjs.parseChatError(error, authMode), [error, authMode]);
+function ErrorIcon({ clientCode }) {
+  switch (clientCode) {
+    case "offline":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "size-4 shrink-0" });
+    case "api_unreachable":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ServerCrash, { className: "size-4 shrink-0" });
+    case "auth_failure":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldAlert, { className: "size-4 shrink-0" });
+    case "rate_limited_http":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "size-4 shrink-0" });
+    case "server_error":
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ServerCrash, { className: "size-4 shrink-0" });
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-4 shrink-0" });
+  }
+}
+function ErrorBanner({
+  error,
+  authMode,
+  onRetry
+}) {
+  const info = React.useMemo(() => chunkDZFSZSQB_cjs.parseChatError(error, authMode), [error, authMode]);
   const [countdown, setCountdown] = React.useState(info.retryAfterSeconds ?? 0);
+  const [restoredOnline, setRestoredOnline] = React.useState(false);
   React.useEffect(() => {
     if (!info.retryAfterSeconds) return;
     setCountdown(info.retryAfterSeconds);
@@ -84,11 +103,74 @@ function ErrorBanner({ error, authMode }) {
     }, 1e3);
     return () => clearInterval(interval);
   }, [info.retryAfterSeconds]);
+  React.useEffect(() => {
+    if (info.retryAfterSeconds && countdown === 0 && onRetry) {
+      onRetry();
+    }
+  }, [countdown, info.retryAfterSeconds, onRetry]);
+  React.useEffect(() => {
+    if (info.clientCode !== "offline") return;
+    function handleOnline() {
+      setRestoredOnline(true);
+      onRetry?.();
+    }
+    window.addEventListener("online", handleOnline);
+    return () => {
+      window.removeEventListener("online", handleOnline);
+    };
+  }, [info.clientCode, onRetry]);
+  React.useEffect(() => {
+    try {
+      if (typeof window !== "undefined" && window.parent !== window) {
+        window.parent.postMessage(
+          {
+            type: "atlas:error",
+            error: {
+              code: info.clientCode ?? info.code ?? "unknown",
+              message: info.title,
+              detail: info.detail,
+              retryable: info.retryable
+            }
+          },
+          "*"
+        );
+      }
+    } catch {
+    }
+  }, [info.clientCode, info.code, info.title, info.detail, info.retryable]);
+  if (info.clientCode === "offline" && restoredOnline) {
+    return null;
+  }
   const detail = info.retryAfterSeconds && countdown > 0 ? `Try again in ${countdown} second${countdown !== 1 ? "s" : ""}.` : info.detail;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 rounded-lg border border-red-300 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/20 dark:text-red-400 px-4 py-3 text-sm", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: info.title }),
-    detail && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs opacity-80", children: detail })
-  ] });
+  const showRetry = info.retryable && onRetry && countdown === 0 && info.clientCode !== "offline";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "mb-2 rounded-lg border border-red-300 bg-red-50 text-red-700 dark:border-red-900/50 dark:bg-red-950/20 dark:text-red-400 px-4 py-3 text-sm",
+      role: "alert",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { clientCode: info.clientCode }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: info.title }),
+          detail && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs opacity-80", children: detail }),
+          info.requestId && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-xs opacity-60", children: [
+            "Request ID: ",
+            info.requestId
+          ] }),
+          showRetry && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkIDXGFWFS_cjs.Button,
+            {
+              variant: "link",
+              size: "sm",
+              onClick: onRetry,
+              className: "mt-2 h-auto p-0 text-xs font-medium text-red-700 dark:text-red-400",
+              children: "Try again"
+            }
+          )
+        ] })
+      ] })
+    }
+  );
 }
 function ApiKeyBar({
   apiKey,
@@ -106,7 +188,7 @@ function ApiKeyBar({
             setDraft(apiKey);
             setEditing(true);
           },
-          className: "rounded border border-zinc-200 px-2 py-0.5 text-zinc-500 transition-colors hover:border-zinc-400 hover:text-zinc-800 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
+          className: "rounded border border-zinc-200 px-2 py-0.5 text-zinc-500 transition-colors hover:border-zinc-400 hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
           children: "Change"
         }
       )
@@ -131,7 +213,7 @@ function ApiKeyBar({
             value: draft,
             onChange: (e) => setDraft(e.target.value),
             placeholder: "Enter your API key...",
-            className: "flex-1 bg-transparent text-xs text-zinc-900 placeholder-zinc-400 outline-none dark:text-zinc-100 dark:placeholder-zinc-600",
+            className: "flex-1 bg-transparent text-xs text-zinc-900 placeholder-zinc-400 outline-none focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:text-zinc-100 dark:placeholder-zinc-600",
             autoFocus: true
           }
         ),
@@ -140,7 +222,7 @@ function ApiKeyBar({
           {
             type: "submit",
             disabled: !draft.trim(),
-            className: "rounded border border-zinc-200 px-2 py-0.5 text-xs text-zinc-500 transition-colors hover:border-zinc-400 hover:text-zinc-800 disabled:opacity-40 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
+            className: "rounded border border-zinc-200 px-2 py-0.5 text-xs text-zinc-500 transition-colors hover:border-zinc-400 hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:opacity-40 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
             children: "Save"
           }
         ),
@@ -149,7 +231,7 @@ function ApiKeyBar({
           {
             type: "button",
             onClick: () => setEditing(false),
-            className: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300",
+            className: "rounded text-xs text-zinc-400 hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:hover:text-zinc-300",
             children: "Cancel"
           }
         )
@@ -206,7 +288,7 @@ function ManagedAuthCard() {
           value: name,
           onChange: (e) => setName(e.target.value),
           placeholder: "Name (optional)",
-          className: "w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 placeholder-zinc-400 outline-none focus:border-blue-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600"
+          className: "w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 placeholder-zinc-400 outline-none focus-visible:border-blue-500 focus-visible:ring-[3px] focus-visible:ring-blue-500/30 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -217,7 +299,7 @@ function ManagedAuthCard() {
           onChange: (e) => setEmail(e.target.value),
           placeholder: "Email",
           required: true,
-          className: "w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 placeholder-zinc-400 outline-none focus:border-blue-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600"
+          className: "w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 placeholder-zinc-400 outline-none focus-visible:border-blue-500 focus-visible:ring-[3px] focus-visible:ring-blue-500/30 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -229,7 +311,7 @@ function ManagedAuthCard() {
           placeholder: "Password",
           required: true,
           minLength: 8,
-          className: "w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 placeholder-zinc-400 outline-none focus:border-blue-500 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600"
+          className: "w-full rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm text-zinc-900 placeholder-zinc-400 outline-none focus-visible:border-blue-500 focus-visible:ring-[3px] focus-visible:ring-blue-500/30 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600"
         }
       ),
       error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }),
@@ -238,7 +320,7 @@ function ManagedAuthCard() {
         {
           type: "submit",
           disabled: loading,
-          className: "w-full rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-500 disabled:opacity-40",
+          className: "w-full rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-500/50 disabled:opacity-40",
           children: loading ? "..." : view === "login" ? "Sign in" : "Create account"
         }
       )
@@ -249,14 +331,14 @@ function ManagedAuthCard() {
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => {
         setView("signup");
         setError("");
-      }, className: "text-blue-600 hover:underline dark:text-blue-400", children: "Create one" })
+      }, className: "rounded text-blue-600 hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-500/50 dark:text-blue-400", children: "Create one" })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       "Already have an account?",
       " ",
       /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => {
         setView("login");
         setError("");
-      }, className: "text-blue-600 hover:underline dark:text-blue-400", children: "Sign in" })
+      }, className: "rounded text-blue-600 hover:underline focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-500/50 dark:text-blue-400", children: "Sign in" })
     ] }) })
   ] }) });
 }
@@ -316,7 +398,7 @@ function downloadCSV(csv, filename = "atlas-results.csv") {
     a.download = filename;
     a.click();
   } catch (err) {
-    console.error("CSV download failed:", err);
+    console.error("CSV download failed:", err instanceof Error ? err.message : String(err));
     window.alert("CSV download failed");
   } finally {
     if (url) {
@@ -335,31 +417,31 @@ function coerceExcelCell(v) {
   return String(v);
 }
 async function downloadExcel(columns, rows, filename = "atlas-results.xlsx") {
-  let XLSX;
+  let ExcelJS;
   try {
-    XLSX = await import(
-      'xlsx'
+    ExcelJS = await import(
+      'exceljs'
       /* webpackIgnore: true */
     );
   } catch (err) {
-    console.error("Failed to load xlsx library:", err);
+    console.error("Failed to load exceljs library:", err instanceof Error ? err.message : String(err));
     window.alert("Excel export is unavailable. The spreadsheet library failed to load.");
     return;
   }
   let url = null;
   try {
-    const data = rows.map((row) => {
+    const wb = new ExcelJS.Workbook();
+    const ws = wb.addWorksheet("Results");
+    ws.columns = columns.map((col) => ({ header: col, key: col }));
+    for (const row of rows) {
       const obj = {};
       for (const col of columns) {
         obj[col] = coerceExcelCell(row[col]);
       }
-      return obj;
-    });
-    const ws = XLSX.utils.json_to_sheet(data, { header: columns });
-    const wb = XLSX.utils.book_new();
-    XLSX.utils.book_append_sheet(wb, ws, "Results");
-    const wbOut = XLSX.write(wb, { bookType: "xlsx", type: "array" });
-    const blob = new Blob([wbOut], {
+      ws.addRow(obj);
+    }
+    const buffer = await wb.xlsx.writeBuffer();
+    const blob = new Blob([buffer], {
       type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
     });
     url = URL.createObjectURL(blob);
@@ -368,8 +450,8 @@ async function downloadExcel(columns, rows, filename = "atlas-results.xlsx") {
     a.download = filename;
     a.click();
   } catch (err) {
-    console.error("Excel download failed:", err);
-    const detail = err instanceof Error ? err.message : "Unknown error";
+    const detail = err instanceof Error ? err.message : String(err);
+    console.error("Excel download failed:", detail);
     window.alert(`Excel download failed: ${detail}
 
 You can try the CSV download as an alternative.`);
@@ -433,13 +515,19 @@ function LoadingCard({ label }) {
     label
   ] });
 }
-function DataTable({
+function DataTableInner({
   columns,
   rows,
   maxRows = 10
 }) {
   const [sortCol, setSortCol] = React.useState(null);
   const [sortDir, setSortDir] = React.useState("asc");
+  if (rows.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg border border-zinc-200 px-4 py-8 text-center dark:border-zinc-700", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-zinc-500 dark:text-zinc-400", children: "Query returned no results" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-zinc-400 dark:text-zinc-500", children: "Try adjusting your query filters or criteria" })
+    ] });
+  }
   const hasMore = rows.length > maxRows;
   const cell = (row, colIdx) => {
     if (Array.isArray(row)) return row[colIdx];
@@ -482,8 +570,17 @@ function DataTable({
       /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-zinc-200 bg-zinc-100/80 dark:border-zinc-700 dark:bg-zinc-800/80", children: columns.map((col, i) => /* @__PURE__ */ jsxRuntime.jsxs(
         "th",
         {
+          tabIndex: 0,
+          role: "columnheader",
+          "aria-sort": sortCol === i ? sortDir === "asc" ? "ascending" : "descending" : "none",
           onClick: () => handleSort(i),
-          className: "group cursor-pointer select-none whitespace-nowrap px-3 py-2 text-left font-medium text-zinc-500 transition-colors hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200",
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              handleSort(i);
+            }
+          },
+          className: "group cursor-pointer select-none whitespace-nowrap px-3 py-2 text-left font-medium text-zinc-500 transition-colors hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:text-zinc-400 dark:hover:text-zinc-200",
           children: [
             col,
             sortCol === i ? sortDir === "asc" ? " \u25B2" : " \u25BC" : ""
@@ -509,6 +606,18 @@ function DataTable({
     ] })
   ] });
 }
+function DataTable(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkIDXGFWFS_cjs.ErrorBoundary,
+    {
+      fallbackRender: (_error, reset) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-xs text-red-700 dark:border-red-900/50 dark:bg-red-950/20 dark:text-red-400", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Unable to render results." }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkIDXGFWFS_cjs.Button, { variant: "link", onClick: reset, children: "Retry" })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(DataTableInner, { ...props })
+    }
+  );
+}
 function CopyButton({ text, label = "Copy" }) {
   const [state, setState] = React.useState("idle");
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -538,7 +647,7 @@ var SQL_BLOCK_STYLE = {
   padding: "0.75rem 1rem"
 };
 function SQLBlock({ sql }) {
-  const dark = React.useContext(chunkUIRB6L36_cjs.DarkModeContext);
+  const dark = React.useContext(chunkDZFSZSQB_cjs.DarkModeContext);
   const [mod, setMod] = React.useState(_cache);
   React.useEffect(() => {
     if (_cache) return;
@@ -563,13 +672,13 @@ function SQLBlock({ sql }) {
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: sql, label: "Copy SQL" }) })
   ] });
 }
-var ResultChart = React.lazy(() => import('./result-chart-YLCKBNV4.cjs').then((m) => ({ default: m.ResultChart })));
+var ResultChart = React.lazy(() => import('./result-chart-ANZOT6FL.cjs').then((m) => ({ default: m.ResultChart })));
 var ChartFallback = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-64 animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800" });
 function toStringRows(columns, rows) {
   return rows.map((row) => columns.map((col) => row[col] == null ? "" : String(row[col])));
 }
 function SQLResultCard({ part }) {
-  const dark = React.useContext(chunkUIRB6L36_cjs.DarkModeContext);
+  const dark = React.useContext(chunkDZFSZSQB_cjs.DarkModeContext);
   const args = getToolArgs(part);
   const result = getToolResult(part);
   const done = isToolComplete(part);
@@ -587,7 +696,7 @@ function SQLResultCard({ part }) {
   const sql = String(args.sql ?? "");
   const stringRows = React.useMemo(() => toStringRows(columns, rows), [columns, rows]);
   const chartResult = React.useMemo(
-    () => columns.length > 0 ? chunk5SEVKHS5_cjs.detectCharts(columns, stringRows) : { chartable: false, columns: [] },
+    () => columns.length > 0 ? chunkIDXGFWFS_cjs.detectCharts(columns, stringRows) : { chartable: false, columns: [] },
     [columns, stringRows]
   );
   if (!done) return /* @__PURE__ */ jsxRuntime.jsx(LoadingCard, { label: "Executing query..." });
@@ -734,7 +843,8 @@ function borderColor(status) {
     case "denied":
     case "failed":
       return "border-red-300 dark:border-red-900/50";
-    default:
+    case "rolled_back":
+    case "timed_out":
       return "border-zinc-200 dark:border-zinc-700";
   }
 }
@@ -756,7 +866,7 @@ function ActionApprovalCard({ part }) {
   const effectiveStatus = cardState.phase === "resolved" ? cardState.status : toolResult.status;
   const isPending = effectiveStatus === "pending_approval" && cardState.phase !== "submitting";
   const isSubmitting = cardState.phase === "submitting";
-  const resolvedResult = cardState.phase === "resolved" ? cardState.result : toolResult.result;
+  const resolvedResult = cardState.phase === "resolved" ? cardState.result : toolResult.status === "approved" || toolResult.status === "executed" || toolResult.status === "auto_approved" ? toolResult.result : void 0;
   async function callAction(endpoint, body) {
     if (!actionAuth) {
       console.warn("ActionApprovalCard: No ActionAuthProvider found. API calls will be sent without authentication.");
@@ -782,8 +892,10 @@ function ActionApprovalCard({ part }) {
       } catch {
         throw new Error("Action was already resolved, but the response could not be read. Refresh the page.");
       }
-      const status = typeof data2.status === "string" ? data2.status : "failed";
-      const label = status.replace(/_/g, " ");
+      if (typeof data2.status !== "string" || !action.RESOLVED_STATUSES.has(data2.status)) {
+        throw new Error("Action was already resolved with an unrecognized status. Refresh the page.");
+      }
+      const label = data2.status.replace(/_/g, " ");
       throw new Error(`This action was already ${label} by another user or policy.`);
     }
     if (!res.ok) {
@@ -796,8 +908,8 @@ function ActionApprovalCard({ part }) {
     } catch {
       throw new Error("Action succeeded, but the response could not be read. Refresh the page.");
     }
-    if (typeof data.status !== "string") {
-      throw new Error("Action succeeded, but the server returned an invalid status. Refresh the page.");
+    if (typeof data.status !== "string" || !action.RESOLVED_STATUSES.has(data.status)) {
+      throw new Error("Action succeeded, but the server returned an unrecognized status. Refresh the page.");
     }
     setCardState({ phase: "resolved", status: data.status, result: data.result });
   }
@@ -840,11 +952,11 @@ function ActionApprovalCard({ part }) {
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Result: " }),
         typeof resolvedResult === "string" ? resolvedResult : safeStringify(resolvedResult)
       ] }),
-      toolResult.error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 rounded bg-red-50 p-2 text-xs text-red-700 dark:bg-red-900/20 dark:text-red-400", children: [
+      toolResult.status === "failed" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 rounded bg-red-50 p-2 text-xs text-red-700 dark:bg-red-900/20 dark:text-red-400", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Error: " }),
         toolResult.error
       ] }),
-      toolResult.reason && action.RESOLVED_STATUSES.has(effectiveStatus) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 text-xs text-zinc-500 dark:text-zinc-400", children: [
+      toolResult.status === "denied" && action.RESOLVED_STATUSES.has(effectiveStatus) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2 text-xs text-zinc-500 dark:text-zinc-400", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: "Reason: " }),
         toolResult.reason
       ] })
@@ -857,7 +969,7 @@ function ActionApprovalCard({ part }) {
           {
             onClick: handleApprove,
             disabled: isSubmitting,
-            className: "inline-flex items-center gap-1.5 rounded bg-blue-600 px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-blue-500 disabled:opacity-40",
+            className: "inline-flex items-center gap-1.5 rounded bg-blue-600 px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-blue-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-blue-500/50 disabled:opacity-40",
             children: [
               isSubmitting && cardState.action === "approve" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-white/30 border-t-white" }),
               "Approve"
@@ -869,7 +981,7 @@ function ActionApprovalCard({ part }) {
           {
             onClick: () => setShowDenyInput(true),
             disabled: isSubmitting,
-            className: "rounded border border-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-600 transition-colors hover:border-zinc-400 hover:text-zinc-800 disabled:opacity-40 dark:border-zinc-600 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
+            className: "rounded border border-zinc-300 px-3 py-1.5 text-xs font-medium text-zinc-600 transition-colors hover:border-zinc-400 hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:opacity-40 dark:border-zinc-600 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
             children: "Deny"
           }
         ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
@@ -879,7 +991,7 @@ function ActionApprovalCard({ part }) {
               value: denyReason,
               onChange: (e) => setDenyReason(e.target.value),
               placeholder: "Reason (optional)",
-              className: "flex-1 rounded border border-zinc-200 bg-white px-2 py-1 text-xs text-zinc-900 placeholder-zinc-400 outline-none focus:border-red-400 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600",
+              className: "flex-1 rounded border border-zinc-200 bg-white px-2 py-1 text-xs text-zinc-900 placeholder-zinc-400 outline-none focus-visible:border-red-400 focus-visible:ring-[3px] focus-visible:ring-red-400/30 dark:border-zinc-700 dark:bg-zinc-800 dark:text-zinc-100 dark:placeholder-zinc-600",
               disabled: isSubmitting
             }
           ),
@@ -888,7 +1000,7 @@ function ActionApprovalCard({ part }) {
             {
               onClick: handleDeny,
               disabled: isSubmitting,
-              className: "inline-flex items-center gap-1.5 rounded bg-red-600 px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-red-500 disabled:opacity-40",
+              className: "inline-flex items-center gap-1.5 rounded bg-red-600 px-3 py-1.5 text-xs font-medium text-white transition-colors hover:bg-red-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-red-500/50 disabled:opacity-40",
               children: [
                 isSubmitting && cardState.action === "deny" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-white/30 border-t-white" }),
                 "Confirm Deny"
@@ -903,7 +1015,7 @@ function ActionApprovalCard({ part }) {
                 setDenyReason("");
               },
               disabled: isSubmitting,
-              className: "text-xs text-zinc-400 hover:text-zinc-600 disabled:opacity-40 dark:hover:text-zinc-300",
+              className: "rounded text-xs text-zinc-400 hover:text-zinc-600 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:opacity-40 dark:hover:text-zinc-300",
               children: "Cancel"
             }
           )
@@ -912,7 +1024,7 @@ function ActionApprovalCard({ part }) {
     ] })
   ] });
 }
-var ResultChart2 = React.lazy(() => import('./result-chart-YLCKBNV4.cjs').then((m) => ({ default: m.ResultChart })));
+var ResultChart2 = React.lazy(() => import('./result-chart-ANZOT6FL.cjs').then((m) => ({ default: m.ResultChart })));
 var ALLOWED_IMAGE_MIME = /* @__PURE__ */ new Set(["image/png", "image/jpeg"]);
 var PythonErrorBoundary = class extends React.Component {
   constructor(props) {
@@ -939,7 +1051,7 @@ function PythonResultCard({ part }) {
   return /* @__PURE__ */ jsxRuntime.jsx(PythonErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(PythonResultCardInner, { part }) });
 }
 function PythonResultCardInner({ part }) {
-  const dark = React.useContext(chunkUIRB6L36_cjs.DarkModeContext);
+  const dark = React.useContext(chunkDZFSZSQB_cjs.DarkModeContext);
   const args = getToolArgs(part);
   const raw = getToolResult(part);
   const done = isToolComplete(part);
@@ -1162,7 +1274,7 @@ var mdComponents = {
   pre: ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
 };
 var Markdown = React.memo(function Markdown2({ content }) {
-  const dark = React.useContext(chunkUIRB6L36_cjs.DarkModeContext);
+  const dark = React.useContext(chunkDZFSZSQB_cjs.DarkModeContext);
   return /* @__PURE__ */ jsxRuntime.jsx(
     ReactMarkdown__default.default,
     {
@@ -1196,64 +1308,13 @@ var STARTER_PROMPTS = [
   "What is the headcount breakdown by department?",
   "What is total MRR by plan type?"
 ];
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? radixUi.Slot.Root : "button";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
 function FollowUpChips({
   suggestions,
   onSelect
 }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2 pt-1", role: "group", "aria-label": "Suggested follow-up questions", children: suggestions.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    chunkIDXGFWFS_cjs.Button,
     {
       variant: "outline",
       size: "sm",
@@ -1305,7 +1366,7 @@ function ToggleGroup({
       "data-size": size,
       "data-spacing": spacing,
       style: { "--gap": spacing },
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
         className
       ),
@@ -1329,7 +1390,7 @@ function ToggleGroupItem({
       "data-variant": context.variant || variant,
       "data-size": context.size || size,
       "data-spacing": context.spacing,
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         toggleVariants({
           variant: context.variant || variant,
           size: context.size || size
@@ -1373,7 +1434,7 @@ function Badge({
     {
       "data-slot": "badge",
       "data-variant": variant,
-      className: cn(badgeVariants({ variant }), className),
+      className: chunkIDXGFWFS_cjs.cn(badgeVariants({ variant }), className),
       ...props
     }
   );
@@ -1388,7 +1449,7 @@ function DeleteConfirmation({
       "button",
       {
         onClick: onCancel,
-        className: "rounded px-2 py-0.5 text-zinc-500 transition-colors hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200",
+        className: "rounded px-2 py-0.5 text-zinc-500 transition-colors hover:text-zinc-800 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:text-zinc-400 dark:hover:text-zinc-200",
         children: "Cancel"
       }
     ),
@@ -1396,7 +1457,7 @@ function DeleteConfirmation({
       "button",
       {
         onClick: onConfirm,
-        className: "rounded bg-red-600 px-2 py-0.5 text-white transition-colors hover:bg-red-500",
+        className: "rounded bg-red-600 px-2 py-0.5 text-white transition-colors hover:bg-red-500 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-red-500/50 ",
         children: "Delete"
       }
     )
@@ -1426,6 +1487,7 @@ function ConversationItem({
   const [confirmDelete, setConfirmDelete] = React.useState(false);
   const [deleting, setDeleting] = React.useState(false);
   const [starPending, setStarPending] = React.useState(false);
+  const [error, setError] = React.useState(null);
   if (confirmDelete) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg border border-red-200 bg-red-50/50 dark:border-red-900/30 dark:bg-red-950/10", children: /* @__PURE__ */ jsxRuntime.jsx(
       DeleteConfirmation,
@@ -1434,12 +1496,11 @@ function ConversationItem({
         onConfirm: async () => {
           setDeleting(true);
           try {
-            const success = await onDelete();
-            if (success) {
-              setConfirmDelete(false);
-            }
-          } catch (err) {
-            console.warn("Failed to delete conversation:", err);
+            await onDelete();
+            setConfirmDelete(false);
+          } catch {
+            setError("Failed to delete");
+            setTimeout(() => setError(null), 3e3);
           } finally {
             setDeleting(false);
           }
@@ -1459,15 +1520,15 @@ function ConversationItem({
           onSelect();
         }
       },
-      className: `group flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2.5 text-left text-sm transition-colors ${isActive ? "bg-blue-50 text-blue-700 dark:bg-blue-600/10 dark:text-blue-400" : "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800"}`,
+      className: `group flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2.5 text-left text-sm transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 ${isActive ? "bg-blue-50 text-blue-700 dark:bg-blue-600/10 dark:text-blue-400" : "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800"}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium", children: conversation.title || "New conversation" }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: relativeTime(conversation.updatedAt) })
+          error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500 dark:text-red-400", children: error }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: relativeTime(conversation.updatedAt) })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            chunkIDXGFWFS_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -1477,8 +1538,9 @@ function ConversationItem({
                 setStarPending(true);
                 try {
                   await onStar(!conversation.starred);
-                } catch (err) {
-                  console.warn("Failed to update star:", err);
+                } catch {
+                  setError("Failed to update");
+                  setTimeout(() => setError(null), 3e3);
                 } finally {
                   setStarPending(false);
                 }
@@ -1490,7 +1552,7 @@ function ConversationItem({
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            chunkIDXGFWFS_cjs.Button,
             {
               variant: "ghost",
               size: "icon",
@@ -1519,7 +1581,7 @@ function ConversationList({
   emptyMessage
 }) {
   if (conversations.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-6 text-center text-xs text-zinc-400 dark:text-zinc-500", children: emptyMessage ?? "No conversations yet" });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-6 text-center text-xs text-zinc-500 dark:text-zinc-400", children: emptyMessage ?? "No conversations yet" });
   }
   function renderItems(items) {
     return items.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1560,6 +1622,14 @@ function ConversationSidebar({
   onMobileClose
 }) {
   const [filter, setFilter] = React.useState("all");
+  React.useEffect(() => {
+    if (!mobileOpen) return;
+    function handleKeyDown(e) {
+      if (e.key === "Escape") onMobileClose();
+    }
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, [mobileOpen, onMobileClose]);
   const starredConversations = conversations.filter((c) => c.starred);
   const filteredConversations = filter === "saved" ? starredConversations : conversations;
   const sidebar = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col border-r border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950", children: [
@@ -1569,7 +1639,7 @@ function ConversationSidebar({
         "button",
         {
           onClick: onNewChat,
-          className: "rounded-lg border border-zinc-200 px-3 py-1.5 text-xs font-medium text-zinc-600 transition-colors hover:border-zinc-400 hover:text-zinc-900 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
+          className: "rounded-lg border border-zinc-200 px-3 py-1.5 text-xs font-medium text-zinc-600 transition-colors hover:border-zinc-400 hover:text-zinc-900 focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
           children: "+ New"
         }
       )
@@ -1639,7 +1709,7 @@ function AlertDialogOverlay({
     radixUi.AlertDialog.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         className
       ),
@@ -1659,7 +1729,7 @@ function AlertDialogContent({
       {
         "data-slot": "alert-dialog-content",
         "data-size": size,
-        className: cn(
+        className: chunkIDXGFWFS_cjs.cn(
           "group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg",
           className
         ),
@@ -1676,7 +1746,7 @@ function AlertDialogHeader({
     "div",
     {
       "data-slot": "alert-dialog-header",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
         className
       ),
@@ -1692,7 +1762,7 @@ function AlertDialogFooter({
     "div",
     {
       "data-slot": "alert-dialog-footer",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
         className
       ),
@@ -1708,7 +1778,7 @@ function AlertDialogTitle({
     radixUi.AlertDialog.Title,
     {
       "data-slot": "alert-dialog-title",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
         className
       ),
@@ -1724,7 +1794,7 @@ function AlertDialogDescription({
     radixUi.AlertDialog.Description,
     {
       "data-slot": "alert-dialog-description",
-      className: cn("text-sm text-muted-foreground", className),
+      className: chunkIDXGFWFS_cjs.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -1735,7 +1805,7 @@ function Input({ className, type, ...props }) {
     {
       type,
       "data-slot": "input",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30",
         "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
@@ -1838,7 +1908,7 @@ function ChangePasswordDialog({
       ] }),
       error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: loading, children: loading ? "Changing..." : "Change password" }) })
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkIDXGFWFS_cjs.Button, { type: "submit", disabled: loading, children: loading ? "Changing..." : "Change password" }) })
   ] }) }) });
 }
 function Sheet({ ...props }) {
@@ -1857,7 +1927,7 @@ function SheetOverlay({
     radixUi.Dialog.Overlay,
     {
       "data-slot": "sheet-overlay",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
         className
       ),
@@ -1878,7 +1948,7 @@ function SheetContent({
       radixUi.Dialog.Content,
       {
         "data-slot": "sheet-content",
-        className: cn(
+        className: chunkIDXGFWFS_cjs.cn(
           "fixed z-50 flex flex-col gap-4 bg-background shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
           side === "right" && "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
           side === "left" && "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
@@ -1903,7 +1973,7 @@ function SheetHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-1.5 p-4", className),
+      className: chunkIDXGFWFS_cjs.cn("flex flex-col gap-1.5 p-4", className),
       ...props
     }
   );
@@ -1916,7 +1986,20 @@ function SheetTitle({
     radixUi.Dialog.Title,
     {
       "data-slot": "sheet-title",
-      className: cn("font-semibold text-foreground", className),
+      className: chunkIDXGFWFS_cjs.cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Dialog.Description,
+    {
+      "data-slot": "sheet-description",
+      className: chunkIDXGFWFS_cjs.cn("text-sm text-muted-foreground", className),
       ...props
     }
   );
@@ -1931,7 +2014,7 @@ function ScrollArea({
     radixUi.ScrollArea.Root,
     {
       "data-slot": "scroll-area",
-      className: cn("relative overflow-hidden", className),
+      className: chunkIDXGFWFS_cjs.cn("relative overflow-hidden", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
@@ -1959,7 +2042,7 @@ function ScrollBar({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation,
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "flex touch-none p-px transition-colors select-none",
         orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -1988,7 +2071,7 @@ function Separator({
       "data-slot": "separator",
       decorative,
       orientation,
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         className
       ),
@@ -2006,7 +2089,7 @@ function Table({ className, ...props }) {
         "table",
         {
           "data-slot": "table",
-          className: cn("w-full caption-bottom text-sm", className),
+          className: chunkIDXGFWFS_cjs.cn("w-full caption-bottom text-sm", className),
           ...props
         }
       )
@@ -2018,7 +2101,7 @@ function TableHeader({ className, ...props }) {
     "thead",
     {
       "data-slot": "table-header",
-      className: cn("[&_tr]:border-b", className),
+      className: chunkIDXGFWFS_cjs.cn("[&_tr]:border-b", className),
       ...props
     }
   );
@@ -2028,7 +2111,7 @@ function TableBody({ className, ...props }) {
     "tbody",
     {
       "data-slot": "table-body",
-      className: cn("[&_tr:last-child]:border-0", className),
+      className: chunkIDXGFWFS_cjs.cn("[&_tr:last-child]:border-0", className),
       ...props
     }
   );
@@ -2038,7 +2121,7 @@ function TableRow({ className, ...props }) {
     "tr",
     {
       "data-slot": "table-row",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
         className
       ),
@@ -2051,7 +2134,7 @@ function TableHead({ className, ...props }) {
     "th",
     {
       "data-slot": "table-head",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -2064,7 +2147,7 @@ function TableCell({ className, ...props }) {
     "td",
     {
       "data-slot": "table-cell",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
         className
       ),
@@ -2077,7 +2160,7 @@ function Card({ className, ...props }) {
     "div",
     {
       "data-slot": "card",
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
         className
       ),
@@ -2090,7 +2173,7 @@ function CardContent({ className, ...props }) {
     "div",
     {
       "data-slot": "card-content",
-      className: cn("px-6", className),
+      className: chunkIDXGFWFS_cjs.cn("px-6", className),
       ...props
     }
   );
@@ -2207,7 +2290,7 @@ function EntityDetailView({
   const patterns = normalizeList(entity.query_patterns, "name");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 px-4 pb-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", className: "size-7", onClick: onBack, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "size-3.5" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkIDXGFWFS_cjs.Button, { variant: "ghost", size: "icon", className: "size-7", onClick: onBack, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "size-3.5" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "truncate text-sm font-semibold", children: entity.table }),
         entity.type === "view" && /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "outline", className: "text-[10px]", children: "view" })
@@ -2372,14 +2455,17 @@ function SchemaExplorer({
     onOpenChange(false);
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "flex w-full flex-col p-0 sm:max-w-xl", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { className: "px-4 pt-4", children: /* @__PURE__ */ jsxRuntime.jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TableProperties, { className: "size-4" }),
-      "Schema Explorer"
-    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { className: "px-4 pt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TableProperties, { className: "size-4" }),
+        "Schema Explorer"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { className: "sr-only", children: "Browse tables, columns, joins, and query patterns from the semantic layer" })
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "mt-3" }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden pt-3", children: loading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-zinc-400", children: "Loading schema..." }) }) : error ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center px-4", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-red-500", children: error }) }) : selectedName ? detailError ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 px-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-center text-xs text-red-500", children: detailError }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "sm", onClick: handleBack, className: "text-xs", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkIDXGFWFS_cjs.Button, { variant: "ghost", size: "sm", onClick: handleBack, className: "text-xs", children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-1 size-3" }),
         " Back to list"
       ] })
@@ -2434,7 +2520,7 @@ function DropdownMenuContent({
     {
       "data-slot": "dropdown-menu-content",
       sideOffset,
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         className
       ),
@@ -2454,7 +2540,7 @@ function DropdownMenuItem({
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
-      className: cn(
+      className: chunkIDXGFWFS_cjs.cn(
         "relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
@@ -2481,17 +2567,17 @@ var THEME_OPTIONS = [
   { value: "system", label: "System", icon: lucideReact.Monitor }
 ];
 function ThemeToggle() {
-  const mode = chunkUIRB6L36_cjs.useThemeMode();
+  const mode = chunkDZFSZSQB_cjs.useThemeMode();
   const CurrentIcon = mode === "dark" ? lucideReact.Moon : mode === "light" ? lucideReact.Sun : lucideReact.Monitor;
   return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "ghost", size: "icon", className: "size-11 sm:size-8 text-zinc-500 dark:text-zinc-400", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(chunkIDXGFWFS_cjs.Button, { variant: "ghost", size: "icon", className: "size-11 sm:size-8 text-zinc-500 dark:text-zinc-400", children: [
       /* @__PURE__ */ jsxRuntime.jsx(CurrentIcon, { className: "size-4" }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle theme" })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "end", children: THEME_OPTIONS.map(({ value, label, icon: Icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
       DropdownMenuItem,
       {
-        onClick: () => chunkUIRB6L36_cjs.setTheme(value),
+        onClick: () => chunkDZFSZSQB_cjs.setTheme(value),
         className: mode === value ? "bg-accent" : "",
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "mr-2 size-4" }),
@@ -2520,7 +2606,7 @@ function SaveButton({
     }
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    Button,
+    chunkIDXGFWFS_cjs.Button,
     {
       variant: "ghost",
       size: "xs",
@@ -2543,10 +2629,12 @@ function AtlasChat(props) {
     sidebar = false,
     schemaExplorer: schemaExplorerEnabled = false,
     authClient = noopAuthClient,
-    toolRenderers
+    toolRenderers,
+    chatEndpoint = "/api/v1/chat",
+    conversationsEndpoint = "/api/v1/conversations"
   } = props;
   React.useEffect(() => {
-    chunkUIRB6L36_cjs.setTheme(propTheme);
+    chunkDZFSZSQB_cjs.setTheme(propTheme);
   }, [propTheme]);
   return /* @__PURE__ */ jsxRuntime.jsx(AtlasUIProvider, { config: { apiUrl, authClient }, children: /* @__PURE__ */ jsxRuntime.jsx(
     AtlasChatInner,
@@ -2554,7 +2642,9 @@ function AtlasChat(props) {
       propApiKey,
       sidebar,
       schemaExplorerEnabled,
-      toolRenderers
+      toolRenderers,
+      chatEndpoint,
+      conversationsEndpoint
     }
   ) });
 }
@@ -2562,10 +2652,12 @@ function AtlasChatInner({
   propApiKey,
   sidebar,
   schemaExplorerEnabled,
-  toolRenderers
+  toolRenderers,
+  chatEndpoint,
+  conversationsEndpoint
 }) {
   const { apiUrl, isCrossOrigin, authClient } = useAtlasConfig();
-  const dark = chunkUIRB6L36_cjs.useDarkMode();
+  const dark = chunkDZFSZSQB_cjs.useDarkMode();
   const [input, setInput] = React.useState("");
   const [authMode, setAuthMode] = React.useState(null);
   const [healthWarning, setHealthWarning] = React.useState("");
@@ -2592,11 +2684,12 @@ function AtlasChatInner({
   const getCredentials = React.useCallback(() => {
     return isCrossOrigin ? "include" : "same-origin";
   }, [isCrossOrigin]);
-  const convos = chunkUIRB6L36_cjs.useConversations({
+  const convos = chunkDZFSZSQB_cjs.useConversations({
     apiUrl,
     enabled: sidebar,
     getHeaders,
-    getCredentials
+    getCredentials,
+    conversationsEndpoint
   });
   const refreshConvosRef = React.useRef(convos.refresh);
   refreshConvosRef.current = convos.refresh;
@@ -2629,15 +2722,15 @@ function AtlasChatInner({
         }
         const data = await res.json();
         const mode = data?.checks?.auth?.mode;
-        if (typeof mode === "string" && chunkUIRB6L36_cjs.AUTH_MODES.includes(mode)) {
+        if (typeof mode === "string" && chunkDZFSZSQB_cjs.AUTH_MODES.includes(mode)) {
           setAuthMode(mode);
         } else {
           console.warn("Health check succeeded but returned no valid auth mode:", data);
           setHealthWarning("Could not determine authentication mode from the server.");
           setAuthMode("none");
         }
-        if (typeof data?.brandColor === "string" && chunkUIRB6L36_cjs.OKLCH_RE.test(data.brandColor)) {
-          chunkUIRB6L36_cjs.applyBrandColor(data.brandColor);
+        if (typeof data?.brandColor === "string" && chunkDZFSZSQB_cjs.OKLCH_RE.test(data.brandColor)) {
+          chunkDZFSZSQB_cjs.applyBrandColor(data.brandColor);
         }
       } catch (err) {
         console.warn("Health endpoint unavailable:", err);
@@ -2688,7 +2781,7 @@ function AtlasChatInner({
       headers["Authorization"] = `Bearer ${apiKey}`;
     }
     return new ai.DefaultChatTransport({
-      api: `${apiUrl}/api/chat`,
+      api: `${apiUrl}${chatEndpoint}`,
       headers,
       credentials: isCrossOrigin ? "include" : void 0,
       body: () => conversationIdRef.current ? { conversationId: conversationIdRef.current } : {},
@@ -2706,7 +2799,7 @@ function AtlasChatInner({
         return response;
       })
     });
-  }, [apiKey, apiUrl, isCrossOrigin]);
+  }, [apiKey, apiUrl, isCrossOrigin, chatEndpoint]);
   const { messages, setMessages, sendMessage, status, error } = react.useChat({ transport });
   const isLoading = status === "streaming" || status === "submitted";
   React.useEffect(() => {
@@ -2731,17 +2824,12 @@ function AtlasChatInner({
     setLoadingConversation(true);
     try {
       const uiMessages = await convos.loadConversation(id);
-      if (uiMessages) {
-        setMessages(uiMessages);
-        setConversationId(id);
-        convos.setSelectedId(id);
-        setMobileMenuOpen(false);
-      } else {
-        setHealthWarning("Could not load conversation. It may have been deleted.");
-        setTimeout(() => setHealthWarning(""), 5e3);
-      }
+      setMessages(uiMessages);
+      setConversationId(id);
+      convos.setSelectedId(id);
+      setMobileMenuOpen(false);
     } catch (err) {
-      console.warn("Failed to load conversation:", err);
+      console.warn("Failed to load conversation:", err instanceof Error ? err.message : String(err));
       setHealthWarning("Failed to load conversation. Please try again.");
       setTimeout(() => setHealthWarning(""), 5e3);
     } finally {
@@ -2756,10 +2844,10 @@ function AtlasChatInner({
     setMobileMenuOpen(false);
   }
   if (!authResolved || isManaged && managedSession.isPending) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkUIRB6L36_cjs.DarkModeContext.Provider, { value: dark, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "atlas-root flex h-dvh items-center justify-center bg-white dark:bg-zinc-950" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkDZFSZSQB_cjs.DarkModeContext.Provider, { value: dark, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "atlas-root flex h-dvh items-center justify-center bg-white dark:bg-zinc-950" }) });
   }
   const showSidebar = sidebar && convos.available;
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUIRB6L36_cjs.DarkModeContext.Provider, { value: dark, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkDZFSZSQB_cjs.DarkModeContext.Provider, { value: dark, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "atlas-root flex h-dvh", children: [
       showSidebar && /* @__PURE__ */ jsxRuntime.jsx(
         ConversationSidebar,
@@ -2775,14 +2863,16 @@ function AtlasChatInner({
           onMobileClose: () => setMobileMenuOpen(false)
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-4xl flex-1 flex-col overflow-hidden p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("main", { id: "main", tabIndex: -1, className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto flex w-full max-w-4xl flex-1 flex-col overflow-hidden p-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx("header", { className: "mb-4 flex-none border-b border-zinc-100 pb-3 dark:border-zinc-800", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
             showSidebar && /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
+              chunkIDXGFWFS_cjs.Button,
               {
+                variant: "ghost",
+                size: "icon",
                 onClick: () => setMobileMenuOpen(true),
-                className: "flex size-11 items-center justify-center rounded text-zinc-400 hover:text-zinc-700 md:hidden dark:hover:text-zinc-200",
+                className: "size-11 text-zinc-400 hover:text-zinc-700 md:hidden dark:hover:text-zinc-200",
                 "aria-label": "Open conversation history",
                 children: MenuIcon
               }
@@ -2797,7 +2887,7 @@ function AtlasChatInner({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             schemaExplorerEnabled && /* @__PURE__ */ jsxRuntime.jsx(
-              Button,
+              chunkIDXGFWFS_cjs.Button,
               {
                 variant: "ghost",
                 size: "icon",
@@ -2811,8 +2901,10 @@ function AtlasChatInner({
             isSignedIn && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden text-xs text-zinc-500 sm:inline dark:text-zinc-400", children: managedSession.data?.user?.email }),
               /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
+                chunkIDXGFWFS_cjs.Button,
                 {
+                  variant: "outline",
+                  size: "sm",
                   onClick: () => {
                     authClient.signOut().catch((err) => {
                       console.error("Sign out failed:", err);
@@ -2820,75 +2912,101 @@ function AtlasChatInner({
                       setTimeout(() => setHealthWarning(""), 5e3);
                     });
                   },
-                  className: "rounded border border-zinc-200 px-3 py-2 text-xs text-zinc-500 transition-colors hover:border-zinc-400 hover:text-zinc-800 dark:border-zinc-700 dark:text-zinc-400 dark:hover:border-zinc-500 dark:hover:text-zinc-200",
+                  className: "text-xs text-zinc-500 dark:text-zinc-400",
                   children: "Sign out"
                 }
               )
             ] })
           ] })
         ] }) }),
-        healthWarning && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-zinc-400 dark:text-zinc-500", children: healthWarning }),
+        (healthWarning || convos.fetchError) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-zinc-400 dark:text-zinc-500", children: healthWarning || convos.fetchError }),
         isManaged && !isSignedIn ? /* @__PURE__ */ jsxRuntime.jsx(ManagedAuthCard, {}) : /* @__PURE__ */ jsxRuntime.jsxs(ActionAuthProvider, { getHeaders, getCredentials, children: [
           authMode === "simple-key" && !propApiKey && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex-none", children: /* @__PURE__ */ jsxRuntime.jsx(ApiKeyBar, { apiKey, onSave: handleSaveApiKey }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { viewportRef: scrollRef, className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-atlas-messages": true, className: "space-y-4 pb-4 pr-3", children: [
-            messages.length === 0 && !error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium text-zinc-500 dark:text-zinc-400", children: "What would you like to know?" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-zinc-400 dark:text-zinc-600", children: "Ask a question about your data to get started" })
+          /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { viewportRef: scrollRef, className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkIDXGFWFS_cjs.ErrorBoundary,
+            {
+              fallbackRender: (_error, reset) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-2 p-6 text-sm text-red-600 dark:text-red-400", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Failed to render messages." }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkIDXGFWFS_cjs.Button, { variant: "link", size: "sm", onClick: reset, className: "text-xs", children: "Try again" })
               ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full max-w-lg grid-cols-1 gap-2 sm:grid-cols-2", children: STARTER_PROMPTS.map((prompt) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: () => handleSend(prompt),
-                  className: "rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2.5 text-left text-sm text-zinc-500 transition-colors hover:border-zinc-400 hover:bg-zinc-100 hover:text-zinc-800 dark:border-zinc-800 dark:bg-zinc-900 dark:text-zinc-400 dark:hover:border-zinc-600 dark:hover:bg-zinc-800 dark:hover:text-zinc-200",
-                  children: prompt
-                },
-                prompt
-              )) })
-            ] }),
-            messages.map((m, msgIndex) => {
-              if (m.role === "user") {
-                return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[85%] rounded-xl bg-blue-600 px-4 py-3 text-sm text-white", children: m.parts?.map(
-                  (part, i) => part.type === "text" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", children: part.text }, i) : null
-                ) }) }, m.id);
-              }
-              const isLastAssistant = m.role === "assistant" && msgIndex === messages.length - 1;
-              const lastTextWithSuggestions = m.parts?.filter((p) => p.type === "text" && !!p.text.trim()).findLast((p) => parseSuggestions(p.text).suggestions.length > 0);
-              const suggestions = lastTextWithSuggestions ? parseSuggestions(lastTextWithSuggestions.text).suggestions : [];
-              return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-                m.parts?.map((part, i) => {
-                  if (part.type === "text" && part.text.trim()) {
-                    const displayText = parseSuggestions(part.text).text;
-                    if (!displayText.trim()) return null;
-                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[90%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-zinc-100 px-4 py-3 text-sm text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: displayText }) }) }, i);
-                  }
-                  if (ai.isToolUIPart(part)) {
-                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[95%]", children: /* @__PURE__ */ jsxRuntime.jsx(ToolPart, { part, toolRenderers }) }, i);
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-atlas-messages": true, className: "space-y-4 pb-4 pr-3", children: [
+                messages.length === 0 && !error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-6", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-medium text-zinc-500 dark:text-zinc-400", children: "What would you like to know?" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-500", children: "Ask a question about your data to get started" })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid w-full max-w-lg grid-cols-1 gap-2 sm:grid-cols-2", children: STARTER_PROMPTS.map((prompt) => /* @__PURE__ */ jsxRuntime.jsx(
+                    chunkIDXGFWFS_cjs.Button,
+                    {
+                      variant: "outline",
+                      onClick: () => handleSend(prompt),
+                      className: "h-auto whitespace-normal justify-start rounded-lg bg-zinc-50 px-3 py-2.5 text-left text-sm text-zinc-500 hover:text-zinc-800 dark:bg-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-200",
+                      children: prompt
+                    },
+                    prompt
+                  )) })
+                ] }),
+                messages.map((m, msgIndex) => {
+                  if (m.role === "user") {
+                    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", role: "article", "aria-label": "Message from you", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[85%] rounded-xl bg-blue-600 px-4 py-3 text-sm text-white", children: m.parts?.map(
+                      (part, i) => part.type === "text" ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "whitespace-pre-wrap", children: part.text }, i) : null
+                    ) }) }, m.id);
                   }
-                  return null;
+                  const isLastAssistant = m.role === "assistant" && msgIndex === messages.length - 1;
+                  const hasVisibleParts = m.parts?.some(
+                    (p) => p.type === "text" && p.text.trim() || ai.isToolUIPart(p)
+                  );
+                  if (!hasVisibleParts && !isLastAssistant) return null;
+                  const lastTextWithSuggestions = m.parts?.filter((p) => p.type === "text" && !!p.text.trim()).findLast((p) => parseSuggestions(p.text).suggestions.length > 0);
+                  const suggestions = lastTextWithSuggestions ? parseSuggestions(lastTextWithSuggestions.text).suggestions : [];
+                  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", role: "article", "aria-label": "Message from Atlas", children: [
+                    m.parts?.map((part, i) => {
+                      if (part.type === "text" && part.text.trim()) {
+                        const displayText = parseSuggestions(part.text).text;
+                        if (!displayText.trim()) return null;
+                        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[90%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-zinc-100 px-4 py-3 text-sm text-zinc-800 dark:bg-zinc-800 dark:text-zinc-200", children: /* @__PURE__ */ jsxRuntime.jsx(Markdown, { content: displayText }) }) }, i);
+                      }
+                      if (ai.isToolUIPart(part)) {
+                        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[95%]", children: /* @__PURE__ */ jsxRuntime.jsx(ToolPart, { part, toolRenderers }) }, i);
+                      }
+                      return null;
+                    }),
+                    isLastAssistant && !hasVisibleParts && !isLoading && error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-[90%]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl bg-red-50 px-4 py-3 text-sm text-red-700 dark:bg-red-950/30 dark:text-red-400", children: error.message ? `Something went wrong generating a response: ${error.message}. Try sending your message again.` : "Something went wrong generating a response. Try sending your message again." }) }),
+                    isLastAssistant && !isLoading && hasVisibleParts && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        FollowUpChips,
+                        {
+                          suggestions,
+                          onSelect: handleSend
+                        }
+                      ),
+                      conversationId && sidebar && convos.available && /* @__PURE__ */ jsxRuntime.jsx(
+                        SaveButton,
+                        {
+                          conversationId,
+                          conversations: convos.conversations,
+                          onStar: convos.starConversation
+                        }
+                      )
+                    ] })
+                  ] }, m.id);
                 }),
-                isLastAssistant && !isLoading && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    FollowUpChips,
-                    {
-                      suggestions,
-                      onSelect: handleSend
-                    }
-                  ),
-                  conversationId && sidebar && convos.available && /* @__PURE__ */ jsxRuntime.jsx(
-                    SaveButton,
-                    {
-                      conversationId,
-                      conversations: convos.conversations,
-                      onStar: convos.starConversation
-                    }
-                  )
-                ] })
-              ] }, m.id);
-            }),
-            isLoading && messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(TypingIndicator, {})
-          ] }) }),
-          error && /* @__PURE__ */ jsxRuntime.jsx(ErrorBanner, { error, authMode }),
+                isLoading && messages.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(TypingIndicator, {})
+              ] })
+            }
+          ) }),
+          error && /* @__PURE__ */ jsxRuntime.jsx(
+            ErrorBanner,
+            {
+              error,
+              authMode: authMode ?? "none",
+              onRetry: messages.some((m) => m.role === "user") ? () => {
+                const lastUserMsg = messages.toReversed().find((m) => m.role === "user");
+                const text = lastUserMsg?.parts?.filter((p) => p.type === "text").map((p) => p.text).join(" ");
+                if (text) handleSend(text);
+              } : void 0
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsxs(
             "form",
             {
@@ -2900,22 +3018,24 @@ function AtlasChatInner({
               className: "flex flex-none gap-2 border-t border-zinc-100 pt-4 dark:border-zinc-800",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
+                  Input,
                   {
                     "data-atlas-input": true,
                     value: input,
                     onChange: (e) => setInput(e.target.value),
                     placeholder: "Ask a question about your data...",
-                    className: "min-w-0 flex-1 rounded-lg border border-zinc-200 bg-zinc-50 px-4 py-3 text-base text-zinc-900 placeholder-zinc-400 outline-none focus:border-blue-500 sm:text-sm dark:border-zinc-700 dark:bg-zinc-900 dark:text-zinc-100 dark:placeholder-zinc-600",
-                    disabled: isLoading || healthFailed
+                    className: "min-w-0 flex-1 py-3 text-base sm:text-sm",
+                    disabled: isLoading || healthFailed,
+                    "aria-label": "Chat message"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  "button",
+                  chunkIDXGFWFS_cjs.Button,
                   {
                     type: "submit",
-                    disabled: isLoading || healthFailed || !input.trim(),
-                    className: "shrink-0 rounded-lg bg-blue-600 px-5 py-3 text-sm font-medium text-white transition-colors hover:bg-blue-500 disabled:opacity-40",
+                    disabled: isLoading || healthFailed,
+                    "aria-disabled": !(isLoading || healthFailed) && !input.trim() ? true : void 0,
+                    className: "shrink-0 px-5",
                     children: "Ask"
                   }
                 )
@@ -2947,27 +3067,27 @@ function AtlasChatInner({
 
 Object.defineProperty(exports, "AUTH_MODES", {
   enumerable: true,
-  get: function () { return chunkUIRB6L36_cjs.AUTH_MODES; }
+  get: function () { return chunkDZFSZSQB_cjs.AUTH_MODES; }
 });
 Object.defineProperty(exports, "THEME_STORAGE_KEY", {
   enumerable: true,
-  get: function () { return chunkUIRB6L36_cjs.THEME_STORAGE_KEY; }
+  get: function () { return chunkDZFSZSQB_cjs.THEME_STORAGE_KEY; }
 });
 Object.defineProperty(exports, "buildThemeInitScript", {
   enumerable: true,
-  get: function () { return chunkUIRB6L36_cjs.buildThemeInitScript; }
+  get: function () { return chunkDZFSZSQB_cjs.buildThemeInitScript; }
 });
 Object.defineProperty(exports, "parseChatError", {
   enumerable: true,
-  get: function () { return chunkUIRB6L36_cjs.parseChatError; }
+  get: function () { return chunkDZFSZSQB_cjs.parseChatError; }
 });
 Object.defineProperty(exports, "setTheme", {
   enumerable: true,
-  get: function () { return chunkUIRB6L36_cjs.setTheme; }
+  get: function () { return chunkDZFSZSQB_cjs.setTheme; }
 });
 Object.defineProperty(exports, "useConversations", {
   enumerable: true,
-  get: function () { return chunkUIRB6L36_cjs.useConversations; }
+  get: function () { return chunkDZFSZSQB_cjs.useConversations; }
 });
 exports.AtlasChat = AtlasChat;
 exports.AtlasUIProvider = AtlasUIProvider;