@useatlas/react 0.0.1

package/dist/index.js

@@ -0,0 +1,2926 @@
+import { DarkModeContext, setTheme, useDarkMode, useConversations, AUTH_MODES, OKLCH_RE, applyBrandColor, useThemeMode, parseChatError } from './chunk-2WFDP7G5.js';
+export { AUTH_MODES, THEME_STORAGE_KEY, buildThemeInitScript, parseChatError, setTheme, useConversations } from './chunk-2WFDP7G5.js';
+import { detectCharts } from './chunk-44HBZYKP.js';
+import { useChat } from '@ai-sdk/react';
+import { getToolName, DefaultChatTransport, isToolUIPart } from 'ai';
+import * as React from 'react';
+import { createContext, lazy, memo, useContext, Component, useState, useMemo, Suspense, useEffect, useRef, useCallback } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { isActionToolResult, RESOLVED_STATUSES } from '@useatlas/types/action';
+import { FileDown, FileSpreadsheet, TableProperties, Star, Moon, Sun, Monitor, ArrowLeft, XIcon, Columns3, Link2, Sparkles, Search, Eye, ArrowRight, Trash2 } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import { cva } from 'class-variance-authority';
+import { Slot, ScrollArea as ScrollArea$1, ToggleGroup as ToggleGroup$1, DropdownMenu as DropdownMenu$1, Dialog, Separator as Separator$1, AlertDialog as AlertDialog$1 } from 'radix-ui';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+var AtlasUIContext = createContext(null);
+function useAtlasConfig() {
+  const ctx = useContext(AtlasUIContext);
+  if (!ctx) throw new Error("useAtlasConfig must be used within <AtlasUIProvider>");
+  return ctx;
+}
+function AtlasUIProvider({
+  config,
+  children
+}) {
+  const isCrossOrigin = typeof window !== "undefined" && config.apiUrl !== "" && !config.apiUrl.startsWith(window.location.origin);
+  return /* @__PURE__ */ jsx(AtlasUIContext.Provider, { value: { ...config, isCrossOrigin }, children });
+}
+var ActionAuthContext = createContext(null);
+function useActionAuth() {
+  return useContext(ActionAuthContext);
+}
+function ActionAuthProvider({
+  getHeaders,
+  getCredentials,
+  children
+}) {
+  const value = useMemo(
+    () => ({ getHeaders, getCredentials }),
+    [getHeaders, getCredentials]
+  );
+  return /* @__PURE__ */ jsx(ActionAuthContext.Provider, { value, children });
+}
+function ErrorBanner({ error, authMode }) {
+  const info = useMemo(() => parseChatError(error, authMode), [error, authMode]);
+  const [countdown, setCountdown] = useState(info.retryAfterSeconds ?? 0);
+  useEffect(() => {
+    if (!info.retryAfterSeconds) return;
+    setCountdown(info.retryAfterSeconds);
+    const interval = setInterval(() => {
+      setCountdown((prev) => {
+        if (prev <= 1) {
+          clearInterval(interval);
+          return 0;
+        }
+        return prev - 1;
+      });
+    }, 1e3);
+    return () => clearInterval(interval);
+  }, [info.retryAfterSeconds]);
+  const detail = info.retryAfterSeconds && countdown > 0 ? `Try again in ${countdown} second${countdown !== 1 ? "s" : ""}.` : info.detail;
+  return /* @__PURE__ */ 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__ */ jsx("p", { className: "font-medium", children: info.title }),
+    detail && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs opacity-80", children: detail })
+  ] });
+}
+function ApiKeyBar({
+  apiKey,
+  onSave
+}) {
+  const [editing, setEditing] = useState(!apiKey);
+  const [draft, setDraft] = useState(apiKey);
+  if (!editing && apiKey) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs dark:border-zinc-700 dark:bg-zinc-900", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-500 dark:text-zinc-400", children: "API key configured" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            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",
+          children: "Change"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        if (draft.trim()) {
+          onSave(draft.trim());
+          setEditing(false);
+        }
+      },
+      className: "flex items-center gap-2 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 dark:border-zinc-700 dark:bg-zinc-900",
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "password",
+            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",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            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",
+            children: "Save"
+          }
+        ),
+        apiKey && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => setEditing(false),
+            className: "text-xs text-zinc-400 hover:text-zinc-600 dark:hover:text-zinc-300",
+            children: "Cancel"
+          }
+        )
+      ]
+    }
+  );
+}
+function ManagedAuthCard() {
+  const { authClient } = useAtlasConfig();
+  const [view, setView] = useState("login");
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+  const [name, setName] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  async function handleLogin(e) {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+    try {
+      const res = await authClient.signIn.email({ email, password });
+      if (res.error) setError(res.error.message ?? "Sign in failed");
+    } catch (err) {
+      console.error("Sign in error:", err);
+      setError(err instanceof TypeError ? "Unable to reach the server" : "Sign in failed");
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function handleSignup(e) {
+    e.preventDefault();
+    setError("");
+    setLoading(true);
+    try {
+      const res = await authClient.signUp.email({ email, password, name: name || email.split("@")[0] });
+      if (res.error) setError(res.error.message ?? "Sign up failed");
+    } catch (err) {
+      console.error("Sign up error:", err);
+      setError(err instanceof TypeError ? "Unable to reach the server" : "Sign up failed");
+    } finally {
+      setLoading(false);
+    }
+  }
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm space-y-4 rounded-lg border border-zinc-200 bg-zinc-50 p-6 dark:border-zinc-700 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-zinc-900 dark:text-zinc-100", children: view === "login" ? "Sign in to Atlas" : "Create an account" }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-zinc-500 dark:text-zinc-400", children: view === "login" ? "Enter your credentials to continue" : "Set up your Atlas account" })
+    ] }),
+    /* @__PURE__ */ jsxs("form", { onSubmit: view === "login" ? handleLogin : handleSignup, className: "space-y-3", children: [
+      view === "signup" && /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          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"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "email",
+          value: email,
+          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"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "password",
+          value: password,
+          onChange: (e) => setPassword(e.target.value),
+          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"
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          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",
+          children: loading ? "..." : view === "login" ? "Sign in" : "Create account"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-zinc-500 dark:text-zinc-400", children: view === "login" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      "No account?",
+      " ",
+      /* @__PURE__ */ jsx("button", { onClick: () => {
+        setView("signup");
+        setError("");
+      }, className: "text-blue-600 hover:underline dark:text-blue-400", children: "Create one" })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      "Already have an account?",
+      " ",
+      /* @__PURE__ */ jsx("button", { onClick: () => {
+        setView("login");
+        setError("");
+      }, className: "text-blue-600 hover:underline dark:text-blue-400", children: "Sign in" })
+    ] }) })
+  ] }) });
+}
+var DELAY_1 = { animationDelay: "150ms" };
+var DELAY_2 = { animationDelay: "300ms" };
+function TypingIndicator() {
+  return /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 rounded-xl bg-zinc-100 px-4 py-3 dark:bg-zinc-800", children: [
+    /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 animate-bounce rounded-full bg-zinc-400 dark:bg-zinc-500" }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "h-1.5 w-1.5 animate-bounce rounded-full bg-zinc-400 dark:bg-zinc-500",
+        style: DELAY_1
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "h-1.5 w-1.5 animate-bounce rounded-full bg-zinc-400 dark:bg-zinc-500",
+        style: DELAY_2
+      }
+    )
+  ] }) });
+}
+
+// src/lib/helpers.ts
+function getToolArgs(part) {
+  if (part == null || typeof part !== "object") return {};
+  const input = part.input;
+  if (input == null || typeof input !== "object") return {};
+  return input;
+}
+function getToolResult(part) {
+  if (part == null || typeof part !== "object") return null;
+  return part.output ?? null;
+}
+function isToolComplete(part) {
+  if (part == null || typeof part !== "object") return false;
+  return part.state === "output-available";
+}
+function toCsvString(columns, rows) {
+  const escape = (v) => {
+    const s = v == null ? "" : String(v);
+    return s.includes(",") || s.includes('"') || s.includes("\n") ? `"${s.replace(/"/g, '""')}"` : s;
+  };
+  const header = columns.map(escape).join(",");
+  const body = rows.map((row) => columns.map((col) => escape(row[col])).join(","));
+  return [header, ...body].join("\n");
+}
+function downloadCSV(csv, filename = "atlas-results.csv") {
+  let url = null;
+  try {
+    const blob = new Blob([csv], { type: "text/csv" });
+    url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    a.click();
+  } catch (err) {
+    console.error("CSV download failed:", err);
+    window.alert("CSV download failed");
+  } finally {
+    if (url) {
+      const blobUrl = url;
+      setTimeout(() => URL.revokeObjectURL(blobUrl), 1e4);
+    }
+  }
+}
+var ISO_DATE_RE = /^\d{4}-\d{2}-\d{2}(T\d{2}:\d{2}(:\d{2}(\.\d+)?)?(Z|[+-]\d{2}:\d{2})?)?$/;
+function coerceExcelCell(v) {
+  if (v == null) return "";
+  if (typeof v === "number" || typeof v === "boolean") return v;
+  if (typeof v === "string" && ISO_DATE_RE.test(v) && !isNaN(Date.parse(v))) {
+    return new Date(v);
+  }
+  return String(v);
+}
+async function downloadExcel(columns, rows, filename = "atlas-results.xlsx") {
+  let XLSX;
+  try {
+    XLSX = await import(
+      'xlsx'
+      /* webpackIgnore: true */
+    );
+  } catch (err) {
+    console.error("Failed to load xlsx library:", err);
+    window.alert("Excel export is unavailable. The spreadsheet library failed to load.");
+    return;
+  }
+  let url = null;
+  try {
+    const data = rows.map((row) => {
+      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], {
+      type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+    });
+    url = URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = filename;
+    a.click();
+  } catch (err) {
+    console.error("Excel download failed:", err);
+    const detail = err instanceof Error ? err.message : "Unknown error";
+    window.alert(`Excel download failed: ${detail}
+
+You can try the CSV download as an alternative.`);
+  } finally {
+    if (url) {
+      const blobUrl = url;
+      setTimeout(() => URL.revokeObjectURL(blobUrl), 1e4);
+    }
+  }
+}
+var SUGGESTIONS_RE = /<suggestions>\s*([\s\S]*?)\s*<\/suggestions>/g;
+function parseSuggestions(content) {
+  const suggestions = [];
+  let match;
+  while ((match = SUGGESTIONS_RE.exec(content)) !== null) {
+    const lines = match[1].split("\n").map((l) => l.trim()).filter(Boolean);
+    suggestions.push(...lines);
+  }
+  SUGGESTIONS_RE.lastIndex = 0;
+  if (suggestions.length === 0) return { text: content, suggestions: [] };
+  const text = content.replace(SUGGESTIONS_RE, "").trimEnd();
+  SUGGESTIONS_RE.lastIndex = 0;
+  return { text, suggestions: suggestions.slice(0, 5) };
+}
+function normalizeList(data, keyName) {
+  if (!data) return [];
+  if (Array.isArray(data)) return data;
+  return Object.entries(data).map(([key, value]) => ({ ...value, [keyName]: key }));
+}
+function formatCell(value) {
+  if (value == null) return "\u2014";
+  if (typeof value === "number") {
+    return Number.isInteger(value) ? value.toLocaleString() : value.toLocaleString(void 0, { maximumFractionDigits: 2 });
+  }
+  return String(value);
+}
+function ExploreCard({ part }) {
+  const args = getToolArgs(part);
+  const result = getToolResult(part);
+  const done = isToolComplete(part);
+  const [open, setOpen] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "my-2 overflow-hidden rounded-lg border border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => done && setOpen(!open),
+        className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs transition-colors hover:bg-zinc-100/60 dark:hover:bg-zinc-800/60",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-green-400", children: "$" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate font-mono text-zinc-700 dark:text-zinc-300", children: String(args.command ?? "") }),
+          done ? /* @__PURE__ */ jsx("span", { className: "text-zinc-400 dark:text-zinc-600", children: open ? "\u25BE" : "\u25B8" }) : /* @__PURE__ */ jsx("span", { className: "animate-pulse text-zinc-500", children: "running..." })
+        ]
+      }
+    ),
+    open && done && /* @__PURE__ */ jsx("div", { className: "border-t border-zinc-100 bg-white px-3 py-2 dark:border-zinc-800 dark:bg-zinc-950", children: /* @__PURE__ */ jsx("pre", { className: "max-h-60 overflow-auto whitespace-pre-wrap font-mono text-xs leading-relaxed text-zinc-500 dark:text-zinc-400", children: result != null ? typeof result === "string" ? result : JSON.stringify(result, null, 2) : "(no output received)" }) })
+  ] });
+}
+function LoadingCard({ label }) {
+  return /* @__PURE__ */ jsxs("div", { className: "my-2 flex items-center gap-2 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs text-zinc-500 dark:border-zinc-700 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-zinc-300 border-t-zinc-600 dark:border-zinc-600 dark:border-t-zinc-300" }),
+    label
+  ] });
+}
+function DataTable({
+  columns,
+  rows,
+  maxRows = 10
+}) {
+  const [sortCol, setSortCol] = useState(null);
+  const [sortDir, setSortDir] = useState("asc");
+  const hasMore = rows.length > maxRows;
+  const cell = (row, colIdx) => {
+    if (Array.isArray(row)) return row[colIdx];
+    return row[columns[colIdx]];
+  };
+  const handleSort = (colIdx) => {
+    if (sortCol === colIdx) {
+      if (sortDir === "asc") {
+        setSortDir("desc");
+      } else {
+        setSortCol(null);
+        setSortDir("asc");
+      }
+    } else {
+      setSortCol(colIdx);
+      setSortDir("asc");
+    }
+  };
+  const sorted = sortCol !== null ? [...rows].sort((a, b) => {
+    const av = cell(a, sortCol);
+    const bv = cell(b, sortCol);
+    if (av == null && bv == null) return 0;
+    if (av == null) return 1;
+    if (bv == null) return -1;
+    const aStr = String(av).trim();
+    const bStr = String(bv).trim();
+    if (aStr === "" && bStr === "") return 0;
+    if (aStr === "") return 1;
+    if (bStr === "") return -1;
+    const an = Number(aStr), bn = Number(bStr);
+    if (!isNaN(an) && !isNaN(bn)) {
+      return sortDir === "asc" ? an - bn : bn - an;
+    }
+    const cmp = aStr.localeCompare(bStr);
+    return sortDir === "asc" ? cmp : -cmp;
+  }) : rows;
+  const display = sorted.slice(0, maxRows);
+  return /* @__PURE__ */ jsxs("div", { className: "relative rounded-lg border border-zinc-200 dark:border-zinc-700", children: [
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto [&::-webkit-scrollbar]:h-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-zinc-300 dark:[&::-webkit-scrollbar-thumb]:bg-zinc-600", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-xs", children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ 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__ */ jsxs(
+        "th",
+        {
+          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",
+          children: [
+            col,
+            sortCol === i ? sortDir === "asc" ? " \u25B2" : " \u25BC" : ""
+          ]
+        },
+        i
+      )) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: display.map((row, i) => /* @__PURE__ */ jsx(
+        "tr",
+        {
+          className: i % 2 === 0 ? "bg-zinc-100/60 dark:bg-zinc-900/60" : "bg-zinc-50/30 dark:bg-zinc-900/30",
+          children: columns.map((_, j) => /* @__PURE__ */ jsx("td", { className: "whitespace-nowrap px-3 py-1.5 text-zinc-700 dark:text-zinc-300", children: formatCell(cell(row, j)) }, j))
+        },
+        i
+      )) })
+    ] }) }),
+    hasMore && /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-200 px-3 py-1.5 text-xs text-zinc-500 dark:border-zinc-700", children: [
+      "Showing ",
+      maxRows,
+      " of ",
+      rows.length,
+      " rows"
+    ] })
+  ] });
+}
+function CopyButton({ text, label = "Copy" }) {
+  const [state, setState] = useState("idle");
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: async () => {
+        try {
+          await navigator.clipboard.writeText(text);
+          setState("copied");
+          setTimeout(() => setState("idle"), 2e3);
+        } catch (err) {
+          console.warn("Clipboard write failed:", err);
+          setState("failed");
+          setTimeout(() => setState("idle"), 2e3);
+        }
+      },
+      className: "rounded border border-zinc-200 px-2 py-1 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",
+      children: state === "copied" ? "Copied!" : state === "failed" ? "Failed" : label
+    }
+  );
+}
+var _cache = null;
+var SQL_BLOCK_STYLE = {
+  margin: 0,
+  borderRadius: "0.5rem",
+  fontSize: "0.75rem",
+  padding: "0.75rem 1rem"
+};
+function SQLBlock({ sql }) {
+  const dark = useContext(DarkModeContext);
+  const [mod, setMod] = useState(_cache);
+  useEffect(() => {
+    if (_cache) return;
+    Promise.all([
+      import('react-syntax-highlighter'),
+      import('react-syntax-highlighter/dist/esm/styles/prism')
+    ]).then(([sh, styles]) => {
+      _cache = { Prism: sh.Prism, oneDark: styles.oneDark, oneLight: styles.oneLight };
+      setMod(_cache);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    mod ? /* @__PURE__ */ jsx(
+      mod.Prism,
+      {
+        language: "sql",
+        style: dark ? mod.oneDark : mod.oneLight,
+        customStyle: SQL_BLOCK_STYLE,
+        children: sql
+      }
+    ) : /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto rounded-lg bg-zinc-100 p-3 text-xs dark:bg-zinc-800", children: /* @__PURE__ */ jsx("code", { children: sql }) }),
+    /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2", children: /* @__PURE__ */ jsx(CopyButton, { text: sql, label: "Copy SQL" }) })
+  ] });
+}
+var ResultChart = lazy(() => import('./result-chart-NFAJ4IQ5.js').then((m) => ({ default: m.ResultChart })));
+var ChartFallback = /* @__PURE__ */ 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 = useContext(DarkModeContext);
+  const args = getToolArgs(part);
+  const result = getToolResult(part);
+  const done = isToolComplete(part);
+  const [open, setOpen] = useState(true);
+  const [sqlOpen, setSqlOpen] = useState(false);
+  const [viewMode, setViewMode] = useState("both");
+  const columns = useMemo(
+    () => done && result?.success ? result.columns ?? [] : [],
+    [done, result]
+  );
+  const rows = useMemo(
+    () => done && result?.success ? result.rows ?? [] : [],
+    [done, result]
+  );
+  const sql = String(args.sql ?? "");
+  const stringRows = useMemo(() => toStringRows(columns, rows), [columns, rows]);
+  const chartResult = useMemo(
+    () => columns.length > 0 ? detectCharts(columns, stringRows) : { chartable: false, columns: [] },
+    [columns, stringRows]
+  );
+  if (!done) return /* @__PURE__ */ jsx(LoadingCard, { label: "Executing query..." });
+  if (!result) {
+    return /* @__PURE__ */ jsx("div", { className: "my-2 rounded-lg border border-yellow-300 bg-yellow-50 text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400 px-3 py-2 text-xs", children: "Query completed but no result was returned." });
+  }
+  if (!result.success) {
+    return /* @__PURE__ */ jsx("div", { className: "my-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-3 py-2 text-xs", children: "Query failed. Check the query and try again." });
+  }
+  const hasData = columns.length > 0 && rows.length > 0;
+  const showChart = chartResult.chartable && (viewMode === "chart" || viewMode === "both");
+  const showTable = viewMode === "table" || viewMode === "both" || !chartResult.chartable;
+  return /* @__PURE__ */ jsxs("div", { className: "my-2 overflow-hidden rounded-lg border border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs transition-colors hover:bg-zinc-100/60 dark:hover:bg-zinc-800/60",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "rounded bg-blue-100 text-blue-700 dark:bg-blue-600/20 dark:text-blue-400 px-1.5 py-0.5 font-medium", children: "SQL" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-zinc-500 dark:text-zinc-400", children: String(args.explanation ?? "Query result") }),
+          /* @__PURE__ */ jsxs("span", { className: "text-zinc-500", children: [
+            rows.length,
+            " row",
+            rows.length !== 1 ? "s" : "",
+            result.truncated ? "+" : ""
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "text-zinc-400 dark:text-zinc-600", children: open ? "\u25BE" : "\u25B8" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-100 dark:border-zinc-800", children: [
+      hasData && chartResult.chartable && /* @__PURE__ */ jsx("div", { className: "flex gap-1 px-3 pt-2", children: ["chart", "both", "table"].map((mode) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setViewMode(mode),
+          className: `rounded px-2.5 py-1 text-xs font-medium transition-colors ${viewMode === mode ? "bg-zinc-200 text-zinc-800 dark:bg-zinc-700 dark:text-zinc-200" : "text-zinc-500 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-zinc-200"}`,
+          children: mode === "chart" ? "Chart" : mode === "both" ? "Both" : "Table"
+        },
+        mode
+      )) }),
+      hasData && showChart && /* @__PURE__ */ jsx("div", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(Suspense, { fallback: ChartFallback, children: /* @__PURE__ */ jsx(ResultChart, { headers: columns, rows: stringRows, dark, detectionResult: chartResult }) }) }),
+      hasData && showTable && /* @__PURE__ */ jsx(DataTable, { columns, rows }),
+      !hasData && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs text-zinc-500 dark:text-zinc-400", children: "Query returned 0 rows." }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 px-3 py-2", children: [
+        sql && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setSqlOpen(!sqlOpen),
+            className: "rounded border border-zinc-200 px-2 py-1.5 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",
+            children: sqlOpen ? "Hide SQL" : "Show SQL"
+          }
+        ),
+        hasData && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => downloadCSV(toCsvString(columns, rows)),
+            className: "inline-flex items-center gap-1.5 rounded border border-zinc-200 px-2 py-1.5 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",
+            title: "Download CSV",
+            children: [
+              /* @__PURE__ */ jsx(FileDown, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "CSV" })
+            ]
+          }
+        ),
+        hasData && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => {
+              downloadExcel(columns, rows).catch((err) => {
+                console.warn("Excel download failed:", err);
+              });
+            },
+            className: "inline-flex items-center gap-1.5 rounded border border-zinc-200 px-2 py-1.5 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",
+            title: "Download Excel",
+            children: [
+              /* @__PURE__ */ jsx(FileSpreadsheet, { className: "size-3.5" }),
+              /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Excel" })
+            ]
+          }
+        )
+      ] }),
+      sqlOpen && sql && /* @__PURE__ */ jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx(SQLBlock, { sql }) })
+    ] })
+  ] });
+}
+var STATUS_CONFIG = {
+  pending_approval: {
+    label: "Pending Approval",
+    classes: "bg-yellow-100 text-yellow-700 dark:bg-yellow-600/20 dark:text-yellow-400"
+  },
+  approved: {
+    label: "Approved",
+    classes: "bg-green-100 text-green-700 dark:bg-green-600/20 dark:text-green-400"
+  },
+  executed: {
+    label: "Executed",
+    classes: "bg-green-100 text-green-700 dark:bg-green-600/20 dark:text-green-400"
+  },
+  auto_approved: {
+    label: "Auto-approved",
+    classes: "bg-green-100 text-green-700 dark:bg-green-600/20 dark:text-green-400"
+  },
+  denied: {
+    label: "Denied",
+    classes: "bg-red-100 text-red-700 dark:bg-red-600/20 dark:text-red-400"
+  },
+  failed: {
+    label: "Failed",
+    classes: "bg-red-100 text-red-700 dark:bg-red-600/20 dark:text-red-400"
+  },
+  rolled_back: {
+    label: "Rolled Back",
+    classes: "bg-zinc-100 text-zinc-700 dark:bg-zinc-600/20 dark:text-zinc-400"
+  },
+  timed_out: {
+    label: "Timed Out",
+    classes: "bg-zinc-100 text-zinc-700 dark:bg-zinc-600/20 dark:text-zinc-400"
+  }
+};
+function ActionStatusBadge({ status }) {
+  const config = STATUS_CONFIG[status] ?? {
+    label: status.replace(/_/g, " "),
+    classes: "bg-zinc-100 text-zinc-700 dark:bg-zinc-600/20 dark:text-zinc-400"
+  };
+  return /* @__PURE__ */ jsx("span", { className: `rounded px-1.5 py-0.5 text-xs font-medium ${config.classes}`, children: config.label });
+}
+function safeStringify(value) {
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch (err) {
+    console.warn("Could not serialize action details:", err);
+    return "[Unable to display]";
+  }
+}
+function borderColor(status) {
+  switch (status) {
+    case "pending_approval":
+      return "border-yellow-300 dark:border-yellow-900/50";
+    case "approved":
+    case "executed":
+    case "auto_approved":
+      return "border-green-300 dark:border-green-900/50";
+    case "denied":
+    case "failed":
+      return "border-red-300 dark:border-red-900/50";
+    default:
+      return "border-zinc-200 dark:border-zinc-700";
+  }
+}
+function ActionApprovalCard({ part }) {
+  const { apiUrl } = useAtlasConfig();
+  const actionAuth = useActionAuth();
+  const args = getToolArgs(part);
+  const rawResult = getToolResult(part);
+  const done = isToolComplete(part);
+  const [cardState, setCardState] = useState({ phase: "idle" });
+  const [open, setOpen] = useState(false);
+  const [denyReason, setDenyReason] = useState("");
+  const [showDenyInput, setShowDenyInput] = useState(false);
+  if (!done) return /* @__PURE__ */ jsx(LoadingCard, { label: "Requesting action approval..." });
+  if (!isActionToolResult(rawResult)) {
+    return /* @__PURE__ */ jsx("div", { className: "my-2 rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400", children: "Action result (unexpected format)" });
+  }
+  const toolResult = rawResult;
+  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;
+  async function callAction(endpoint, body) {
+    if (!actionAuth) {
+      console.warn("ActionApprovalCard: No ActionAuthProvider found. API calls will be sent without authentication.");
+    }
+    const headers = {
+      "Content-Type": "application/json",
+      ...actionAuth?.getHeaders() ?? {}
+    };
+    const credentials = actionAuth?.getCredentials() ?? "same-origin";
+    const res = await fetch(
+      `${apiUrl}/api/v1/actions/${toolResult.actionId}/${endpoint}`,
+      {
+        method: "POST",
+        headers,
+        credentials,
+        body: body ? JSON.stringify(body) : void 0
+      }
+    );
+    if (res.status === 409) {
+      let data2;
+      try {
+        data2 = await res.json();
+      } 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, " ");
+      throw new Error(`This action was already ${label} by another user or policy.`);
+    }
+    if (!res.ok) {
+      const text = await res.text().catch(() => "Unknown error");
+      throw new Error(`Server responded ${res.status}: ${text}`);
+    }
+    let data;
+    try {
+      data = await res.json();
+    } 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.");
+    }
+    setCardState({ phase: "resolved", status: data.status, result: data.result });
+  }
+  async function handleApprove() {
+    setCardState({ phase: "submitting", action: "approve" });
+    try {
+      await callAction("approve");
+    } catch (err) {
+      console.error("Action approval failed:", err);
+      const message = err instanceof TypeError ? "Network error \u2014 could not reach the server." : err instanceof Error ? err.message : String(err);
+      setCardState({ phase: "error", message });
+    }
+  }
+  async function handleDeny() {
+    setCardState({ phase: "submitting", action: "deny" });
+    try {
+      await callAction("deny", denyReason.trim() ? { reason: denyReason.trim() } : void 0);
+    } catch (err) {
+      console.error("Action approval failed:", err);
+      const message = err instanceof TypeError ? "Network error \u2014 could not reach the server." : err instanceof Error ? err.message : String(err);
+      setCardState({ phase: "error", message });
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: `my-2 overflow-hidden rounded-lg border ${borderColor(effectiveStatus)} bg-zinc-50 dark:bg-zinc-900`, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs transition-colors hover:bg-zinc-100/60 dark:hover:bg-zinc-800/60",
+        children: [
+          /* @__PURE__ */ jsx(ActionStatusBadge, { status: effectiveStatus }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-zinc-500 dark:text-zinc-400", children: toolResult.summary ?? String(args.description ?? "Action") }),
+          /* @__PURE__ */ jsx("span", { className: "text-zinc-400 dark:text-zinc-600", children: open ? "\u25BE" : "\u25B8" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-100 px-3 py-2 dark:border-zinc-800", children: [
+      toolResult.details && /* @__PURE__ */ jsx("pre", { className: "mb-2 max-h-48 overflow-auto rounded bg-zinc-100 p-2 text-xs text-zinc-600 dark:bg-zinc-800 dark:text-zinc-400", children: safeStringify(toolResult.details) }),
+      resolvedResult != null && /* @__PURE__ */ jsxs("div", { className: "mb-2 rounded bg-green-50 p-2 text-xs text-green-700 dark:bg-green-900/20 dark:text-green-400", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Result: " }),
+        typeof resolvedResult === "string" ? resolvedResult : safeStringify(resolvedResult)
+      ] }),
+      toolResult.error && /* @__PURE__ */ 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__ */ jsx("span", { className: "font-medium", children: "Error: " }),
+        toolResult.error
+      ] }),
+      toolResult.reason && RESOLVED_STATUSES.has(effectiveStatus) && /* @__PURE__ */ jsxs("div", { className: "mb-2 text-xs text-zinc-500 dark:text-zinc-400", children: [
+        /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Reason: " }),
+        toolResult.reason
+      ] })
+    ] }),
+    (isPending || isSubmitting || cardState.phase === "error") && /* @__PURE__ */ jsxs("div", { className: "border-t border-zinc-100 px-3 py-2 dark:border-zinc-800", children: [
+      cardState.phase === "error" && /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-red-600 dark:text-red-400", children: cardState.message }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            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",
+            children: [
+              isSubmitting && cardState.action === "approve" && /* @__PURE__ */ jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-white/30 border-t-white" }),
+              "Approve"
+            ]
+          }
+        ),
+        !showDenyInput ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            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",
+            children: "Deny"
+          }
+        ) : /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              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",
+              disabled: isSubmitting
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              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",
+              children: [
+                isSubmitting && cardState.action === "deny" && /* @__PURE__ */ jsx("span", { className: "inline-block h-3 w-3 animate-spin rounded-full border-2 border-white/30 border-t-white" }),
+                "Confirm Deny"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => {
+                setShowDenyInput(false);
+                setDenyReason("");
+              },
+              disabled: isSubmitting,
+              className: "text-xs text-zinc-400 hover:text-zinc-600 disabled:opacity-40 dark:hover:text-zinc-300",
+              children: "Cancel"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+var ResultChart2 = lazy(() => import('./result-chart-NFAJ4IQ5.js').then((m) => ({ default: m.ResultChart })));
+var ALLOWED_IMAGE_MIME = /* @__PURE__ */ new Set(["image/png", "image/jpeg"]);
+var PythonErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    console.error("PythonResultCard rendering failed:", error, info.componentStack);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxs("div", { className: "my-2 rounded-lg border border-red-300 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: [
+        "Python result could not be rendered: ",
+        this.state.error?.message ?? "unknown error"
+      ] });
+    }
+    return this.props.children;
+  }
+};
+function PythonResultCard({ part }) {
+  return /* @__PURE__ */ jsx(PythonErrorBoundary, { children: /* @__PURE__ */ jsx(PythonResultCardInner, { part }) });
+}
+function PythonResultCardInner({ part }) {
+  const dark = useContext(DarkModeContext);
+  const args = getToolArgs(part);
+  const raw = getToolResult(part);
+  const done = isToolComplete(part);
+  const [open, setOpen] = useState(true);
+  if (!done) return /* @__PURE__ */ jsx(LoadingCard, { label: "Running Python..." });
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+    return /* @__PURE__ */ jsx("div", { className: "my-2 rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400", children: "Python executed but returned an unexpected result format." });
+  }
+  const result = raw;
+  if (!result.success) {
+    return /* @__PURE__ */ jsxs("div", { className: "my-2 overflow-hidden rounded-lg border border-red-300 bg-red-50 dark:border-red-900/50 dark:bg-red-950/20", children: [
+      /* @__PURE__ */ jsx("div", { className: "px-3 py-2 text-xs font-medium text-red-700 dark:text-red-400", children: "Python execution failed" }),
+      /* @__PURE__ */ jsx("pre", { className: "border-t border-red-200 px-3 py-2 text-xs whitespace-pre-wrap text-red-600 dark:border-red-900/50 dark:text-red-300", children: String(result.error ?? "Unknown error") }),
+      !!result.output && /* @__PURE__ */ jsx("pre", { className: "border-t border-red-200 px-3 py-2 text-xs whitespace-pre-wrap text-red-500 dark:border-red-900/50 dark:text-red-400", children: String(result.output) })
+    ] });
+  }
+  const output = result.output ? String(result.output) : null;
+  const table = result.table;
+  const charts = Array.isArray(result.charts) ? result.charts : void 0;
+  const rechartsCharts = Array.isArray(result.rechartsCharts) ? result.rechartsCharts : void 0;
+  const hasTable = table && Array.isArray(table.columns) && Array.isArray(table.rows) && table.columns.length > 0 && table.rows.length > 0;
+  const hasCharts = charts && charts.length > 0;
+  const hasRechartsCharts = rechartsCharts && rechartsCharts.length > 0;
+  const safeCharts = hasCharts ? charts.filter((c) => c.base64 && ALLOWED_IMAGE_MIME.has(c.mimeType)) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "my-2 overflow-hidden rounded-lg border border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-900", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => setOpen(!open),
+        className: "flex w-full items-center gap-2 px-3 py-2 text-left text-xs transition-colors hover:bg-zinc-100/60 dark:hover:bg-zinc-800/60",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "rounded bg-emerald-100 px-1.5 py-0.5 font-medium text-emerald-700 dark:bg-emerald-600/20 dark:text-emerald-400", children: "Python" }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-zinc-500 dark:text-zinc-400", children: String(args.explanation ?? "Python result") }),
+          /* @__PURE__ */ jsx("span", { className: "text-zinc-400 dark:text-zinc-600", children: open ? "\u25BE" : "\u25B8" })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-t border-zinc-100 px-3 py-2 dark:border-zinc-800", children: [
+      output && /* @__PURE__ */ jsx("pre", { className: "rounded-md bg-zinc-100 px-3 py-2 text-xs whitespace-pre-wrap text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300", children: output }),
+      hasTable && /* @__PURE__ */ jsx(DataTable, { columns: table.columns, rows: table.rows }),
+      hasRechartsCharts && rechartsCharts.map((chart, i) => /* @__PURE__ */ jsx(RechartsChartSection, { chart, dark }, i)),
+      safeCharts.length > 0 && safeCharts.map((chart, i) => /* @__PURE__ */ jsx(ChartImage, { chart, index: i }, i))
+    ] })
+  ] });
+}
+function ChartImage({ chart, index }) {
+  const [failed, setFailed] = useState(false);
+  if (failed) {
+    return /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400", children: [
+      "Chart ",
+      index + 1,
+      " failed to render."
+    ] });
+  }
+  return (
+    // eslint-disable-next-line @next/next/no-img-element -- @useatlas/react is framework-agnostic
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: `data:${chart.mimeType};base64,${chart.base64}`,
+        alt: `Python chart ${index + 1}`,
+        className: "max-w-full rounded-lg border border-zinc-200 dark:border-zinc-700",
+        onError: () => setFailed(true)
+      }
+    )
+  );
+}
+function RechartsChartSection({ chart, dark }) {
+  if (!chart.categoryKey || !Array.isArray(chart.valueKeys) || !Array.isArray(chart.data)) {
+    return /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400", children: "Chart data is incomplete or malformed." });
+  }
+  const headers = [chart.categoryKey, ...chart.valueKeys];
+  const rows = chart.data.map(
+    (row) => headers.map((key) => row[key] == null ? "" : String(row[key]))
+  );
+  const detectionResult = {
+    chartable: true,
+    columns: headers.map((h, i) => ({
+      header: h,
+      type: i === 0 ? "categorical" : "numeric",
+      index: i,
+      uniqueCount: i === 0 ? chart.data.length : 0
+    })),
+    recommendations: [{
+      type: chart.type,
+      categoryColumn: { header: chart.categoryKey, type: "categorical", index: 0, uniqueCount: chart.data.length },
+      valueColumns: chart.valueKeys.map((k, i) => ({
+        header: k,
+        type: "numeric",
+        index: i + 1,
+        uniqueCount: 0
+      })),
+      reason: "Python-generated chart"
+    }],
+    data: chart.data.map((row) => {
+      const out = {};
+      for (const key of headers) {
+        const val = row[key];
+        out[key] = typeof val === "number" ? val : String(val ?? "");
+      }
+      return out;
+    })
+  };
+  return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "h-64 animate-pulse rounded-lg bg-zinc-100 dark:bg-zinc-800" }), children: /* @__PURE__ */ jsx(ResultChart2, { headers, rows, dark, detectionResult }) });
+}
+var ToolRendererErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, info) {
+    console.error(
+      `Custom renderer for tool "${this.props.toolName}" failed:`,
+      error,
+      info.componentStack
+    );
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsxs("div", { className: "my-2 rounded-lg border border-red-300 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: [
+        "Custom renderer for \u201C",
+        this.props.toolName,
+        "\u201D failed: ",
+        this.state.error?.message ?? "unknown error"
+      ] });
+    }
+    return this.props.children;
+  }
+};
+var ToolPart = memo(function ToolPart2({ part, toolRenderers }) {
+  let name;
+  try {
+    name = getToolName(part);
+  } catch (err) {
+    console.warn("Failed to determine tool name:", err);
+    return /* @__PURE__ */ jsx("div", { className: "my-2 rounded-lg border border-yellow-300 bg-yellow-50 px-3 py-2 text-xs text-yellow-700 dark:border-yellow-900/50 dark:bg-yellow-950/20 dark:text-yellow-400", children: "Tool result (unknown type)" });
+  }
+  const CustomRenderer = toolRenderers?.[name];
+  if (CustomRenderer) {
+    const args = getToolArgs(part);
+    const result = getToolResult(part);
+    const isLoading = !isToolComplete(part);
+    return /* @__PURE__ */ jsx(ToolRendererErrorBoundary, { toolName: name, children: /* @__PURE__ */ jsx(CustomRenderer, { toolName: name, args, result, isLoading }) });
+  }
+  switch (name) {
+    case "explore":
+      return /* @__PURE__ */ jsx(ExploreCard, { part });
+    case "executeSQL":
+      return /* @__PURE__ */ jsx(SQLResultCard, { part });
+    case "executePython":
+      return /* @__PURE__ */ jsx(PythonResultCard, { part });
+    default: {
+      const result = getToolResult(part);
+      if (isActionToolResult(result)) {
+        return /* @__PURE__ */ jsx(ActionApprovalCard, { part });
+      }
+      return /* @__PURE__ */ jsxs("div", { className: "my-2 rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-xs text-zinc-500 dark:border-zinc-700 dark:bg-zinc-900", children: [
+        "Tool: ",
+        name
+      ] });
+    }
+  }
+}, (prev, next) => {
+  if (isToolComplete(prev.part) && isToolComplete(next.part) && prev.toolRenderers === next.toolRenderers) return true;
+  return false;
+});
+var _highlighterCache = null;
+var _loadFailed = false;
+function LazyCodeBlock({ language, dark, children }) {
+  const [mod, setMod] = useState(_highlighterCache);
+  useEffect(() => {
+    if (_highlighterCache || _loadFailed) return;
+    Promise.all([
+      import('react-syntax-highlighter'),
+      import('react-syntax-highlighter/dist/esm/styles/prism')
+    ]).then(([sh, styles]) => {
+      _highlighterCache = { Prism: sh.Prism, oneDark: styles.oneDark, oneLight: styles.oneLight };
+      setMod(_highlighterCache);
+    }).catch((err) => {
+      console.warn("Syntax highlighter failed to load \u2014 code blocks will use plain text:", err);
+      _loadFailed = true;
+    });
+  }, []);
+  if (!mod) {
+    return /* @__PURE__ */ jsx("pre", { className: "my-2 overflow-x-auto rounded-lg bg-zinc-100 p-3 text-xs dark:bg-zinc-800", children: /* @__PURE__ */ jsx("code", { children }) });
+  }
+  return /* @__PURE__ */ jsx(
+    mod.Prism,
+    {
+      language,
+      style: dark ? mod.oneDark : mod.oneLight,
+      customStyle: CODE_BLOCK_STYLE,
+      children
+    }
+  );
+}
+var CODE_BLOCK_STYLE = {
+  margin: "0.5rem 0",
+  borderRadius: "0.5rem",
+  fontSize: "0.75rem"
+};
+var mdComponents = {
+  p: ({ children }) => /* @__PURE__ */ jsx("p", { className: "mb-3 leading-relaxed last:mb-0", children }),
+  h1: ({ children }) => /* @__PURE__ */ jsx("h1", { className: "mb-2 mt-4 text-lg font-bold first:mt-0", children }),
+  h2: ({ children }) => /* @__PURE__ */ jsx("h2", { className: "mb-2 mt-3 text-base font-semibold first:mt-0", children }),
+  h3: ({ children }) => /* @__PURE__ */ jsx("h3", { className: "mb-1 mt-2 font-semibold first:mt-0", children }),
+  ul: ({ children }) => /* @__PURE__ */ jsx("ul", { className: "mb-3 list-disc space-y-1 pl-4", children }),
+  ol: ({ children }) => /* @__PURE__ */ jsx("ol", { className: "mb-3 list-decimal space-y-1 pl-4", children }),
+  strong: ({ children }) => /* @__PURE__ */ jsx("strong", { className: "font-semibold text-zinc-900 dark:text-zinc-50", children }),
+  blockquote: ({ children }) => /* @__PURE__ */ jsx("blockquote", { className: "my-2 border-l-2 border-zinc-300 pl-3 text-zinc-500 dark:border-zinc-600 dark:text-zinc-400", children }),
+  table: ({ children }) => /* @__PURE__ */ jsx("div", { className: "my-3 overflow-x-auto rounded-lg border border-zinc-200 dark:border-zinc-700", children: /* @__PURE__ */ jsx("table", { className: "min-w-full text-sm", children }) }),
+  thead: ({ children }) => /* @__PURE__ */ jsx("thead", { className: "border-b border-zinc-200 bg-zinc-50 dark:border-zinc-700 dark:bg-zinc-800/50", children }),
+  tbody: ({ children }) => /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-zinc-100 dark:divide-zinc-800", children }),
+  tr: ({ children }) => /* @__PURE__ */ jsx("tr", { children }),
+  th: ({ children }) => /* @__PURE__ */ jsx("th", { className: "px-3 py-2 text-left text-xs font-medium text-zinc-600 dark:text-zinc-300", children }),
+  td: ({ children }) => /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-zinc-700 dark:text-zinc-300", children }),
+  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children })
+};
+var Markdown = memo(function Markdown2({ content }) {
+  const dark = useContext(DarkModeContext);
+  return /* @__PURE__ */ jsx(
+    ReactMarkdown,
+    {
+      remarkPlugins: [remarkGfm],
+      components: {
+        ...mdComponents,
+        code({ className, children, ...props }) {
+          const match = /language-(\w+)/.exec(className || "");
+          if (match) {
+            return /* @__PURE__ */ jsx(LazyCodeBlock, { language: match[1], dark, children: String(children).replace(/\n$/, "") });
+          }
+          return /* @__PURE__ */ jsx(
+            "code",
+            {
+              className: "rounded bg-zinc-200/50 px-1.5 py-0.5 text-xs text-zinc-800 dark:bg-zinc-700/50 dark:text-zinc-200",
+              ...props,
+              children
+            }
+          );
+        }
+      },
+      children: content
+    }
+  );
+});
+
+// src/components/chat/starter-prompts.ts
+var STARTER_PROMPTS = [
+  "What are the top 10 companies by revenue?",
+  "Show me the distribution of account types",
+  "What is the headcount breakdown by department?",
+  "What is total MRR by plan type?"
+];
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = 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 ? Slot.Root : "button";
+  return /* @__PURE__ */ 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__ */ jsx("div", { className: "flex flex-wrap gap-2 pt-1", children: suggestions.map((s, i) => /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      size: "sm",
+      className: "h-auto rounded-full px-3 py-1.5 text-xs font-normal text-zinc-600 dark:text-zinc-400",
+      onClick: () => onSelect(s),
+      children: s
+    },
+    `${i}-${s}`
+  )) });
+}
+var toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground 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 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-9 min-w-9 px-2",
+        sm: "h-8 min-w-8 px-1.5",
+        lg: "h-10 min-w-10 px-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var ToggleGroupContext = React.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0
+});
+function ToggleGroup({
+  className,
+  variant,
+  size,
+  spacing = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ToggleGroup$1.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": variant,
+      "data-size": size,
+      "data-spacing": spacing,
+      style: { "--gap": spacing },
+      className: cn(
+        "group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+    }
+  );
+}
+function ToggleGroupItem({
+  className,
+  children,
+  variant,
+  size,
+  ...props
+}) {
+  const context = React.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx(
+    ToggleGroup$1.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": context.variant || variant,
+      "data-size": context.size || size,
+      "data-spacing": context.spacing,
+      className: cn(
+        toggleVariants({
+          variant: context.variant || variant,
+          size: context.size || size
+        }),
+        "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10",
+        "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+var badgeVariants = cva(
+  "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] 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 [&>svg]:pointer-events-none [&>svg]:size-3",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({
+  className,
+  variant = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "span";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "badge",
+      "data-variant": variant,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function DeleteConfirmation({
+  onConfirm,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-zinc-500 dark:text-zinc-400", children: "Delete?" }),
+    /* @__PURE__ */ jsx(
+      "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",
+        children: "Cancel"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onConfirm,
+        className: "rounded bg-red-600 px-2 py-0.5 text-white transition-colors hover:bg-red-500",
+        children: "Delete"
+      }
+    )
+  ] });
+}
+function relativeTime(dateStr) {
+  const then = new Date(dateStr).getTime();
+  if (isNaN(then)) return "";
+  const now = Date.now();
+  const diff = now - then;
+  const minutes = Math.floor(diff / 6e4);
+  if (minutes < 1) return "just now";
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  return new Date(dateStr).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+}
+function ConversationItem({
+  conversation,
+  isActive,
+  onSelect,
+  onDelete,
+  onStar
+}) {
+  const [confirmDelete, setConfirmDelete] = useState(false);
+  const [deleting, setDeleting] = useState(false);
+  const [starPending, setStarPending] = useState(false);
+  if (confirmDelete) {
+    return /* @__PURE__ */ 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__ */ jsx(
+      DeleteConfirmation,
+      {
+        onCancel: () => setConfirmDelete(false),
+        onConfirm: async () => {
+          setDeleting(true);
+          try {
+            const success = await onDelete();
+            if (success) {
+              setConfirmDelete(false);
+            }
+          } catch (err) {
+            console.warn("Failed to delete conversation:", err);
+          } finally {
+            setDeleting(false);
+          }
+        }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: onSelect,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          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"}`,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "truncate text-sm font-medium", children: conversation.title || "New conversation" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400 dark:text-zinc-500", children: relativeTime(conversation.updatedAt) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: async (e) => {
+                e.stopPropagation();
+                if (starPending) return;
+                setStarPending(true);
+                try {
+                  await onStar(!conversation.starred);
+                } catch (err) {
+                  console.warn("Failed to update star:", err);
+                } finally {
+                  setStarPending(false);
+                }
+              },
+              disabled: starPending,
+              className: `size-8 transition-all ${conversation.starred ? "text-amber-400 opacity-100 hover:text-amber-500 dark:text-amber-400 dark:hover:text-amber-300" : "text-zinc-400 opacity-0 hover:text-amber-400 group-hover:opacity-100 dark:hover:text-amber-400"} ${starPending ? "opacity-50" : ""}`,
+              "aria-label": conversation.starred ? "Unstar conversation" : "Star conversation",
+              children: /* @__PURE__ */ jsx(Star, { className: "h-3.5 w-3.5", fill: conversation.starred ? "currentColor" : "none" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: (e) => {
+                e.stopPropagation();
+                setConfirmDelete(true);
+              },
+              disabled: deleting,
+              className: "size-8 shrink-0 text-zinc-400 opacity-0 transition-all hover:bg-red-50 hover:text-red-500 group-hover:opacity-100 dark:hover:bg-red-950/20 dark:hover:text-red-400",
+              "aria-label": "Delete conversation",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function ConversationList({
+  conversations,
+  selectedId,
+  onSelect,
+  onDelete,
+  onStar,
+  showSections = true,
+  emptyMessage
+}) {
+  if (conversations.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "px-3 py-6 text-center text-xs text-zinc-400 dark:text-zinc-500", children: emptyMessage ?? "No conversations yet" });
+  }
+  function renderItems(items) {
+    return items.map((c) => /* @__PURE__ */ jsx(
+      ConversationItem,
+      {
+        conversation: c,
+        isActive: c.id === selectedId,
+        onSelect: () => onSelect(c.id),
+        onDelete: () => onDelete(c.id),
+        onStar: (s) => onStar(c.id, s)
+      },
+      c.id
+    ));
+  }
+  if (!showSections) {
+    return /* @__PURE__ */ jsx("div", { className: "space-y-1", children: renderItems(conversations) });
+  }
+  const starred = conversations.filter((c) => c.starred);
+  const unstarred = conversations.filter((c) => !c.starred);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    starred.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500", children: "Starred" }),
+      renderItems(starred),
+      unstarred.length > 0 && /* @__PURE__ */ jsx("div", { className: "px-3 pb-1 pt-3 text-[10px] font-semibold uppercase tracking-wider text-zinc-400 dark:text-zinc-500", children: "Recent" })
+    ] }),
+    renderItems(unstarred)
+  ] });
+}
+function ConversationSidebar({
+  conversations,
+  selectedId,
+  loading,
+  onSelect,
+  onDelete,
+  onStar,
+  onNewChat,
+  mobileOpen,
+  onMobileClose
+}) {
+  const [filter, setFilter] = useState("all");
+  const starredConversations = conversations.filter((c) => c.starred);
+  const filteredConversations = filter === "saved" ? starredConversations : conversations;
+  const sidebar = /* @__PURE__ */ 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: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-zinc-200 px-3 py-3 dark:border-zinc-800", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-zinc-700 dark:text-zinc-300", children: "History" }),
+      /* @__PURE__ */ jsx(
+        "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",
+          children: "+ New"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "border-b border-zinc-200 px-3 py-2 dark:border-zinc-800", children: /* @__PURE__ */ jsxs(
+      ToggleGroup,
+      {
+        type: "single",
+        size: "sm",
+        value: filter,
+        onValueChange: (val) => {
+          if (val) setFilter(val);
+        },
+        className: "gap-1",
+        children: [
+          /* @__PURE__ */ jsx(ToggleGroupItem, { value: "all", className: "px-2.5 text-xs", children: "All" }),
+          /* @__PURE__ */ jsxs(ToggleGroupItem, { value: "saved", className: "gap-1.5 px-2.5 text-xs", children: [
+            /* @__PURE__ */ jsx(Star, { className: "h-3 w-3", fill: filter === "saved" ? "currentColor" : "none" }),
+            "Saved",
+            starredConversations.length > 0 && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-4 px-1.5 text-[10px] font-semibold", children: starredConversations.length })
+          ] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-2", children: loading && conversations.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx("span", { className: "inline-block h-4 w-4 animate-spin rounded-full border-2 border-zinc-300 border-t-zinc-600 dark:border-zinc-600 dark:border-t-zinc-300" }) }) : /* @__PURE__ */ jsx(
+      ConversationList,
+      {
+        conversations: filteredConversations,
+        selectedId,
+        onSelect,
+        onDelete,
+        onStar,
+        showSections: filter === "all",
+        emptyMessage: filter === "saved" ? "Star conversations to save them here" : void 0
+      }
+    ) })
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden w-[280px] shrink-0 md:block", children: sidebar }),
+    mobileOpen && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "fixed inset-0 z-40 bg-black/30 md:hidden",
+          onClick: onMobileClose
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "fixed inset-y-0 left-0 z-50 w-[280px] md:hidden", children: sidebar })
+    ] })
+  ] });
+}
+function AlertDialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Portal, { "data-slot": "alert-dialog-portal", ...props });
+}
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Overlay,
+    {
+      "data-slot": "alert-dialog-overlay",
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialog$1.Content,
+      {
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: 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
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-header",
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "alert-dialog-footer",
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Title,
+    {
+      "data-slot": "alert-dialog-title",
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Description,
+    {
+      "data-slot": "alert-dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: 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",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ChangePasswordDialog({
+  open,
+  onComplete
+}) {
+  const { apiUrl, isCrossOrigin } = useAtlasConfig();
+  const credentials = isCrossOrigin ? "include" : "same-origin";
+  const [currentPassword, setCurrentPassword] = useState("atlas-dev");
+  const [newPassword, setNewPassword] = useState("");
+  const [confirmPassword, setConfirmPassword] = useState("");
+  const [error, setError] = useState("");
+  const [loading, setLoading] = useState(false);
+  async function handleSubmit(e) {
+    e.preventDefault();
+    setError("");
+    if (newPassword.length < 8) {
+      setError("Password must be at least 8 characters.");
+      return;
+    }
+    if (newPassword !== confirmPassword) {
+      setError("Passwords do not match.");
+      return;
+    }
+    if (newPassword === currentPassword) {
+      setError("New password must be different from current password.");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch(`${apiUrl}/api/v1/admin/me/password`, {
+        method: "POST",
+        credentials,
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ currentPassword, newPassword })
+      });
+      if (!res.ok) {
+        const data = await res.json().catch(() => ({}));
+        setError(data.message ?? `Failed (HTTP ${res.status})`);
+        return;
+      }
+      onComplete();
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to change password");
+    } finally {
+      setLoading(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(AlertDialog, { open, children: /* @__PURE__ */ jsx(AlertDialogContent, { className: "sm:max-w-md", onEscapeKeyDown: (e) => e.preventDefault(), children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
+    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Change your password" }),
+      /* @__PURE__ */ jsx(AlertDialogDescription, { children: "You're using the default dev password. Please set a new password to continue." })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Current password" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "password",
+            value: currentPassword,
+            onChange: (e) => setCurrentPassword(e.target.value),
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "New password" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "password",
+            value: newPassword,
+            onChange: (e) => setNewPassword(e.target.value),
+            required: true,
+            minLength: 8,
+            placeholder: "At least 8 characters"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: "Confirm new password" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "password",
+            value: confirmPassword,
+            onChange: (e) => setConfirmPassword(e.target.value),
+            required: true,
+            minLength: 8
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-600 dark:text-red-400", children: error })
+    ] }),
+    /* @__PURE__ */ jsx(AlertDialogFooter, { children: /* @__PURE__ */ jsx(Button, { type: "submit", disabled: loading, children: loading ? "Changing..." : "Change password" }) })
+  ] }) }) });
+}
+function Sheet({ ...props }) {
+  return /* @__PURE__ */ jsx(Dialog.Root, { "data-slot": "sheet", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Dialog.Portal, { "data-slot": "sheet-portal", ...props });
+}
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Dialog.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Dialog.Content,
+      {
+        "data-slot": "sheet-content",
+        className: 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",
+          side === "top" && "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+          side === "bottom" && "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(Dialog.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ jsx(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Dialog.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function ScrollArea({
+  className,
+  children,
+  viewportRef,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    ScrollArea$1.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollArea$1.Viewport,
+          {
+            ref: viewportRef,
+            "data-slot": "scroll-area-viewport",
+            className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(ScrollBar, {}),
+        /* @__PURE__ */ jsx(ScrollArea$1.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollArea$1.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: 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",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollArea$1.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "relative flex-1 rounded-full bg-border"
+        }
+      )
+    }
+  );
+}
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator$1.Root,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ jsx(
+        "table",
+        {
+          "data-slot": "table",
+          className: cn("w-full caption-bottom text-sm", className),
+          ...props
+        }
+      )
+    }
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn("px-6", className),
+      ...props
+    }
+  );
+}
+async function parseErrorResponse(r) {
+  try {
+    const body = await r.json();
+    if (typeof body?.message === "string") return body.message;
+  } catch (err) {
+    console.warn("Could not parse error response body as JSON:", err);
+  }
+  return `HTTP ${r.status}`;
+}
+function EntityList({
+  entities,
+  search,
+  onSearchChange,
+  typeFilter,
+  onTypeFilterChange,
+  onSelect
+}) {
+  const filtered = entities.filter((e) => {
+    const matchesSearch = !search || e.table.toLowerCase().includes(search.toLowerCase()) || e.description.toLowerCase().includes(search.toLowerCase());
+    const matchesType = typeFilter === "all" || (typeFilter === "view" ? e.type === "view" : e.type !== "view");
+    return matchesSearch && matchesType;
+  });
+  const tableCount = entities.filter((e) => e.type !== "view").length;
+  const viewCount = entities.filter((e) => e.type === "view").length;
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 px-4 pb-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 size-3.5 -translate-y-1/2 text-zinc-400" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            value: search,
+            onChange: (e) => onSearchChange(e.target.value),
+            placeholder: "Search tables...",
+            className: "h-8 pl-8 text-sm"
+          }
+        )
+      ] }),
+      viewCount > 0 && /* @__PURE__ */ jsxs(
+        ToggleGroup,
+        {
+          type: "single",
+          size: "sm",
+          value: typeFilter,
+          onValueChange: (v) => {
+            if (v) onTypeFilterChange(v);
+          },
+          className: "justify-start",
+          children: [
+            /* @__PURE__ */ jsxs(ToggleGroupItem, { value: "all", className: "h-6 px-2 text-xs", children: [
+              "All (",
+              entities.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxs(ToggleGroupItem, { value: "table", className: "h-6 px-2 text-xs", children: [
+              "Tables (",
+              tableCount,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxs(ToggleGroupItem, { value: "view", className: "h-6 px-2 text-xs", children: [
+              "Views (",
+              viewCount,
+              ")"
+            ] })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overflow-x-hidden p-2", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-8 text-center text-xs text-zinc-400 dark:text-zinc-500", children: search ? "No matching entities" : "No entities found" }) : filtered.map((entity) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => onSelect(entity.table),
+        className: "flex w-full min-w-0 items-start gap-2 overflow-hidden rounded-md px-2 py-2 text-left transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-800",
+        children: [
+          entity.type === "view" ? /* @__PURE__ */ jsx(Eye, { className: "mt-0.5 size-3.5 shrink-0 text-zinc-400" }) : /* @__PURE__ */ jsx(TableProperties, { className: "mt-0.5 size-3.5 shrink-0 text-zinc-400" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-zinc-800 dark:text-zinc-200", children: entity.table }),
+              entity.type === "view" && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "shrink-0 text-[10px] px-1 py-0", children: "view" })
+            ] }),
+            entity.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 truncate text-xs text-zinc-500 dark:text-zinc-400", children: entity.description }),
+            /* @__PURE__ */ jsxs("div", { className: "mt-1 flex gap-2 text-[10px] text-zinc-400 dark:text-zinc-500", children: [
+              /* @__PURE__ */ jsxs("span", { children: [
+                entity.columnCount,
+                " cols"
+              ] }),
+              entity.joinCount > 0 && /* @__PURE__ */ jsxs("span", { children: [
+                entity.joinCount,
+                " joins"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(ArrowRight, { className: "mt-1 size-3 shrink-0 text-zinc-300 dark:text-zinc-600" })
+        ]
+      },
+      entity.table
+    )) })
+  ] });
+}
+function EntityDetailView({
+  entity,
+  onBack,
+  onNavigateEntity,
+  onInsertQuery
+}) {
+  const dimensions = normalizeList(entity.dimensions, "name");
+  const joins = normalizeList(entity.joins, "to");
+  const measures = normalizeList(entity.measures, "name");
+  const patterns = normalizeList(entity.query_patterns, "name");
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 pb-3", children: [
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "size-7", onClick: onBack, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "size-3.5" }) }),
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("h3", { className: "truncate text-sm font-semibold", children: entity.table }),
+        entity.type === "view" && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px]", children: "view" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx(Separator, {}),
+    /* @__PURE__ */ jsx(ScrollArea, { className: "flex-1", children: /* @__PURE__ */ jsxs("div", { className: "space-y-5 p-4", children: [
+      entity.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-500 dark:text-zinc-400", children: entity.description }),
+      /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("h4", { className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-zinc-700 dark:text-zinc-300", children: [
+          /* @__PURE__ */ jsx(Columns3, { className: "size-3" }),
+          "Columns (",
+          dimensions.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "rounded-md border", children: /* @__PURE__ */ jsxs(Table, { className: "table-fixed", children: [
+          /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableHead, { className: "h-7 w-[30%] text-[10px]", children: "Name" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "h-7 w-[15%] text-[10px]", children: "Type" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "h-7 w-[35%] text-[10px] hidden sm:table-cell", children: "Description" }),
+            /* @__PURE__ */ jsx(TableHead, { className: "h-7 w-[20%] text-[10px] hidden sm:table-cell", children: "Samples" })
+          ] }) }),
+          /* @__PURE__ */ jsx(TableBody, { children: dimensions.map((dim) => /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "py-1.5 font-mono text-[11px]", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "truncate", children: dim.name }),
+              dim.primary_key && /* @__PURE__ */ jsx(Badge, { className: "shrink-0 bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400 text-[9px] px-1 py-0", children: "PK" }),
+              dim.foreign_key && /* @__PURE__ */ jsx(Badge, { className: "shrink-0 bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400 text-[9px] px-1 py-0", children: "FK" })
+            ] }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "py-1.5", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "font-mono text-[9px]", children: dim.type }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden py-1.5 text-[11px] text-zinc-500 sm:table-cell", children: /* @__PURE__ */ jsx("span", { className: "line-clamp-2", children: dim.description || "\u2014" }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "hidden py-1.5 text-[11px] text-zinc-400 sm:table-cell", children: /* @__PURE__ */ jsx("span", { className: "line-clamp-1", children: dim.sample_values?.length ? dim.sample_values.slice(0, 3).join(", ") : "\u2014" }) })
+          ] }, dim.name)) })
+        ] }) })
+      ] }),
+      joins.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("h4", { className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-zinc-700 dark:text-zinc-300", children: [
+          /* @__PURE__ */ jsx(Link2, { className: "size-3" }),
+          "Relationships (",
+          joins.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: joins.map((join, i) => /* @__PURE__ */ jsx(Card, { className: "shadow-none", children: /* @__PURE__ */ jsxs(CardContent, { className: "px-3 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "shrink-0 text-[9px]", children: join.relationship || "many_to_one" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => onNavigateEntity(join.to),
+                className: "text-xs font-medium text-blue-600 hover:underline dark:text-blue-400",
+                children: join.to
+              }
+            )
+          ] }),
+          join.description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-[11px] text-zinc-500", children: join.description })
+        ] }) }, i)) })
+      ] }),
+      measures.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("h4", { className: "mb-2 text-xs font-semibold text-zinc-700 dark:text-zinc-300", children: [
+          "Measures (",
+          measures.length,
+          ")"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: measures.map((m) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded px-2 py-1 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "font-medium text-zinc-700 dark:text-zinc-300", children: m.name }),
+          /* @__PURE__ */ jsx("code", { className: "rounded bg-zinc-100 px-1.5 py-0.5 text-[10px] text-zinc-500 dark:bg-zinc-800", children: m.sql })
+        ] }, m.name)) })
+      ] }),
+      patterns.length > 0 && /* @__PURE__ */ jsxs("section", { children: [
+        /* @__PURE__ */ jsxs("h4", { className: "mb-2 flex items-center gap-1.5 text-xs font-semibold text-zinc-700 dark:text-zinc-300", children: [
+          /* @__PURE__ */ jsx(Sparkles, { className: "size-3" }),
+          "Query Patterns"
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: patterns.map((p, i) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => onInsertQuery(p.description),
+            className: "w-full rounded-md border border-zinc-200 bg-zinc-50 px-3 py-2 text-left transition-colors hover:border-zinc-400 hover:bg-zinc-100 dark:border-zinc-700 dark:bg-zinc-900 dark:hover:border-zinc-500 dark:hover:bg-zinc-800",
+            children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-zinc-700 dark:text-zinc-300", children: p.name }),
+              /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[11px] text-zinc-500 dark:text-zinc-400", children: p.description })
+            ]
+          },
+          `${p.name}-${i}`
+        )) })
+      ] })
+    ] }) })
+  ] });
+}
+function SchemaExplorer({
+  open,
+  onOpenChange,
+  onInsertQuery,
+  getHeaders,
+  getCredentials
+}) {
+  const { apiUrl } = useAtlasConfig();
+  const [entities, setEntities] = useState([]);
+  const [selectedEntity, setSelectedEntity] = useState(null);
+  const [selectedName, setSelectedName] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [detailError, setDetailError] = useState(null);
+  const [search, setSearch] = useState("");
+  const [typeFilter, setTypeFilter] = useState("all");
+  const abortRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    setSelectedName(null);
+    setSelectedEntity(null);
+    setDetailError(null);
+    abortRef.current?.abort();
+    setLoading(true);
+    setError(null);
+    const controller = new AbortController();
+    fetch(`${apiUrl}/api/v1/semantic/entities`, {
+      headers: getHeaders(),
+      credentials: getCredentials(),
+      signal: controller.signal
+    }).then(async (r) => {
+      if (!r.ok) throw new Error(await parseErrorResponse(r));
+      return r.json();
+    }).then((data) => {
+      const list = Array.isArray(data?.entities) ? data.entities : [];
+      setEntities(list);
+    }).catch((err) => {
+      if (err instanceof DOMException && err.name === "AbortError") return;
+      console.warn("Schema explorer: failed to fetch entities:", err);
+      setError(err instanceof Error ? err.message : "Failed to load schema");
+    }).finally(() => setLoading(false));
+    return () => controller.abort();
+  }, [open, apiUrl, getHeaders, getCredentials]);
+  function handleSelectEntity(name) {
+    abortRef.current?.abort();
+    const controller = new AbortController();
+    abortRef.current = controller;
+    setSelectedName(name);
+    setSelectedEntity(null);
+    setDetailError(null);
+    fetch(`${apiUrl}/api/v1/semantic/entities/${encodeURIComponent(name)}`, {
+      headers: getHeaders(),
+      credentials: getCredentials(),
+      signal: controller.signal
+    }).then(async (r) => {
+      if (!r.ok) throw new Error(await parseErrorResponse(r));
+      return r.json();
+    }).then((data) => {
+      setSelectedEntity(data?.entity ?? data);
+    }).catch((err) => {
+      if (err instanceof DOMException && err.name === "AbortError") return;
+      console.warn("Schema explorer: failed to load entity:", err);
+      setDetailError(err instanceof Error ? err.message : "Failed to load entity");
+    });
+  }
+  function handleBack() {
+    abortRef.current?.abort();
+    setSelectedName(null);
+    setSelectedEntity(null);
+    setDetailError(null);
+  }
+  function handleInsertQuery(description) {
+    onInsertQuery(description);
+    onOpenChange(false);
+  }
+  return /* @__PURE__ */ jsx(Sheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(SheetContent, { side: "right", className: "flex w-full flex-col p-0 sm:max-w-xl", children: [
+    /* @__PURE__ */ jsx(SheetHeader, { className: "px-4 pt-4", children: /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-2 text-base", children: [
+      /* @__PURE__ */ jsx(TableProperties, { className: "size-4" }),
+      "Schema Explorer"
+    ] }) }),
+    /* @__PURE__ */ jsx(Separator, { className: "mt-3" }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden pt-3", children: loading ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400", children: "Loading schema..." }) }) : error ? /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center px-4", children: /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-red-500", children: error }) }) : selectedName ? detailError ? /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-2 px-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-center text-xs text-red-500", children: detailError }),
+      /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: handleBack, className: "text-xs", children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-1 size-3" }),
+        " Back to list"
+      ] })
+    ] }) : selectedEntity ? /* @__PURE__ */ jsx(
+      EntityDetailView,
+      {
+        entity: selectedEntity,
+        onBack: handleBack,
+        onNavigateEntity: handleSelectEntity,
+        onInsertQuery: handleInsertQuery
+      }
+    ) : /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxs("p", { className: "text-xs text-zinc-400", children: [
+      "Loading ",
+      selectedName,
+      "..."
+    ] }) }) : /* @__PURE__ */ jsx(
+      EntityList,
+      {
+        entities,
+        search,
+        onSearchChange: setSearch,
+        typeFilter,
+        onTypeFilterChange: setTypeFilter,
+        onSelect: handleSelectEntity
+      }
+    ) })
+  ] }) });
+}
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DropdownMenu$1.Portal, { children: /* @__PURE__ */ jsx(
+    DropdownMenu$1.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: 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
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DropdownMenu$1.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: 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
+      ),
+      ...props
+    }
+  );
+}
+var API_KEY_STORAGE_KEY = "atlas-api-key";
+var noopAuthClient = {
+  signIn: { email: async () => ({ error: { message: "Not supported" } }) },
+  signUp: { email: async () => ({ error: { message: "Not supported" } }) },
+  signOut: async () => {
+  },
+  useSession: () => ({ data: null, isPending: false })
+};
+var MenuIcon = /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", className: "h-5 w-5", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M2 4.75A.75.75 0 0 1 2.75 4h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 4.75ZM2 10a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75A.75.75 0 0 1 2 10Zm0 5.25a.75.75 0 0 1 .75-.75h14.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z", clipRule: "evenodd" }) });
+var AtlasLogo = /* @__PURE__ */ jsxs("svg", { "data-atlas-logo": true, viewBox: "0 0 256 256", fill: "none", className: "h-7 w-7 shrink-0 text-primary", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx("path", { d: "M128 24 L232 208 L24 208 Z", stroke: "currentColor", strokeWidth: "14", fill: "none", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx("circle", { cx: "128", cy: "28", r: "16", fill: "currentColor" })
+] });
+var THEME_OPTIONS = [
+  { value: "light", label: "Light", icon: Sun },
+  { value: "dark", label: "Dark", icon: Moon },
+  { value: "system", label: "System", icon: Monitor }
+];
+function ThemeToggle() {
+  const mode = useThemeMode();
+  const CurrentIcon = mode === "dark" ? Moon : mode === "light" ? Sun : Monitor;
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", className: "size-11 sm:size-8 text-zinc-500 dark:text-zinc-400", children: [
+      /* @__PURE__ */ jsx(CurrentIcon, { className: "size-4" }),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Toggle theme" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: THEME_OPTIONS.map(({ value, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+      DropdownMenuItem,
+      {
+        onClick: () => setTheme(value),
+        className: mode === value ? "bg-accent" : "",
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "mr-2 size-4" }),
+          label
+        ]
+      },
+      value
+    )) })
+  ] });
+}
+function SaveButton({
+  conversationId,
+  conversations,
+  onStar
+}) {
+  const isStarred = conversations.find((c) => c.id === conversationId)?.starred ?? false;
+  const [pending, setPending] = useState(false);
+  async function handleToggle() {
+    setPending(true);
+    try {
+      await onStar(conversationId, !isStarred);
+    } catch (err) {
+      console.warn("Failed to update star:", err);
+    } finally {
+      setPending(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "xs",
+      onClick: handleToggle,
+      disabled: pending,
+      className: isStarred ? "text-amber-500 hover:text-amber-600 dark:text-amber-400 dark:hover:text-amber-300" : "text-zinc-400 hover:text-amber-500 dark:text-zinc-500 dark:hover:text-amber-400",
+      "aria-label": isStarred ? "Unsave conversation" : "Save conversation",
+      children: [
+        /* @__PURE__ */ jsx(Star, { className: "h-3.5 w-3.5", fill: isStarred ? "currentColor" : "none" }),
+        /* @__PURE__ */ jsx("span", { children: isStarred ? "Saved" : "Save" })
+      ]
+    }
+  );
+}
+function AtlasChat(props) {
+  const {
+    apiUrl,
+    apiKey: propApiKey,
+    theme: propTheme = "system",
+    sidebar = false,
+    schemaExplorer: schemaExplorerEnabled = false,
+    authClient = noopAuthClient,
+    toolRenderers
+  } = props;
+  useEffect(() => {
+    setTheme(propTheme);
+  }, [propTheme]);
+  return /* @__PURE__ */ jsx(AtlasUIProvider, { config: { apiUrl, authClient }, children: /* @__PURE__ */ jsx(
+    AtlasChatInner,
+    {
+      propApiKey,
+      sidebar,
+      schemaExplorerEnabled,
+      toolRenderers
+    }
+  ) });
+}
+function AtlasChatInner({
+  propApiKey,
+  sidebar,
+  schemaExplorerEnabled,
+  toolRenderers
+}) {
+  const { apiUrl, isCrossOrigin, authClient } = useAtlasConfig();
+  const dark = useDarkMode();
+  const [input, setInput] = useState("");
+  const [authMode, setAuthMode] = useState(null);
+  const [healthWarning, setHealthWarning] = useState("");
+  const [healthFailed, setHealthFailed] = useState(false);
+  const [apiKey, setApiKey] = useState(propApiKey ?? "");
+  const [conversationId, setConversationId] = useState(null);
+  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
+  const [loadingConversation, setLoadingConversation] = useState(false);
+  const [passwordChangeRequired, setPasswordChangeRequired] = useState(false);
+  const [schemaExplorerOpen, setSchemaExplorerOpen] = useState(false);
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    if (propApiKey !== void 0) setApiKey(propApiKey);
+  }, [propApiKey]);
+  const managedSession = authClient.useSession();
+  const authResolved = authMode !== null;
+  const isManaged = authMode === "managed";
+  const isSignedIn = isManaged && !!managedSession.data?.user;
+  const getHeaders = useCallback(() => {
+    const headers = {};
+    if (apiKey) headers["Authorization"] = `Bearer ${apiKey}`;
+    return headers;
+  }, [apiKey]);
+  const getCredentials = useCallback(() => {
+    return isCrossOrigin ? "include" : "same-origin";
+  }, [isCrossOrigin]);
+  const convos = useConversations({
+    apiUrl,
+    enabled: sidebar,
+    getHeaders,
+    getCredentials
+  });
+  const refreshConvosRef = useRef(convos.refresh);
+  refreshConvosRef.current = convos.refresh;
+  const conversationIdRef = useRef(conversationId);
+  conversationIdRef.current = conversationId;
+  useEffect(() => {
+    if (!propApiKey) {
+      try {
+        const stored = sessionStorage.getItem(API_KEY_STORAGE_KEY);
+        if (stored) setApiKey(stored);
+      } catch (err) {
+        console.warn("Cannot read API key from sessionStorage:", err);
+      }
+    }
+    async function fetchHealth(attempt) {
+      try {
+        const res = await fetch(`${apiUrl}/api/health`, {
+          credentials: isCrossOrigin ? "include" : "same-origin"
+        });
+        if (!res.ok) {
+          console.warn(`Health check returned ${res.status}`);
+          if (attempt < 2) {
+            await new Promise((r) => setTimeout(r, 2e3));
+            return fetchHealth(attempt + 1);
+          }
+          setHealthWarning("Health check failed \u2014 check server logs. Try refreshing the page.");
+          setHealthFailed(true);
+          setAuthMode("none");
+          return;
+        }
+        const data = await res.json();
+        const mode = data?.checks?.auth?.mode;
+        if (typeof mode === "string" && 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" && OKLCH_RE.test(data.brandColor)) {
+          applyBrandColor(data.brandColor);
+        }
+      } catch (err) {
+        console.warn("Health endpoint unavailable:", err);
+        if (attempt < 2) {
+          await new Promise((r) => setTimeout(r, 2e3));
+          return fetchHealth(attempt + 1);
+        }
+        setHealthWarning("Unable to reach the API server. Try refreshing the page.");
+        setHealthFailed(true);
+        setAuthMode("none");
+      }
+    }
+    fetchHealth(1);
+  }, [apiUrl, isCrossOrigin]);
+  useEffect(() => {
+    if (sidebar) convos.fetchList();
+  }, [authMode, sidebar, convos.fetchList]);
+  useEffect(() => {
+    if (!isManaged || !managedSession.data?.user) return;
+    async function checkPasswordStatus() {
+      try {
+        const res = await fetch(`${apiUrl}/api/v1/admin/me/password-status`, {
+          credentials: isCrossOrigin ? "include" : "same-origin"
+        });
+        if (!res.ok) {
+          console.warn(`Password status check returned HTTP ${res.status}`);
+          return;
+        }
+        const data = await res.json();
+        if (data.passwordChangeRequired) setPasswordChangeRequired(true);
+      } catch (err) {
+        console.warn("Failed to check password status:", err);
+      }
+    }
+    checkPasswordStatus();
+  }, [isManaged, managedSession.data?.user, apiUrl, isCrossOrigin]);
+  const handleSaveApiKey = useCallback((key) => {
+    setApiKey(key);
+    try {
+      sessionStorage.setItem(API_KEY_STORAGE_KEY, key);
+    } catch (err) {
+      console.warn("Could not persist API key to sessionStorage:", err);
+    }
+  }, []);
+  const transport = useMemo(() => {
+    const headers = {};
+    if (apiKey) {
+      headers["Authorization"] = `Bearer ${apiKey}`;
+    }
+    return new DefaultChatTransport({
+      api: `${apiUrl}/api/chat`,
+      headers,
+      credentials: isCrossOrigin ? "include" : void 0,
+      body: () => conversationIdRef.current ? { conversationId: conversationIdRef.current } : {},
+      fetch: (async (input2, init) => {
+        const response = await globalThis.fetch(input2, init);
+        const convId = response.headers.get("x-conversation-id");
+        if (convId && convId !== conversationIdRef.current) {
+          setConversationId(convId);
+          setTimeout(() => {
+            refreshConvosRef.current().catch((err) => {
+              console.warn("Sidebar refresh failed:", err);
+            });
+          }, 500);
+        }
+        return response;
+      })
+    });
+  }, [apiKey, apiUrl, isCrossOrigin]);
+  const { messages, setMessages, sendMessage, status, error } = useChat({ transport });
+  const isLoading = status === "streaming" || status === "submitted";
+  useEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const isNearBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 100;
+    if (isNearBottom) el.scrollTop = el.scrollHeight;
+  }, [messages, status]);
+  function handleSend(text) {
+    if (!text.trim()) return;
+    const saved = text;
+    setInput("");
+    sendMessage({ text: saved }).catch((err) => {
+      console.error("Failed to send message:", err);
+      setInput(saved);
+      setHealthWarning("Failed to send message. Please try again.");
+      setTimeout(() => setHealthWarning(""), 5e3);
+    });
+  }
+  async function handleSelectConversation(id) {
+    if (loadingConversation) return;
+    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);
+      }
+    } catch (err) {
+      console.warn("Failed to load conversation:", err);
+      setHealthWarning("Failed to load conversation. Please try again.");
+      setTimeout(() => setHealthWarning(""), 5e3);
+    } finally {
+      setLoadingConversation(false);
+    }
+  }
+  function handleNewChat() {
+    setMessages([]);
+    setConversationId(null);
+    convos.setSelectedId(null);
+    setInput("");
+    setMobileMenuOpen(false);
+  }
+  if (!authResolved || isManaged && managedSession.isPending) {
+    return /* @__PURE__ */ jsx(DarkModeContext.Provider, { value: dark, children: /* @__PURE__ */ 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__ */ jsxs(DarkModeContext.Provider, { value: dark, children: [
+    /* @__PURE__ */ jsxs("div", { className: "atlas-root flex h-dvh", children: [
+      showSidebar && /* @__PURE__ */ jsx(
+        ConversationSidebar,
+        {
+          conversations: convos.conversations,
+          selectedId: convos.selectedId,
+          loading: convos.loading,
+          onSelect: handleSelectConversation,
+          onDelete: (id) => convos.deleteConversation(id),
+          onStar: (id, starred) => convos.starConversation(id, starred),
+          onNewChat: handleNewChat,
+          mobileOpen: mobileMenuOpen,
+          onMobileClose: () => setMobileMenuOpen(false)
+        }
+      ),
+      /* @__PURE__ */ jsx("main", { className: "flex flex-1 flex-col overflow-hidden", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex w-full max-w-4xl flex-1 flex-col overflow-hidden p-4", children: [
+        /* @__PURE__ */ jsx("header", { className: "mb-4 flex-none border-b border-zinc-100 pb-3 dark:border-zinc-800", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            showSidebar && /* @__PURE__ */ jsx(
+              "button",
+              {
+                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",
+                "aria-label": "Open conversation history",
+                children: MenuIcon
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+              AtlasLogo,
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight", children: "Atlas" }),
+                /* @__PURE__ */ jsx("p", { className: "text-sm text-zinc-500", children: "Ask your data anything" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            schemaExplorerEnabled && /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-11 sm:size-8 text-zinc-500 dark:text-zinc-400",
+                onClick: () => setSchemaExplorerOpen(true),
+                "aria-label": "Open schema explorer",
+                children: /* @__PURE__ */ jsx(TableProperties, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(ThemeToggle, {}),
+            isSignedIn && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "hidden text-xs text-zinc-500 sm:inline dark:text-zinc-400", children: managedSession.data?.user?.email }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => {
+                    authClient.signOut().catch((err) => {
+                      console.error("Sign out failed:", err);
+                      setHealthWarning("Sign out failed. Please try again.");
+                      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",
+                  children: "Sign out"
+                }
+              )
+            ] })
+          ] })
+        ] }) }),
+        healthWarning && /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-zinc-400 dark:text-zinc-500", children: healthWarning }),
+        isManaged && !isSignedIn ? /* @__PURE__ */ jsx(ManagedAuthCard, {}) : /* @__PURE__ */ jsxs(ActionAuthProvider, { getHeaders, getCredentials, children: [
+          authMode === "simple-key" && !propApiKey && /* @__PURE__ */ jsx("div", { className: "mb-3 flex-none", children: /* @__PURE__ */ jsx(ApiKeyBar, { apiKey, onSave: handleSaveApiKey }) }),
+          /* @__PURE__ */ jsx(ScrollArea, { viewportRef: scrollRef, className: "min-h-0 flex-1", children: /* @__PURE__ */ jsxs("div", { "data-atlas-messages": true, className: "space-y-4 pb-4 pr-3", children: [
+            messages.length === 0 && !error && /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-6", children: [
+              /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-lg font-medium text-zinc-500 dark:text-zinc-400", children: "What would you like to know?" }),
+                /* @__PURE__ */ 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__ */ jsx("div", { className: "grid w-full max-w-lg grid-cols-1 gap-2 sm:grid-cols-2", children: STARTER_PROMPTS.map((prompt) => /* @__PURE__ */ 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__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "max-w-[90%]", children: /* @__PURE__ */ 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__ */ jsx(Markdown, { content: displayText }) }) }, i);
+                  }
+                  if (isToolUIPart(part)) {
+                    return /* @__PURE__ */ jsx("div", { className: "max-w-[95%]", children: /* @__PURE__ */ jsx(ToolPart, { part, toolRenderers }) }, i);
+                  }
+                  return null;
+                }),
+                isLastAssistant && !isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    FollowUpChips,
+                    {
+                      suggestions,
+                      onSelect: handleSend
+                    }
+                  ),
+                  conversationId && sidebar && convos.available && /* @__PURE__ */ jsx(
+                    SaveButton,
+                    {
+                      conversationId,
+                      conversations: convos.conversations,
+                      onStar: convos.starConversation
+                    }
+                  )
+                ] })
+              ] }, m.id);
+            }),
+            isLoading && messages.length > 0 && /* @__PURE__ */ jsx(TypingIndicator, {})
+          ] }) }),
+          error && /* @__PURE__ */ jsx(ErrorBanner, { error, authMode }),
+          /* @__PURE__ */ jsxs(
+            "form",
+            {
+              "data-atlas-form": true,
+              onSubmit: (e) => {
+                e.preventDefault();
+                handleSend(input);
+              },
+              className: "flex flex-none gap-2 border-t border-zinc-100 pt-4 dark:border-zinc-800",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "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
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "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",
+                    children: "Ask"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] }) })
+    ] }),
+    schemaExplorerEnabled && /* @__PURE__ */ jsx(
+      SchemaExplorer,
+      {
+        open: schemaExplorerOpen,
+        onOpenChange: setSchemaExplorerOpen,
+        onInsertQuery: (text) => setInput(text),
+        getHeaders,
+        getCredentials
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ChangePasswordDialog,
+      {
+        open: passwordChangeRequired,
+        onComplete: () => setPasswordChangeRequired(false)
+      }
+    )
+  ] });
+}
+
+export { AtlasChat, AtlasUIProvider, useAtlasConfig };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map