grain-tools 0.10.12 → 0.10.14

package/dist/web-app.html

@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Grain</title>
+    <title>Grain (Beta)</title>
     <meta name="theme-color" content="#1e1e1e" />
     <link
       rel="icon"
@@ -12808,6 +12808,7 @@ function detectInitialTheme() {
 }
 const useAppStore = create$3((set2, get2) => ({
   theme: detectInitialTheme(),
+  panelTheme: "inherit",
   activeView: "query",
   copyIncludesHeaders: true,
   rowDensity: "normal",
@@ -12902,41 +12903,23 @@ const useAppStore = create$3((set2, get2) => ({
     if (c.fontSize !== void 0) {
       newState.fontSize = c.fontSize !== null && c.fontSize !== void 0 && c.fontSize > 0 ? c.fontSize : null;
     }
-    if (c.maxRowsToDisplay !== void 0) {
-      newState.maxRowsToDisplay = c.maxRowsToDisplay;
-    }
-    if (c.telemetryEnabled !== void 0) {
-      newState.telemetryEnabled = c.telemetryEnabled;
-    }
-    if (c.chartsEnabled !== void 0) {
-      newState.chartsEnabled = c.chartsEnabled;
-    }
-    if (c.chartLayout !== void 0) {
-      newState.chartLayout = c.chartLayout;
-    }
-    if (c.filterResultsByActiveFile !== void 0) {
-      newState.filterResultsByActiveFile = c.filterResultsByActiveFile;
-    }
-    if (c.mcpEnabled !== void 0) {
-      newState.mcpEnabled = c.mcpEnabled;
-    }
-    if (c.mcpEntitled !== void 0) {
-      newState.mcpEntitled = c.mcpEntitled;
-    }
-    if (c.mcpSafeMode !== void 0) {
-      newState.mcpSafeMode = c.mcpSafeMode;
-    }
-    if (c.activeConnectorType !== void 0) {
-      newState.activeConnectorType = c.activeConnectorType;
-    }
-    if (c.activeConnectionId !== void 0) {
-      newState.activeConnectionId = c.activeConnectionId;
-    }
-    if (c.activeConnectionName !== void 0) {
-      newState.activeConnectionName = c.activeConnectionName;
-    }
-    if (c.confirmWriteQueries !== void 0) {
-      newState.confirmWriteQueries = c.confirmWriteQueries;
+    const passthrough = [
+      "maxRowsToDisplay",
+      "telemetryEnabled",
+      "chartsEnabled",
+      "chartLayout",
+      "panelTheme",
+      "filterResultsByActiveFile",
+      "mcpEnabled",
+      "mcpEntitled",
+      "mcpSafeMode",
+      "activeConnectorType",
+      "activeConnectionId",
+      "activeConnectionName",
+      "confirmWriteQueries"
+    ];
+    for (const key of passthrough) {
+      if (c[key] !== void 0) Object.assign(newState, { [key]: c[key] });
     }
     if (c.mcpStatus !== void 0) {
       newState.mcpPort = ((_a3 = c.mcpStatus) == null ? void 0 : _a3.port) ?? null;
@@ -12965,7 +12948,8 @@ const useAppStore = create$3((set2, get2) => ({
     };
     set2((state) => ({
       tabs: [...state.tabs, newTab],
-      activeTabId: activate ? id : state.activeTabId
+      activeTabId: activate ? id : state.activeTabId,
+      guideHub: activate ? null : state.guideHub
     }));
     return id;
   },
@@ -12981,7 +12965,7 @@ const useAppStore = create$3((set2, get2) => ({
       activeTabId: newActiveId
     };
   }),
-  setActiveTab: (id) => set2({ activeTabId: id }),
+  setActiveTab: (id) => set2({ activeTabId: id, guideHub: null }),
   updateTab: (id, updates) => set2((state) => ({
     tabs: state.tabs.map((tab) => {
       if (tab.id !== id) {
@@ -12991,6 +12975,10 @@ const useAppStore = create$3((set2, get2) => ({
       if (updates.isLoading === true && !tab.isLoading) {
         next.loadingStartedAt = Date.now();
         next.cancelled = false;
+        next.notPersisted = false;
+      }
+      if (updates.result) {
+        next.notPersisted = false;
       }
       if (updates.result !== void 0 && updates.chartSpec === void 0) {
         const signature = (r) => r ? r.columns.map((c) => `${c.name}:${c.type}`).join(" ") : "";
@@ -13079,6 +13067,35 @@ function useWebBootstrap() {
     return unsubscribe;
   }, []);
 }
+const ALL_TOOLS = [
+  "list_connectors",
+  "run_query",
+  "get_tab_info",
+  "list_sessions",
+  "list_connections",
+  "save_connection",
+  "request_connection_credentials",
+  "test_connection",
+  "delete_connection",
+  "list_schemas",
+  "list_tables",
+  "describe_table",
+  "cancel_query",
+  "close_tab",
+  "render_chart",
+  "save_chart",
+  "list_charts",
+  "ledger_stats",
+  "verify_ledger",
+  "record_ui_event"
+];
+const WEB_PROXIED_TOOLS = [
+  "list_connectors",
+  "list_connections",
+  "save_connection",
+  "test_connection",
+  "delete_connection"
+];
 const TELEMETRY_EVENTS = [
   "extension_activated",
   "command_invoked",
@@ -13129,7 +13146,14 @@ const TELEMETRY_MCP_CLIENTS = [
   "unknown"
 ];
 new Set(TELEMETRY_MCP_CLIENTS);
-const TELEMETRY_UI_ACTIONS = ["sort", "filter", "export", "tab_switch"];
+const TELEMETRY_UI_ACTIONS = [
+  "sort",
+  "filter",
+  "export",
+  "tab_switch",
+  "run_query",
+  "connection_created"
+];
 new Set(TELEMETRY_UI_ACTIONS);
 const TELEMETRY_CONNECTORS = [
   "trino",
@@ -13145,29 +13169,7 @@ const TELEMETRY_CONNECTORS = [
   "custom",
   "unknown"
 ];
-const TELEMETRY_TOOL_NAMES = [
-  "list_connectors",
-  "run_query",
-  "get_tab_info",
-  "list_sessions",
-  "list_connections",
-  "save_connection",
-  "request_connection_credentials",
-  "test_connection",
-  "delete_connection",
-  "list_schemas",
-  "list_tables",
-  "describe_table",
-  "cancel_query",
-  "close_tab",
-  "render_chart",
-  "save_chart",
-  "list_charts",
-  "ledger_stats",
-  "verify_ledger",
-  "record_ui_event",
-  "unknown"
-];
+const TELEMETRY_TOOL_NAMES = [...ALL_TOOLS, "unknown"];
 const TELEMETRY_COMMAND_IDS = [
   "grain.showDaemonInfo",
   "grain.mcp.restart",
@@ -13210,6 +13212,7 @@ const TELEMETRY_STATES = [
   "extension_host",
   "onboarding",
   "query_editor",
+  "workspace_ready",
   "connection_manager",
   "connection_form",
   "results_grid",
@@ -13545,6 +13548,7 @@ const TELEMETRY_ERROR_IDS = [
   "connection_save_unknown",
   /** The supervisor rejected registration of the installed service. */
   "service_supervisor_registration_failed",
+  "service_runtime_provision_failed",
   /** The supervisor rejected starting the installed service. */
   "service_supervisor_start_failed",
   /** The supervisor accepted the service, but it never published a reachable endpoint. */
@@ -13783,6 +13787,27 @@ function resolveProjectedTarget(tabId, payload) {
     projectedTabId: tabId && parsed ? tabId : createProjectedTabId(sessionId === "all" ? WEB_SESSION_ID : sessionId, remoteTabId)
   };
 }
+const WRITE_NOT_CONFIRMED_MESSAGE = "Not run. The write was not confirmed.";
+async function postWebQuery(body, confirm = (message) => window.confirm(message)) {
+  var _a3;
+  const send = async (payload) => {
+    const res = await authorizedFetch("/api/v1/query", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(payload)
+    });
+    return { status: res.status, ok: res.ok, data: await res.json() };
+  };
+  const first = await send(body);
+  if (first.status !== 409 || ((_a3 = first.data) == null ? void 0 : _a3.status) !== "confirmation_required") {
+    return { ok: first.ok, data: first.data };
+  }
+  if (!confirm(`${first.data.error} Run it anyway?`)) {
+    return { ok: false, data: { error: WRITE_NOT_CONFIRMED_MESSAGE } };
+  }
+  const second = await send({ ...body, confirmWrite: true });
+  return { ok: second.ok, data: second.data };
+}
 function useWebCommandDispatcher(dispatch) {
   return reactExports.useCallback(
     (command, payload) => {
@@ -13938,19 +13963,14 @@ function useWebCommandDispatcher(dispatch) {
           clientType: tab == null ? void 0 : tab.clientType,
           isRemote: true
         });
-        authorizedFetch("/api/v1/query", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            query: sql,
-            sessionId: target.sessionId,
-            connectionId,
-            tabId: target.remoteTabId
-          })
-        }).then(async (res) => {
+        postWebQuery({
+          query: sql,
+          sessionId: target.sessionId,
+          connectionId,
+          tabId: target.remoteTabId
+        }).then(({ ok, data }) => {
           var _a3;
-          const data = await res.json();
-          if (!res.ok) {
+          if (!ok) {
             dispatch({
               type: "queryError",
               tabId: target.projectedTabId,
@@ -14180,13 +14200,6 @@ function useWebTabSync(options) {
   ]);
   return { syncState };
 }
-const WEB_PROXIED_TOOLS = [
-  "list_connectors",
-  "list_connections",
-  "save_connection",
-  "test_connection",
-  "delete_connection"
-];
 const PROXIED_TOOLS = new Set(WEB_PROXIED_TOOLS);
 function useWebToolProxy() {
   return reactExports.useCallback(async (name, args) => {
@@ -14205,18 +14218,13 @@ function useWebToolProxy() {
     }
     if (name === "run_query") {
       const sessionId = args.session || WEB_SESSION_ID;
-      const res = await authorizedFetch("/api/v1/query", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          query: args.sql,
-          sessionId,
-          connectionId: args.connectionId,
-          tabId: args.tabId
-        })
+      const { ok, data } = await postWebQuery({
+        query: args.sql,
+        sessionId,
+        connectionId: args.connectionId,
+        tabId: args.tabId
       });
-      const data = await res.json();
-      if (!res.ok) {
+      if (!ok) {
         throw new Error(data.error || "Query failed");
       }
       return {
@@ -14327,18 +14335,32 @@ function WebHostProvider({ children }) {
 function ReauthorizeNotice({
   reason
 }) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const copyCommand = async () => {
+    try {
+      await navigator.clipboard.writeText("grain open");
+      setCopied(true);
+    } catch {
+      setCopied(false);
+    }
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-reauth", role: "alert", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-web-reauth-title", children: reason === "unreachable" ? "Grain is no longer answering at this address" : reason === "expired-link" ? "This link has already been used" : "Open this workspace from your terminal" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-      reason === "expired-link" && "An authorization link works once, and only for a short while.",
-      reason === "no-session" && "A workspace session is short-lived. A new tab, a restart, or a session left open for a while all end up here.",
-      reason === "unreachable" && "The service stopped, or it came back on a different port. This page cannot find it again on its own."
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-      "Run ",
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-web-reauth-title", children: "Grain is running. Reconnect this browser tab." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Run this command in your terminal to open your workspace again:" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-reauth-action", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sp-web-reauth-command", children: "grain open" }),
-      " in a terminal to get a fresh workspace."
-    ] })
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          className: "sp-web-secondary-button",
+          onClick: () => void copyCommand(),
+          "aria-label": "Copy grain open",
+          children: copied ? "Copied" : "Copy"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-web-reauth-detail", children: reason === "expired-link" ? "This link has expired or was already used." : reason === "unreachable" ? "Grain may have restarted since this tab opened." : "This tab needs a fresh workspace link." })
   ] });
 }
 function isUpdateMarkerStatus(value) {
@@ -14459,20 +14481,25 @@ function fieldVisible(field, values) {
 }
 function ConnectionSetupPage({
   onDone,
-  onCancel
+  onCancel,
+  initialConnection
 }) {
   var _a3;
   const { callServerTool, isReady } = useHostContext();
   const [connectors, setConnectors] = reactExports.useState([]);
-  const [type, setType] = reactExports.useState("");
-  const [values, setValues] = reactExports.useState({});
-  const [name, setName] = reactExports.useState("");
+  const [type, setType] = reactExports.useState(String((initialConnection == null ? void 0 : initialConnection["type"]) ?? ""));
+  const [values, setValues] = reactExports.useState(initialConnection ?? {});
+  const [name, setName] = reactExports.useState(String((initialConnection == null ? void 0 : initialConnection["name"]) ?? ""));
   const [password, setPassword] = reactExports.useState("");
   const [showPassword, setShowPassword] = reactExports.useState(false);
   const [busy, setBusy] = reactExports.useState(null);
   const [error, setError] = reactExports.useState("");
   const [tested, setTested] = reactExports.useState(false);
-  const [draftId] = reactExports.useState(() => `conn_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`);
+  const [draftId] = reactExports.useState(
+    () => String(
+      (initialConnection == null ? void 0 : initialConnection["id"]) ?? `conn_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`
+    )
+  );
   reactExports.useEffect(() => {
     if (!isReady) {
       return;
@@ -14498,11 +14525,12 @@ function ConnectionSetupPage({
       setConnectors(available);
       const first = available[0];
       setType((current2) => current2 || (first == null ? void 0 : first.id) || "");
-      setValues(
-        Object.fromEntries(
-          Object.entries(((_a4 = first == null ? void 0 : first.schema) == null ? void 0 : _a4.properties) ?? {}).filter(([key, field]) => key !== "password" && field.default !== void 0).map(([key, field]) => [key, field.default])
-        )
-      );
+      if (!initialConnection)
+        setValues(
+          Object.fromEntries(
+            Object.entries(((_a4 = first == null ? void 0 : first.schema) == null ? void 0 : _a4.properties) ?? {}).filter(([key, field]) => key !== "password" && field.default !== void 0).map(([key, field]) => [key, field.default])
+          )
+        );
     }).catch((cause) => {
       if (active) {
         setError(cause instanceof Error ? cause.message : String(cause));
@@ -14511,7 +14539,7 @@ function ConnectionSetupPage({
     return () => {
       active = false;
     };
-  }, [callServerTool, isReady]);
+  }, [callServerTool, isReady, initialConnection]);
   const selected = connectors.find((connector) => connector.id === type);
   const properties = ((_a3 = selected == null ? void 0 : selected.schema) == null ? void 0 : _a3.properties) ?? {};
   const entries = Object.entries(properties).filter(([key, field]) => {
@@ -14537,10 +14565,10 @@ function ConnectionSetupPage({
     ...Object.fromEntries(entries.map(([key, field]) => [key, values[key] ?? field.default]))
   });
   const test = async () => {
-    const result = await callServerTool("test_connection", {
-      type,
-      connectionProfile: { ...profile(), ...password ? { password } : {} }
-    });
+    const result = await callServerTool(
+      "test_connection",
+      initialConnection && !password ? { connectionId: draftId } : { type, connectionProfile: { ...profile(), ...password ? { password } : {} } }
+    );
     const structured = result.structuredContent;
     if (result.isError || (structured == null ? void 0 : structured.success) === false || /failed|error/i.test(toolMessage(result))) {
       throw new Error(toolMessage(result));
@@ -14641,7 +14669,7 @@ function ConnectionSetupPage({
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx("main", { className: "grain-connection-page", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grain-connection-content", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grain-connection-intro", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: "Connect a database" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: initialConnection ? "Edit connection" : "Connect a database" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Add a connection to start querying your data." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, children: [
@@ -149282,9 +149310,6 @@ function FileIcon({ size = 20 }) {
 function PlugIcon({ size = 17 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5.5 1.5h1.4v3h2.2v-3h1.4v3h1a.5.5 0 01.5.5v2a4 4 0 01-3.3 3.94v1.06a1.5 1.5 0 01-3 0v-1.06A4 4 0 012.4 7V5a.5.5 0 01.5-.5h2.6v-3z" }) });
 }
-function UndoIcon({ size = 16 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C20.48 10.9 16.89 8 12.5 8z" }) });
-}
 const MIN_WIDTH = 200;
 const KEYBOARD_RESIZE_STEP = 16;
 function maxWidth() {
@@ -149772,6 +149797,199 @@ function ConnectorGlyph({ type }) {
 function getConnectorGroup(id) {
   return id === "duckdb" || id === "sqlite" ? "local" : "server";
 }
+const PATHS = {
+  play: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5 3.5v9l7-4.5-7-4.5z" }),
+  stop: /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1" }),
+  copy: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M10.5 3.5v-.5a1 1 0 0 0-1-1H3.5a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h.5" })
+  ] }),
+  download: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 2.5v8M4.5 7L8 10.5 11.5 7M3 13.5h10" }),
+  filter: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2.5 3.5h11L9.25 8.5v4l-2.5 1.25V8.5L2.5 3.5z" }),
+  close: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4 4l8 8M12 4l-8 8" }),
+  settings: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "8", cy: "8", r: "2" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 1.75v1.5M8 12.75v1.5M14.25 8h-1.5M3.25 8h-1.5M12.42 3.58l-1.06 1.06M4.64 11.36l-1.06 1.06M12.42 12.42l-1.06-1.06M4.64 4.64L3.58 3.58" })
+  ] }),
+  refresh: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M13.5 8a5.5 5.5 0 1 1-1.61-3.89M13.5 2.5v3h-3" }),
+  undo: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M5.5 3L2.5 6l3 3M2.5 6h7a4 4 0 0 1 0 8H7" }),
+  "arrow-left": /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M13 8H3M7 4L3 8l4 4" }),
+  "chevron-down": /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M4 6l4 4 4-4" }),
+  alert: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 4.75v3.75M8 10.75v.5" })
+  ] }),
+  info: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "8", cy: "8", r: "6" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 7.25v3.75M8 4.75v.5" })
+  ] }),
+  warning: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 2.25L14.25 13H1.75L8 2.25zM8 6.5v3M8 11.25v.25" }),
+  check: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M3 8.5l3 3 7-7" }),
+  plus: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 3v10M3 8h10" }),
+  file: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 1.75H4.25a1 1 0 0 0-1 1v10.5a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V5.5L9 1.75z" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9 1.75V5.5h3.75" })
+  ] }),
+  grid: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("rect", { x: "2.5", y: "2.5", width: "11", height: "11", rx: "1.5" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2.5 6.5h11M2.5 10h11M6.5 6.5v7" })
+  ] }),
+  chart: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M2.5 13.5h11M4.5 11V8M8 11V4M11.5 11V6.5" }),
+  more: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "3.5", cy: "8", r: "0.75" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "8", cy: "8", r: "0.75" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("circle", { cx: "12.5", cy: "8", r: "0.75" })
+  ] })
+};
+function Icon({ name, size = 14, className }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "svg",
+    {
+      className: className ? `sp-icon ${className}` : "sp-icon",
+      width: size,
+      height: size,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 1.4,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: PATHS[name]
+    }
+  );
+}
+const VARIANT_CLASS = {
+  primary: "sp-btn sp-btn-primary",
+  secondary: "sp-btn",
+  ghost: "sp-btn sp-btn-ghost",
+  danger: "sp-btn sp-btn-danger"
+};
+const Button = reactExports.forwardRef(function Button2({ variant = "secondary", icon, children, className, type = "button", ...rest }, ref) {
+  const classes = className ? `${VARIANT_CLASS[variant]} ${className}` : VARIANT_CLASS[variant];
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { ref, type, className: classes, ...rest, children: [
+    icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: icon, size: 14 }),
+    children
+  ] });
+});
+const IconButton = reactExports.forwardRef(function IconButton2({ icon, label, active, className, type = "button", title, ...rest }, ref) {
+  const classes = ["sp-icon-btn", active ? "active" : "", className ?? ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      ref,
+      type,
+      className: classes,
+      "aria-label": label,
+      title: title ?? label,
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: icon, size: 14 })
+    }
+  );
+});
+const TONE_ICON = {
+  error: "alert",
+  warning: "warning",
+  info: "info",
+  neutral: "info"
+};
+function Notice({
+  tone,
+  title,
+  children,
+  actions: actions2,
+  onDismiss,
+  dismissLabel = "Dismiss",
+  role = tone === "error" ? "alert" : "status"
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `sp-notice sp-notice-${tone}`, role, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-notice-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: TONE_ICON[tone], size: 14 }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-notice-body", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-notice-title", children: title }),
+      children && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-notice-detail", children })
+    ] }),
+    actions2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-notice-actions", children: actions2 }),
+    onDismiss && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: "sp-icon-btn sp-notice-dismiss",
+        onClick: onDismiss,
+        "aria-label": dismissLabel,
+        title: dismissLabel,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: "close", size: 12 })
+      }
+    )
+  ] });
+}
+function EmptyState({
+  icon,
+  tone = "neutral",
+  title,
+  children,
+  actions: actions2,
+  role,
+  live
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: `sp-empty-state sp-empty-state-${tone}`,
+      role,
+      "aria-live": live ? "polite" : void 0,
+      children: [
+        icon && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-empty-state-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: icon, size: 18 }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-empty-state-title", children: title }),
+        children && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-empty-state-detail", children }),
+        actions2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-empty-state-actions", children: actions2 })
+      ]
+    }
+  );
+}
+function ProgressBar({ label = "Working" }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-progress", role: "progressbar", "aria-label": label, children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-progress-bar" }) });
+}
+function BusyDot({ label }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-busy-dot", role: label ? "img" : void 0, "aria-label": label, children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {}) });
+}
+function PageHeader({ title, backLabel, onBack, meta, actions: actions2 }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { className: "sp-page-header", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { type: "button", className: "sp-page-back", onClick: onBack, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: "arrow-left", size: 14 }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: backLabel })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-page-header-sep", "aria-hidden": "true", children: "/" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "sp-page-title", children: title }),
+    meta && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-page-meta", children: meta }),
+    actions2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-page-actions", children: actions2 })
+  ] });
+}
+function ToggleChip({
+  checked,
+  onChange,
+  icon,
+  children,
+  title,
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-label": ariaLabel,
+      title,
+      className: `sp-chip${checked ? " on" : ""}`,
+      onClick: () => onChange(!checked),
+      children: [
+        icon && /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { name: icon, size: 12 }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-chip-label", children })
+      ]
+    }
+  );
+}
 const OPTIONAL_DRIVERS = [
   {
     connectorType: "snowflake",
@@ -149971,7 +150189,7 @@ function schemaForConnectionMode(schema, connectorId, mode) {
     }
   };
 }
-const ConnectionsManager = ({ initialAdd = false }) => {
+const ConnectionsManager = ({ initialAdd = false, onSubpageChange }) => {
   const { callServerTool, isReady, mode, sendMessage, onMessage } = useHostContext();
   const supportsActiveConnection = mode === "vscode";
   const trackUi = useTrackUi();
@@ -149999,6 +150217,7 @@ const ConnectionsManager = ({ initialAdd = false }) => {
   const [isPopoverOpen, setIsPopoverOpen] = reactExports.useState(false);
   const switcherWrapRef = reactExports.useRef(null);
   const isFormVisible = isFormOpen || !!selectedConnectionId;
+  reactExports.useEffect(() => onSubpageChange == null ? void 0 : onSubpageChange(isFormVisible), [isFormVisible, onSubpageChange]);
   reactExports.useEffect(() => {
     if (isFormVisible) {
       trackUi("ui_state_shown", { state: "connection_form" });
@@ -150040,7 +150259,6 @@ const ConnectionsManager = ({ initialAdd = false }) => {
       }
       setConnectionsUnreachable(false);
     } catch (e2) {
-      console.error("Failed to fetch data:", e2);
       setConnectionsUnreachable(true);
     } finally {
       setIsLoading(false);
@@ -150050,7 +150268,16 @@ const ConnectionsManager = ({ initialAdd = false }) => {
     fetchData();
   }, [fetchData]);
   reactExports.useEffect(() => {
-    if (!onMessage) return;
+    if (!connectionsUnreachable) {
+      return;
+    }
+    const timer = setInterval(() => void fetchData(), 5e3);
+    return () => clearInterval(timer);
+  }, [connectionsUnreachable, fetchData]);
+  reactExports.useEffect(() => {
+    if (!onMessage) {
+      return;
+    }
     return onMessage((msg) => {
       if ((msg == null ? void 0 : msg.type) === "connectionsImported" || (msg == null ? void 0 : msg.type) === "updateConfig") {
         void fetchData();
@@ -150223,7 +150450,9 @@ const ConnectionsManager = ({ initialAdd = false }) => {
     }
   };
   const handleDeleteConnection = (id, name) => {
-    if (!isReady) return;
+    if (!isReady) {
+      return;
+    }
     setPendingConfirm({
       title: "Delete connection",
       message: `Delete connection '${name}'? This can't be undone.`,
@@ -150334,6 +150563,23 @@ const ConnectionsManager = ({ initialAdd = false }) => {
     setSelectedType("");
     setToast(null);
   }, []);
+  reactExports.useEffect(() => {
+    if (!isFormVisible) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape" || pendingConfirm) {
+        return;
+      }
+      const target = event.target;
+      if (target instanceof Element && target.closest("input, select, textarea")) {
+        return;
+      }
+      closeForm();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [isFormVisible, pendingConfirm, closeForm]);
   reactExports.useEffect(() => {
     function handleClickOutside(event) {
       if (isPopoverOpen && switcherWrapRef.current && !switcherWrapRef.current.contains(event.target)) {
@@ -150352,7 +150598,9 @@ const ConnectionsManager = ({ initialAdd = false }) => {
   );
   const emptyFormInitialData = reactExports.useMemo(() => ({}), []);
   const renderToast = () => {
-    if (!toast) return null;
+    if (!toast) {
+      return null;
+    }
     const advice = toast.advice;
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
@@ -150456,71 +150704,62 @@ const ConnectionsManager = ({ initialAdd = false }) => {
     }
     return null;
   };
-  const renderConnectionForm = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-detail", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-header", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-detail-kicker", children: "Add connection" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { className: "sp-conn-detail-title", children: "New connection" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: closeForm, "aria-label": "Cancel", children: "Cancel" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
-      renderToast(),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-section", children: "Database Type" }),
-      ["local", "server"].map((group) => {
-        const groupConnectors = connectors.filter((c) => getConnectorGroup(c.id) === group);
-        if (groupConnectors.length === 0) return null;
-        return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$2.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-type-group-label", id: `sp-conn-type-group-${group}`, children: CONNECTOR_GROUP_LABELS[group] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "div",
-            {
-              className: "sp-conn-type-grid",
-              role: "group",
-              "aria-labelledby": `sp-conn-type-group-${group}`,
-              children: groupConnectors.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "button",
-                {
-                  type: "button",
-                  className: `sp-conn-type-card${selectedType === c.id ? " selected" : ""}`,
-                  onClick: () => {
-                    setSelectedType(c.id);
-                    trackUi("first_value_step", {
-                      step: "connector_selected",
-                      outcome: "success"
-                    });
-                  },
-                  "aria-pressed": selectedType === c.id,
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-card-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectorGlyph, { type: c.id }) }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-card-name", children: c.displayName || c.id })
-                  ]
+  const renderConnectionForm = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-detail", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
+    renderToast(),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-section", children: "Database Type" }),
+    ["local", "server"].map((group) => {
+      const groupConnectors = connectors.filter((c) => getConnectorGroup(c.id) === group);
+      if (groupConnectors.length === 0) {
+        return null;
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(React$2.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-type-group-label", id: `sp-conn-type-group-${group}`, children: CONNECTOR_GROUP_LABELS[group] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: "sp-conn-type-grid",
+            role: "group",
+            "aria-labelledby": `sp-conn-type-group-${group}`,
+            children: groupConnectors.map((c) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                className: `sp-conn-type-card${selectedType === c.id ? " selected" : ""}`,
+                onClick: () => {
+                  setSelectedType(c.id);
+                  trackUi("first_value_step", {
+                    step: "connector_selected",
+                    outcome: "success"
+                  });
                 },
-                c.id
-              ))
-            }
-          )
-        ] }, group);
-      }),
-      activeSchemaDef && activeFormSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DynamicForm,
-        {
-          schema: { ...activeFormSchema, type: "object" },
-          initialData: emptyFormInitialData,
-          onSubmit: (formData) => handleSaveConnection(formData),
-          onTest: (formData) => handleTestFormData(formData),
-          onCancel: closeForm,
-          isSubmitting: isLoading
-        }
-      ) : selectedType ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-hint", style: { color: "var(--sp-error)" }, children: "This connector does not define a configuration schema." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-empty sp-conn-empty-compact", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-empty-text", children: "Choose a database type to begin." }) })
-    ] })
-  ] });
+                "aria-pressed": selectedType === c.id,
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-card-icon", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectorGlyph, { type: c.id }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-card-name", children: c.displayName || c.id })
+                ]
+              },
+              c.id
+            ))
+          }
+        )
+      ] }, group);
+    }),
+    activeSchemaDef && activeFormSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DynamicForm,
+      {
+        schema: { ...activeFormSchema, type: "object" },
+        initialData: emptyFormInitialData,
+        onSubmit: (formData) => handleSaveConnection(formData),
+        onTest: (formData) => handleTestFormData(formData),
+        onCancel: closeForm,
+        isSubmitting: isLoading
+      }
+    ) : selectedType ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-hint sp-conn-schema-error", children: "This connector does not define a configuration schema." }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-empty sp-conn-empty-compact", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-empty-text", children: "Choose a database type to begin." }) })
+  ] }) });
   const renderConnectionDetails = () => {
     if (!selectedConnection) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-detail", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-empty sp-conn-empty-compact", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-empty-text", children: "Select a connection to view details, test it, or use it for queries." }) }) });
     }
-    const status = statuses[selectedConnection.id] || "unknown";
-    const isActive = supportsActiveConnection && activeConnectionId === selectedConnection.id;
     const schemaDef = connectors.find((c) => c.id === selectedConnection.type);
     const canManagePassword = supportsActiveConnection && schemaHasPasswordField(schemaDef == null ? void 0 : schemaDef.schema);
     const editSchema = (schemaDef == null ? void 0 : schemaDef.schema) && canManagePassword ? schemaWithoutPasswordField(schemaDef.schema) : schemaDef == null ? void 0 : schemaDef.schema;
@@ -150564,78 +150803,22 @@ const ConnectionsManager = ({ initialAdd = false }) => {
         ] })
       ] });
     };
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-detail", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-detail", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
+      renderToast(),
+      modeAwareEditSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        DynamicForm,
         {
-          className: "sp-conn-detail-header",
-          style: {
-            display: "flex",
-            justifyContent: "space-between",
-            alignItems: "center",
-            flexWrap: "wrap",
-            gap: "16px",
-            paddingBottom: "16px",
-            borderBottom: "1px solid var(--sp-border)",
-            marginBottom: "16px"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px", flexWrap: "wrap" }, children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: 600, fontSize: "14px", color: "var(--sp-fg)" }, children: selectedConnection ? "Edit Connection" : "New Connection" }),
-              selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-badge", children: selectedConnection.type }),
-                isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-active-badge", children: "Active" }),
-                selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Built-in" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                className: "sp-conn-detail-actions",
-                style: { display: "flex", gap: "8px", flexWrap: "wrap" },
-                children: [
-                  supportsActiveConnection && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      className: `sp-btn${isActive ? " sp-btn-primary" : ""}`,
-                      onClick: () => handleSetActiveConnection(selectedConnection),
-                      disabled: isActive || status === "testing",
-                      "aria-label": `Set ${selectedConnection.name} as the active connection for queries`,
-                      children: isActive ? "Active" : "Set active"
-                    }
-                  ),
-                  !selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      className: "sp-btn sp-btn-ghost-danger",
-                      onClick: () => handleDeleteConnection(selectedConnection.id, selectedConnection.name),
-                      "aria-label": `Delete connection ${selectedConnection.name}`,
-                      children: "Delete"
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-detail-body", children: [
-        renderToast(),
-        modeAwareEditSchema ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-          DynamicForm,
-          {
-            schema: { ...modeAwareEditSchema, type: "object" },
-            initialData: selectedFormInitialData,
-            onSubmit: (formData) => handleSaveConnection(formData, selectedConnection),
-            onTest: (formData) => handleTestFormData(formData, selectedConnection),
-            isSubmitting: isLoading,
-            renderAfterField: renderPasswordManagementField,
-            actionStatus: renderConnectionStatusMessage(selectedConnection),
-            submitFeedback: lastSavedConnectionId === selectedConnection.id ? "Saved successfully" : void 0
-          }
-        ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-hint", style: { color: "var(--sp-error)" }, children: "This connector does not define a configuration schema." })
-      ] })
-    ] });
+          schema: { ...modeAwareEditSchema, type: "object" },
+          initialData: selectedFormInitialData,
+          onSubmit: (formData) => handleSaveConnection(formData, selectedConnection),
+          onTest: (formData) => handleTestFormData(formData, selectedConnection),
+          isSubmitting: isLoading,
+          renderAfterField: renderPasswordManagementField,
+          actionStatus: renderConnectionStatusMessage(selectedConnection),
+          submitFeedback: lastSavedConnectionId === selectedConnection.id ? "Saved successfully" : void 0
+        }
+      ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-form-hint sp-conn-schema-error", children: "This connector does not define a configuration schema." })
+    ] }) });
   };
   const renderGrid = () => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-grid-view", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-head", style: { marginBottom: 16 }, children: [
@@ -150701,7 +150884,11 @@ const ConnectionsManager = ({ initialAdd = false }) => {
           gap: "12px"
         },
         children: connections.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-empty", style: { gridColumn: "1 / -1" }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: connectionsUnreachable ? "Can't reach the Grain engine right now. Your connections are saved on disk and will reappear once it reconnects." : "No connections configured." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: connectionsUnreachable ? "Can't reach Grain. Start Grain and try again." : "No connections configured." }),
+          connectionsUnreachable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginTop: 12, display: "flex", gap: 8 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: fetchData, children: "Retry" }),
+            mode === "vscode" && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: () => sendMessage == null ? void 0 : sendMessage("startGrain"), children: "Start Grain" })
+          ] }),
           mode === "vscode" && !connectionsUnreachable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -150791,30 +150978,45 @@ const ConnectionsManager = ({ initialAdd = false }) => {
       }
     )
   ] });
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-conn-page", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn", children: !isFormOpen && !selectedConnectionId ? renderGrid() : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: isFormVisible ? "sp-conn-subpage" : "sp-conn-page", children: [
+    isFormVisible ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
+        PageHeader,
         {
-          className: "sp-btn",
-          onClick: closeForm,
-          style: { marginBottom: 12, alignSelf: "flex-start" },
-          children: "← Back to connections"
+          backLabel: "Connections",
+          onBack: closeForm,
+          title: isFormOpen ? "New connection" : (selectedConnection == null ? void 0 : selectedConnection.name) ?? "Connection",
+          meta: selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-type-badge", children: selectedConnection.type }),
+            supportsActiveConnection && activeConnectionId === selectedConnection.id && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-active-badge", children: "Active" }),
+            selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-conn-built-in-label", children: "Built-in" })
+          ] }),
+          actions: isFormOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", onClick: closeForm, "aria-label": "Cancel", children: "Cancel" }) : selectedConnection && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            supportsActiveConnection && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "ghost",
+                onClick: () => handleSetActiveConnection(selectedConnection),
+                disabled: activeConnectionId === selectedConnection.id || statuses[selectedConnection.id] === "testing",
+                "aria-label": `Set ${selectedConnection.name} as the active connection for queries`,
+                children: activeConnectionId === selectedConnection.id ? "Active" : "Set active"
+              }
+            ),
+            !selectedConnection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "secondary",
+                className: "sp-btn-ghost-danger",
+                onClick: () => handleDeleteConnection(selectedConnection.id, selectedConnection.name),
+                "aria-label": `Delete connection ${selectedConnection.name}`,
+                children: "Delete"
+              }
+            )
+          ] })
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "section",
-        {
-          "aria-label": "Connection details",
-          style: {
-            background: "var(--sp-bg)",
-            border: "1px solid var(--sp-border)",
-            borderRadius: 6
-          },
-          children: isFormOpen ? renderConnectionForm() : renderConnectionDetails()
-        }
-      )
-    ] }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn-subpage-body", children: /* @__PURE__ */ jsxRuntimeExports.jsx("section", { "aria-label": "Connection details", className: "sp-conn-subpage-column", children: isFormOpen ? renderConnectionForm() : renderConnectionDetails() }) })
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-conn", children: renderGrid() }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ConfirmDialog,
       {
@@ -150831,6 +151033,33 @@ const ConnectionsManager = ({ initialAdd = false }) => {
     )
   ] });
 };
+const OPTIONS = [
+  ["inherit", "Inherit"],
+  ["grain-light", "Grain Light"],
+  ["grain-dark", "Grain Dark"]
+];
+function PanelThemeSetting({
+  value,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Theme" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Inherit follows VS Code. Grain themes use the brand palette." })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-segmented", role: "group", "aria-label": "Panel theme", children: OPTIONS.map(([option, label]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        className: `sp-segmented-item${value === option ? " active" : ""}`,
+        "aria-pressed": value === option,
+        onClick: () => onChange(option),
+        children: label
+      },
+      option
+    )) })
+  ] });
+}
 const FONT_SIZE_MIN = 8;
 const FONT_SIZE_MAX = 20;
 function formatFontSize(fontSize) {
@@ -150890,6 +151119,68 @@ function mcpHttpClientConfig(mcpServerUrl, mcpAuthToken) {
   }
 }`;
 }
+const GROUPS = [
+  {
+    key: "query",
+    label: "Query execution",
+    description: "Run SQL, inspect result tabs, and manage long-running work."
+  },
+  {
+    key: "connections",
+    label: "Connections",
+    description: "Discover connector types and manage saved connection profiles."
+  },
+  {
+    key: "catalog",
+    label: "Catalog",
+    description: "Browse schemas, tables, views, and column metadata."
+  },
+  {
+    key: "charts",
+    label: "Charts",
+    description: "Render result charts and save them as workspace documents."
+  },
+  {
+    key: "ledger",
+    label: "Execution ledger",
+    description: "Check the local record of executed queries."
+  },
+  {
+    key: "sessions",
+    label: "Sessions",
+    description: "Inspect active assistant sessions and their open result tabs."
+  }
+];
+const TOOL_ENTRIES = {
+  run_query: ["query", "Execute SQL and open the result in a tab."],
+  get_tab_info: ["query", "Read tab status, columns, rows, and errors."],
+  cancel_query: ["query", "Stop a query that is still running."],
+  close_tab: ["query", "Close a tab from an MCP session."],
+  list_connectors: ["connections", "Show available connector types and schemas."],
+  list_connections: ["connections", "Show saved connection profiles."],
+  save_connection: ["connections", "Create or update a connection profile."],
+  request_connection_credentials: ["connections", "Ask the user to enter a connection password."],
+  test_connection: ["connections", "Verify a saved or draft profile."],
+  delete_connection: ["connections", "Remove a saved profile."],
+  list_schemas: ["catalog", "List schemas for a stored connection."],
+  list_tables: ["catalog", "List tables and views in a schema."],
+  describe_table: ["catalog", "Show column details for a table."],
+  render_chart: ["charts", "Render a chart from a result tab."],
+  save_chart: ["charts", "Save a chart document into the workspace."],
+  list_charts: ["charts", "List chart documents saved in the workspace."],
+  ledger_stats: ["ledger", "Show ledger health and counts."],
+  verify_ledger: ["ledger", "Verify the ledger hash chain."],
+  list_sessions: ["sessions", "Show active MCP sessions and their tabs."],
+  record_ui_event: null
+};
+const MCP_TOOL_GROUPS = GROUPS.map((group) => ({
+  label: group.label,
+  description: group.description,
+  tools: ALL_TOOLS.flatMap((name) => {
+    const entry = TOOL_ENTRIES[name];
+    return entry && entry[0] === group.key ? [[name, entry[1]]] : [];
+  })
+}));
 const DUMMY_PREVIEW_DATA = {
   query: "SELECT * FROM preview_data",
   columns: [
@@ -150961,43 +151252,6 @@ const MCP_LOGO = /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 1
     }
   )
 ] });
-const MCP_TOOL_GROUPS = [
-  {
-    label: "Query execution",
-    description: "Run SQL, inspect result tabs, and manage long-running work.",
-    tools: [
-      ["run_query", "Execute SQL and open the result in a tab."],
-      ["get_tab_info", "Read tab status, columns, rows, and errors."],
-      ["cancel_query", "Stop a query that is still running."],
-      ["close_tab", "Close a tab from an MCP session."]
-    ]
-  },
-  {
-    label: "Connections",
-    description: "Discover connector types and manage saved connection profiles.",
-    tools: [
-      ["list_connectors", "Show available connector types and schemas."],
-      ["list_connections", "Show saved connection profiles."],
-      ["save_connection", "Create or update a connection profile."],
-      ["test_connection", "Verify a saved or draft profile."],
-      ["delete_connection", "Remove a saved profile."]
-    ]
-  },
-  {
-    label: "Catalog",
-    description: "Browse schemas, tables, views, and column metadata.",
-    tools: [
-      ["list_schemas", "List schemas for a stored connection."],
-      ["list_tables", "List tables and views in a schema."],
-      ["describe_table", "Show column details for a table."]
-    ]
-  },
-  {
-    label: "Sessions",
-    description: "Inspect active assistant sessions and their open result tabs.",
-    tools: [["list_sessions", "Show active MCP sessions and their tabs."]]
-  }
-];
 const PREVIEW_MAX_WIDTH = (() => {
   const gutterWidth = 42;
   const colWidths = DUMMY_PREVIEW_DATA.columns.reduce((sum2, col) => {
@@ -151031,6 +151285,7 @@ function SettingsPanel({ onSave, onClose, onShowWelcome, initialTab = "general"
   }, [trackUi]);
   const {
     theme: theme2,
+    panelTheme,
     copyIncludesHeaders,
     setCopyIncludesHeaders,
     fontSize,
@@ -151064,6 +151319,9 @@ function SettingsPanel({ onSave, onClose, onShowWelcome, initialTab = "general"
   const showMcpTab = isStandalone || mcpEntitled;
   const actualInitialTab = !showMcpTab && initialTab === "mcp" ? "general" : initialTab;
   const [activeTab, setActiveTab] = reactExports.useState(actualInitialTab);
+  const [connectionsSubpage, setConnectionsSubpage] = reactExports.useState(
+    connectionsInitialAdd && actualInitialTab === "connections"
+  );
   const [fontSizeError, setFontSizeError] = reactExports.useState(null);
   const [testMcpStatus, setTestMcpStatus] = reactExports.useState(null);
   reactExports.useEffect(() => {
@@ -151205,7 +151463,7 @@ function SettingsPanel({ onSave, onClose, onShowWelcome, initialTab = "general"
     }, 1e4);
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-page", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-page-header", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-header-row", children: [
+    !(connectionsSubpage && activeTab === "connections") && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-page-header", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-header-row", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-title-group", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           "button",
@@ -151226,7 +151484,7 @@ function SettingsPanel({ onSave, onClose, onShowWelcome, initialTab = "general"
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-settings-page-title", children: "Settings" })
       ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
         "div",
         {
           className: "sp-tab-bar-tabs sp-settings-tabs",
@@ -151234,455 +151492,445 @@ function SettingsPanel({ onSave, onClose, onShowWelcome, initialTab = "general"
           "aria-label": "Settings sections",
           onKeyDown: handleTabListKeyDown,
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                role: "tab",
-                id: "sp-settings-tab-general",
-                "aria-controls": "sp-settings-panel-general",
-                "aria-selected": activeTab === "general",
-                tabIndex: activeTab === "general" ? 0 : -1,
-                className: `sp-tab${activeTab === "general" ? " active" : ""}`,
-                onClick: () => setActiveTab("general"),
-                children: "General"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                role: "tab",
-                id: "sp-settings-tab-connections",
-                "aria-controls": "sp-settings-panel-connections",
-                "aria-selected": activeTab === "connections",
-                tabIndex: activeTab === "connections" ? 0 : -1,
-                className: `sp-tab${activeTab === "connections" ? " active" : ""}`,
-                onClick: () => setActiveTab("connections"),
-                children: "Connections"
-              }
-            ),
-            showMcpTab && /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                role: "tab",
-                id: "sp-settings-tab-mcp",
-                "aria-controls": "sp-settings-panel-mcp",
-                "aria-selected": activeTab === "mcp",
-                tabIndex: activeTab === "mcp" ? 0 : -1,
-                className: `sp-tab${activeTab === "mcp" ? " active" : ""}`,
-                onClick: () => setActiveTab("mcp"),
-                children: "MCP Server"
-              }
-            )
-          ]
+            ["general", "General"],
+            ["connections", "Connections"],
+            ...showMcpTab ? [["mcp", "MCP Server"]] : []
+          ].map(([tab, label]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              id: `sp-settings-tab-${tab}`,
+              "aria-controls": `sp-settings-panel-${tab}`,
+              "aria-selected": activeTab === tab,
+              tabIndex: activeTab === tab ? 0 : -1,
+              className: `sp-tab${activeTab === tab ? " active" : ""}`,
+              onClick: () => setActiveTab(tab),
+              children: label
+            },
+            tab
+          ))
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-page-body", children: [
-      activeTab === "general" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "sp-settings-layout",
-          role: "tabpanel",
-          id: "sp-settings-panel-general",
-          "aria-labelledby": "sp-settings-tab-general",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-main", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Results" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Copy includes headers" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      className: "sp-settings-check",
-                      checked: copyIncludesHeaders,
-                      onChange: (e2) => setCopyIncludesHeaders(e2.target.checked)
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Max rows to display" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Rows fetched per query. Increase for larger exports." })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "input",
-                    {
-                      type: "number",
-                      className: "sp-settings-input",
-                      value: localMaxRows,
-                      min: 1,
-                      max: 1e5,
-                      placeholder: "e.g. 1000",
-                      onChange: (e2) => handleMaxRowsChange(e2.target.value),
-                      onBlur: handleMaxRowsDone,
-                      onKeyDown: (e2) => {
-                        if (e2.key === "Enter") handleMaxRowsDone();
-                      }
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Display" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Row density" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Height of grid rows." })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-density-group", role: "group", "aria-label": "Row density", children: ["compact", "normal", "comfortable"].map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      className: `sp-icon-btn${rowDensity === d ? " active" : ""}`,
-                      onClick: () => {
-                        setRowDensity(d);
-                        onSave({ rowHeight: d });
-                      },
-                      title: getDensityLabel(d),
-                      "aria-label": `${getDensityLabel(d)} row density`,
-                      "aria-pressed": rowDensity === d,
-                      children: DENSITY_ICONS[d]
-                    },
-                    d
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Font size" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Results grid font size. Leave blank to inherit." })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `sp-settings-page-body${connectionsSubpage && activeTab === "connections" ? " sp-settings-page-body-subpage" : ""}`,
+        children: [
+          activeTab === "general" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: "sp-settings-layout",
+              role: "tabpanel",
+              id: "sp-settings-panel-general",
+              "aria-labelledby": "sp-settings-tab-general",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-main", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Results" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Copy includes headers" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "input",
+                        {
+                          type: "checkbox",
+                          className: "sp-settings-check",
+                          checked: copyIncludesHeaders,
+                          onChange: (e2) => setCopyIncludesHeaders(e2.target.checked)
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Max rows to display" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Rows fetched per query. Increase for larger exports." })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "input",
+                        {
+                          type: "number",
+                          className: "sp-settings-input",
+                          value: localMaxRows,
+                          min: 1,
+                          max: 1e5,
+                          placeholder: "e.g. 1000",
+                          onChange: (e2) => handleMaxRowsChange(e2.target.value),
+                          onBlur: handleMaxRowsDone,
+                          onKeyDown: (e2) => {
+                            if (e2.key === "Enter") handleMaxRowsDone();
+                          }
+                        }
+                      )
+                    ] })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "input",
-                    {
-                      type: "number",
-                      className: "sp-settings-input",
-                      value: localFontSize,
-                      min: FONT_SIZE_MIN,
-                      max: FONT_SIZE_MAX,
-                      placeholder: "Inherit",
-                      onChange: (e2) => {
-                        handleFontSizeChange(e2.target.value);
-                      },
-                      onBlur: handleFontSizeDone,
-                      onKeyDown: (e2) => {
-                        if (e2.key === "Enter") handleFontSizeDone();
-                      }
-                    }
-                  )
-                ] }),
-                fontSizeError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-validation-error", role: "alert", children: fontSizeError })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Privacy" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "label",
-                  {
-                    className: "sp-settings-row",
-                    title: isStandalone ? "Telemetry is sent by the VS Code extension; this browser tab has no sender to control." : void 0,
-                    children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Display" }),
+                    mode === "vscode" && /* @__PURE__ */ jsxRuntimeExports.jsx(PanelThemeSetting, { value: panelTheme, onChange: (t) => onSave({ panelTheme: t }) }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Row density" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Height of grid rows." })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-density-group", role: "group", "aria-label": "Row density", children: ["compact", "normal", "comfortable"].map((d) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          className: `sp-icon-btn${rowDensity === d ? " active" : ""}`,
+                          onClick: () => {
+                            setRowDensity(d);
+                            onSave({ rowHeight: d });
+                          },
+                          title: getDensityLabel(d),
+                          "aria-label": `${getDensityLabel(d)} row density`,
+                          "aria-pressed": rowDensity === d,
+                          children: DENSITY_ICONS[d]
+                        },
+                        d
+                      )) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Product telemetry" }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: isStandalone ? "Set from the VS Code extension — this browser tab doesn't send telemetry itself." : "Anonymous usage metrics only. SQL, results, credentials, names, and paths are never sent." })
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Font size" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Results grid font size. Leave blank to inherit." })
                       ] }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
                         "input",
                         {
-                          type: "checkbox",
-                          className: "sp-settings-check",
-                          checked: localTelemetryEnabled,
-                          disabled: isStandalone,
+                          type: "number",
+                          className: "sp-settings-input",
+                          value: localFontSize,
+                          min: FONT_SIZE_MIN,
+                          max: FONT_SIZE_MAX,
+                          placeholder: "Inherit",
                           onChange: (e2) => {
-                            setLocalTelemetryEnabled(e2.target.checked);
-                            onSave({ telemetryEnabled: e2.target.checked });
+                            handleFontSizeChange(e2.target.value);
+                          },
+                          onBlur: handleFontSizeDone,
+                          onKeyDown: (e2) => {
+                            if (e2.key === "Enter") handleFontSizeDone();
                           }
                         }
                       )
-                    ]
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "About" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Grain version" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-hint", children: [
-                      "Installed: ",
-                      currentVersion ? `v${currentVersion}` : "Checking…",
-                      !isStandalone && (latestVersion ? ` · Latest: v${latestVersion}` : " · Checking for updates…")
                     ] }),
-                    updateAvailable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-version-update", children: "An update is available." })
+                    fontSizeError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-validation-error", role: "alert", children: fontSizeError })
                   ] }),
-                  isStandalone ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "a",
-                    {
-                      className: "sp-btn",
-                      href: "https://github.com/pattrnlabs/grain/releases",
-                      target: "_blank",
-                      rel: "noreferrer",
-                      title: "This daemon can run standalone or inside VS Code; check the releases page for the latest version.",
-                      children: "View Releases"
-                    }
-                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: "sp-btn",
-                      onClick: () => sendMessage("openExtensionPage", {}),
-                      children: updateAvailable ? "Open Update" : "Open Extension"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Welcome guide" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Reopen setup help, latest highlights, and the getting-started checklist." })
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Privacy" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                      "label",
+                      {
+                        className: "sp-settings-row",
+                        title: isStandalone ? "Telemetry is sent by the VS Code extension; this browser tab has no sender to control." : void 0,
+                        children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Product telemetry" }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: isStandalone ? "Set from the VS Code extension — this browser tab doesn't send telemetry itself." : "Anonymous usage metrics only. SQL, results, credentials, names, and paths are never sent." })
+                          ] }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            "input",
+                            {
+                              type: "checkbox",
+                              className: "sp-settings-check",
+                              checked: localTelemetryEnabled,
+                              disabled: isStandalone,
+                              onChange: (e2) => {
+                                setLocalTelemetryEnabled(e2.target.checked);
+                                onSave({ telemetryEnabled: e2.target.checked });
+                              }
+                            }
+                          )
+                        ]
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-btn", onClick: onShowWelcome, children: "View welcome guide" })
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "aside",
-              {
-                className: "sp-settings-preview",
-                style: { maxWidth: PREVIEW_MAX_WIDTH },
-                "aria-label": "Settings change preview",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-preview-header", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Live preview" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-preview-note", children: "Grid preview" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "About" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Grain version" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-hint", children: [
+                          "Installed: ",
+                          currentVersion ? `v${currentVersion}` : "Checking…",
+                          !isStandalone && (latestVersion ? ` · Latest: v${latestVersion}` : " · Checking for updates…")
+                        ] }),
+                        updateAvailable && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-version-update", children: "An update is available." })
+                      ] }),
+                      isStandalone ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "a",
+                        {
+                          className: "sp-btn",
+                          href: "https://github.com/pattrnlabs/grain/releases",
+                          target: "_blank",
+                          rel: "noreferrer",
+                          title: "This daemon can run standalone or inside VS Code; check the releases page for the latest version.",
+                          children: "View Releases"
+                        }
+                      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          className: "sp-btn",
+                          onClick: () => sendMessage("openExtensionPage", {}),
+                          children: updateAvailable ? "Open Update" : "Open Extension"
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Welcome guide" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Reopen setup help, latest highlights, and the getting-started checklist." })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-btn", onClick: onShowWelcome, children: "View welcome guide" })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "aside",
+                  {
+                    className: "sp-settings-preview",
+                    style: { maxWidth: PREVIEW_MAX_WIDTH },
+                    "aria-label": "Settings change preview",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-preview-header", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Live preview" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-preview-note", children: "Grid preview" })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-preview-body", style: previewFontSizeStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        DataGrid,
+                        {
+                          theme: theme2,
+                          data: DUMMY_PREVIEW_DATA,
+                          copyIncludesHeaders,
+                          density: rowDensity,
+                          domLayout: "normal",
+                          disableFilters: true
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "sp-settings-preview-copy", children: [
+                        "Copy output will include",
+                        " ",
+                        copyIncludesHeaders ? "column headers and rows" : "rows only",
+                        "."
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          activeTab === "connections" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              className: connectionsSubpage ? "sp-settings-conn-panel-subpage" : void 0,
+              role: "tabpanel",
+              id: "sp-settings-panel-connections",
+              "aria-labelledby": connectionsSubpage ? void 0 : "sp-settings-tab-connections",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ConnectionsManager,
+                {
+                  theme: theme2,
+                  initialAdd: connectionsInitialAdd,
+                  onSubpageChange: setConnectionsSubpage
+                }
+              )
+            }
+          ),
+          activeTab === "mcp" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              className: "sp-settings-layout",
+              role: "tabpanel",
+              id: "sp-settings-panel-mcp",
+              "aria-labelledby": "sp-settings-tab-mcp",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-main", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card sp-settings-mcp-card", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-mcp-hero", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-mcp-logo", children: MCP_LOGO }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Model Context Protocol" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-settings-mcp-description", children: "Enable the MCP server to allow AI assistants like Claude Desktop to connect to your databases." })
+                    ] })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-preview-body", style: previewFontSizeStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    DataGrid,
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    "label",
                     {
-                      theme: theme2,
-                      data: DUMMY_PREVIEW_DATA,
-                      copyIncludesHeaders,
-                      density: rowDensity,
-                      domLayout: "normal",
-                      disableFilters: true
+                      className: "sp-settings-row",
+                      title: isStandalone ? "This daemon always serves the MCP endpoint while running; disabling it here would have no effect." : void 0,
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Enable MCP Server" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: isStandalone ? "This daemon always serves MCP over HTTP while it runs." : "Start a local MCP server alongside the extension." })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          "input",
+                          {
+                            type: "checkbox",
+                            className: "sp-settings-check",
+                            checked: isStandalone ? true : localMcpEnabled,
+                            disabled: isStandalone,
+                            onChange: (e2) => {
+                              setLocalMcpEnabled(e2.target.checked);
+                              onSave({ mcpEnabled: e2.target.checked });
+                            }
+                          }
+                        )
+                      ]
                     }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "sp-settings-preview-copy", children: [
-                    "Copy output will include",
-                    " ",
-                    copyIncludesHeaders ? "column headers and rows" : "rows only",
-                    "."
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      activeTab === "connections" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          role: "tabpanel",
-          id: "sp-settings-panel-connections",
-          "aria-labelledby": "sp-settings-tab-connections",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ConnectionsManager, { theme: theme2, initialAdd: connectionsInitialAdd })
-        }
-      ),
-      activeTab === "mcp" && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          className: "sp-settings-layout",
-          role: "tabpanel",
-          id: "sp-settings-panel-mcp",
-          "aria-labelledby": "sp-settings-tab-mcp",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-main", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-card sp-settings-mcp-card", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-mcp-hero", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-mcp-logo", children: MCP_LOGO }),
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "Model Context Protocol" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-settings-mcp-description", children: "Enable the MCP server to allow AI assistants like Claude Desktop to connect to your databases." })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                "label",
-                {
-                  className: "sp-settings-row",
-                  title: isStandalone ? "This daemon always serves the MCP endpoint while running; disabling it here would have no effect." : void 0,
-                  children: [
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Enable MCP Server" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: isStandalone ? "This daemon always serves MCP over HTTP while it runs." : "Start a local MCP server alongside the extension." })
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Safe mode" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Block agent writes. Your own editor queries are unaffected." })
                     ] }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "input",
                       {
                         type: "checkbox",
                         className: "sp-settings-check",
-                        checked: isStandalone ? true : localMcpEnabled,
-                        disabled: isStandalone,
+                        checked: localMcpSafeMode,
                         onChange: (e2) => {
-                          setLocalMcpEnabled(e2.target.checked);
-                          onSave({ mcpEnabled: e2.target.checked });
+                          setLocalMcpSafeMode(e2.target.checked);
+                          onSave({ mcpSafeMode: e2.target.checked });
                         }
                       }
                     )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Safe mode" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Block agent writes. Your own editor queries are unaffected." })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    className: "sp-settings-check",
-                    checked: localMcpSafeMode,
-                    onChange: (e2) => {
-                      setLocalMcpSafeMode(e2.target.checked);
-                      onSave({ mcpSafeMode: e2.target.checked });
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Confirm write queries" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Ask for confirmation before running a query that modifies data from the editor." })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    className: "sp-settings-check",
-                    checked: localConfirmWriteQueries,
-                    onChange: (e2) => {
-                      setLocalConfirmWriteQueries(e2.target.checked);
-                      onSave({ confirmWriteQueries: e2.target.checked });
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-fill", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Connection Test" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Verify the MCP server is running and reachable." }),
-                  testMcpStatus && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "div",
-                    {
-                      className: `sp-settings-status ${testMcpStatus.status}`,
-                      role: testMcpStatus.status === "error" ? "alert" : "status",
-                      children: testMcpStatus.message
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "sp-btn",
-                    onClick: handleTestMcp,
-                    "aria-label": "Test Local MCP",
-                    children: "Test MCP Server"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-fill", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Current Port" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Port the server is configured to listen on." })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-port", children: mcpPort || "Not configured" })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-fill", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Credential Storage" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "How database passwords are saved locally." })
-                ] }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-port", style: { fontSize: "0.85em", opacity: 0.8 }, children: credentialBackend === "keychain" ? "OS Keychain" : credentialBackend === "extension" ? "VS Code Secure Storage" : credentialBackend === "file" ? "Local File (Permission Protected)" : credentialBackend || "Unknown" })
-              ] })
-            ] }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "aside",
-              {
-                className: "sp-settings-preview sp-settings-mcp-guide",
-                "aria-label": "MCP setup guide",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-preview-header", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "MCP setup" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-preview-note", children: mcpStatusLabel })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Server URL" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpServerUrl, label: "Copy server URL" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "sp-settings-row", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Confirm write queries" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Ask for confirmation before running a query that modifies data from the editor." })
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sp-settings-code-line", children: mcpServerUrl })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "sp-settings-check",
+                        checked: localConfirmWriteQueries,
+                        onChange: (e2) => {
+                          setLocalConfirmWriteQueries(e2.target.checked);
+                          onSave({ confirmWriteQueries: e2.target.checked });
+                        }
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "If you installed the Grain CLI" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpClientConfigCli, label: "Copy CLI configuration" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-mcp-description", children: [
-                      "Run ",
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Grain: Install Grain CLI" }),
-                      " to add it to your PATH."
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-fill", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Connection Test" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Verify the MCP server is running and reachable." }),
+                      testMcpStatus && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "div",
+                        {
+                          className: `sp-settings-status ${testMcpStatus.status}`,
+                          role: testMcpStatus.status === "error" ? "alert" : "status",
+                          children: testMcpStatus.message
+                        }
+                      )
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-settings-code-block", "data-testid": "mcp-client-config-cli", children: mcpClientConfigCli })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "sp-btn",
+                        onClick: handleTestMcp,
+                        "aria-label": "Test Local MCP",
+                        children: "Test MCP Server"
+                      }
+                    )
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "If you only have the extension" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpClientConfigNpx, label: "Copy npx configuration" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-fill", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Current Port" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "Port the server is configured to listen on." })
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-mcp-description", children: "npx starts Grain without installing the CLI separately." }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-settings-code-block", "data-testid": "mcp-client-config-npx", children: mcpClientConfigNpx })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-port", children: mcpPort || "Not configured" })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "HTTP configuration (advanced)" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpHttpConfig, label: "Copy HTTP configuration" })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-divider" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row sp-settings-row-top", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-row-fill", children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Credential Storage" }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-hint", children: "How database passwords are saved locally." })
                     ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-mcp-description", children: "For clients that support custom headers, such as Cursor and VS Code. The token authorizes access to your connections and results — treat it like a password." }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-settings-code-block", "data-testid": "mcp-http-config", children: mcpHttpConfig })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Available tools" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-groups", children: MCP_TOOL_GROUPS.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "sp-settings-tool-group", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-tool-group-heading", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-group-title", children: group.label }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-group-description", children: group.description })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-port", style: { fontSize: "0.85em", opacity: 0.8 }, children: credentialBackend === "keychain" ? "OS Keychain" : credentialBackend === "extension" ? "VS Code Secure Storage" : credentialBackend === "file" ? "Local File (Permission Protected)" : credentialBackend || "Unknown" })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "aside",
+                  {
+                    className: "sp-settings-preview sp-settings-mcp-guide",
+                    "aria-label": "MCP setup guide",
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-preview-header", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-section-label", children: "MCP setup" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-preview-note", children: mcpStatusLabel })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Server URL" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpServerUrl, label: "Copy server URL" })
                         ] }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sp-settings-tool-count", children: [
-                          group.tools.length,
-                          " tool",
-                          group.tools.length === 1 ? "" : "s"
-                        ] })
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sp-settings-code-line", children: mcpServerUrl })
                       ] }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-list", children: group.tools.map(([name, description]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-tool-item", children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sp-settings-tool-name", children: name }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: description })
-                      ] }, name)) })
-                    ] }, group.label)) })
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] })
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "If you installed the Grain CLI" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpClientConfigCli, label: "Copy CLI configuration" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-mcp-description", children: [
+                          "Run ",
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: "Grain: Install Grain CLI" }),
+                          " to add it to your PATH."
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-settings-code-block", "data-testid": "mcp-client-config-cli", children: mcpClientConfigCli })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "If you only have the extension" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpClientConfigNpx, label: "Copy npx configuration" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-mcp-description", children: "npx starts Grain without installing the CLI separately." }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-settings-code-block", "data-testid": "mcp-client-config-npx", children: mcpClientConfigNpx })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section-header", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "HTTP configuration (advanced)" }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsCopyButton, { text: mcpHttpConfig, label: "Copy HTTP configuration" })
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-mcp-description", children: "For clients that support custom headers, such as Cursor and VS Code. The token authorizes access to your connections and results — treat it like a password." }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-settings-code-block", "data-testid": "mcp-http-config", children: mcpHttpConfig })
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-guide-section", children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-row-label", children: "Available tools" }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-groups", children: MCP_TOOL_GROUPS.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { className: "sp-settings-tool-group", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-tool-group-heading", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-group-title", children: group.label }),
+                              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-group-description", children: group.description })
+                            ] }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sp-settings-tool-count", children: [
+                              group.tools.length,
+                              " tool",
+                              group.tools.length === 1 ? "" : "s"
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-settings-tool-list", children: group.tools.map(([name, description]) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-settings-tool-item", children: [
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "sp-settings-tool-name", children: name }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: description })
+                          ] }, name)) })
+                        ] }, group.label)) })
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 const FEATURE_ICONS = {
@@ -151928,6 +152176,85 @@ function TabContextMenu({
     }
   );
 }
+function formatExecutionTime(ms) {
+  return ms < 1e3 ? `${Math.round(ms)} ms` : `${(ms / 1e3).toFixed(1)} s`;
+}
+function ElapsedTime({ since }) {
+  const [, setTick] = reactExports.useState(0);
+  reactExports.useEffect(() => {
+    const interval = setInterval(() => setTick((t) => t + 1), 100);
+    return () => clearInterval(interval);
+  }, []);
+  return (
+    // aria-hidden: this sits inside the loading live region; announcing every tick would spam screen readers.
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-loading-elapsed", "aria-hidden": "true", children: formatExecutionTime(Date.now() - since) })
+  );
+}
+function LoadingState({
+  since,
+  onCancel
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-loading", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ProgressBar, { label: "Running query" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EmptyState,
+      {
+        role: "status",
+        live: true,
+        title: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          "Running query…",
+          since != null && /* @__PURE__ */ jsxRuntimeExports.jsx(ElapsedTime, { since })
+        ] }),
+        actions: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "ghost",
+            icon: "stop",
+            onClick: onCancel,
+            "aria-label": "Cancel query execution",
+            children: "Cancel"
+          }
+        )
+      }
+    )
+  ] });
+}
+function QueryErrorState({
+  message,
+  onRerun,
+  onCopy,
+  rerunDisabled
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EmptyState,
+    {
+      icon: "alert",
+      tone: "error",
+      role: "alert",
+      title: "Query failed",
+      actions: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", icon: "play", onClick: onRerun, disabled: rerunDisabled, children: "Run again" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", icon: "copy", onClick: onCopy, children: "Copy error" })
+      ] }),
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: "sp-empty-state-message", children: message })
+    }
+  );
+}
+function NotPersistedState({
+  onRerun,
+  rerunDisabled
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    EmptyState,
+    {
+      icon: "refresh",
+      role: "status",
+      title: "Results from your last session weren't kept",
+      actions: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "primary", icon: "play", onClick: onRerun, disabled: rerunDisabled, children: "Run again" }),
+      children: "Grain keeps the query, not the rows, so VS Code stays light. Run it again to see results."
+    }
+  );
+}
 const LandingScreen = ({
   onNewConnection,
   onNewQueryFile,
@@ -151942,13 +152269,19 @@ const LandingScreen = ({
   } = useAppStore();
   const [fetchedConnName, setFetchedConnName] = reactExports.useState(null);
   const [fetchedConnType, setFetchedConnType] = reactExports.useState(null);
+  const [grainUnavailable, setGrainUnavailable] = reactExports.useState(false);
   reactExports.useEffect(() => {
-    if (!isReady || storeConnName) return;
+    if (!isReady || storeConnName) {
+      return;
+    }
     let mounted = true;
     (async () => {
       try {
         const result = await callServerTool("list_connections", {});
-        if (!mounted) return;
+        if (!mounted) {
+          return;
+        }
+        setGrainUnavailable(false);
         const connections = result == null ? void 0 : result.structuredContent;
         const active = Array.isArray(connections) ? connections.find((c) => c == null ? void 0 : c.activeForQueries) : null;
         if (active == null ? void 0 : active.name) {
@@ -151958,6 +152291,9 @@ const LandingScreen = ({
           setFetchedConnType(active.type);
         }
       } catch {
+        if (mounted) {
+          setGrainUnavailable(true);
+        }
       }
     })();
     return () => {
@@ -152004,6 +152340,10 @@ const LandingScreen = ({
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-landing-subtitle", children: "Execute SQL queries directly in your IDE." })
     ] }),
+    !hasActiveConnection && grainUnavailable && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-landing-active-connection", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Grain is stopped. Start Grain to see your connections." }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-btn", onClick: () => sendMessage("startGrain"), children: "Start Grain" })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
@@ -152098,20 +152438,6 @@ function parseOptionalDependencyDetails(details) {
   }
   return null;
 }
-function formatExecutionTime(ms) {
-  return ms < 1e3 ? `${Math.round(ms)} ms` : `${(ms / 1e3).toFixed(1)} s`;
-}
-function ElapsedTime({ since }) {
-  const [, setTick] = reactExports.useState(0);
-  reactExports.useEffect(() => {
-    const interval = setInterval(() => setTick((t) => t + 1), 100);
-    return () => clearInterval(interval);
-  }, []);
-  return (
-    // aria-hidden: this sits inside the loading live region; announcing every tick would spam screen readers.
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-loading-elapsed", "aria-hidden": "true", children: formatExecutionTime(Date.now() - since) })
-  );
-}
 function formatTabTooltip(tab) {
   var _a3;
   const lines = [tab.sql || ""];
@@ -152154,7 +152480,8 @@ function MultiTabLayout({ emptyState } = {}) {
     activeTabId,
     setActiveTab,
     closeTab,
-    theme: theme2,
+    theme: hostTheme,
+    panelTheme,
     updateTab,
     copyIncludesHeaders,
     rowDensity,
@@ -152181,9 +152508,12 @@ function MultiTabLayout({ emptyState } = {}) {
     setTabChartLayout
   } = useAppStore();
   const trackUi = useTrackUi();
+  const theme2 = panelTheme === "grain-dark" ? "dark" : panelTheme === "grain-light" ? "light" : hostTheme;
   const { mode, sendMessage, onMessage } = useHostContext();
   const gridRef = reactExports.useRef(null);
-  const [copyFeedback, setCopyFeedback] = reactExports.useState(null);
+  const [copyFeedback, setCopyFeedback] = reactExports.useState(
+    null
+  );
   const [contextMenu, setContextMenu] = reactExports.useState(null);
   const [sidePanel, setSidePanel] = reactExports.useState(null);
   const [pendingConfirm, setPendingConfirm] = reactExports.useState(null);
@@ -152471,6 +152801,7 @@ function MultiTabLayout({ emptyState } = {}) {
   const handleSaveSettings = (settings) => {
     sendMessage("saveSettings", { settings });
     applyConfig({
+      ...settings.panelTheme !== void 0 ? { panelTheme: settings.panelTheme } : {},
       ...settings.fontSize !== void 0 ? { fontSize: settings.fontSize > 0 ? settings.fontSize : null } : {},
       ...settings.maxRowsToDisplay !== void 0 ? { maxRowsToDisplay: settings.maxRowsToDisplay } : {},
       ...settings.telemetryEnabled !== void 0 ? { telemetryEnabled: settings.telemetryEnabled } : {},
@@ -152490,10 +152821,35 @@ function MultiTabLayout({ emptyState } = {}) {
     return navigator.clipboard.writeText(text);
   }, []);
   const optionalDependencyDetails = parseOptionalDependencyDetails(activeTab == null ? void 0 : activeTab.errorDetails);
-  const gearIcon = /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M8 4.754a3.246 3.246 0 100 6.492 3.246 3.246 0 000-6.492zM5.754 8a2.246 2.246 0 114.492 0 2.246 2.246 0 01-4.492 0z" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 01-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 01-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 01.52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 011.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 011.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 01.52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 01-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 01-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 002.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 001.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 00-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 00-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 00-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 001.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 003.06 4.474l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 002.692-1.115l.094-.319z" })
-  ] });
+  const showErrorState = Boolean(
+    (activeTab == null ? void 0 : activeTab.error) && !activeTab.result && !activeTab.isLoading && !optionalDependencyDetails
+  );
+  const handleCopyError = () => {
+    if (!(activeTab == null ? void 0 : activeTab.error)) return;
+    const text = activeTab.errorDetails ? `${activeTab.error}
+
+${activeTab.errorDetails}` : activeTab.error;
+    navigator.clipboard.writeText(text).then(() => {
+      setCopyFeedback("error");
+      setTimeout(() => setCopyFeedback(null), 2e3);
+    });
+  };
+  const fileFilterChip = activeFileName && activeFileUri && // The filter used to be invisible and unswitchable: focusing a .sql file
+  // silently hid every tab belonging to anything else, with no way back (#151).
+  /* @__PURE__ */ jsxRuntimeExports.jsx(
+    ToggleChip,
+    {
+      checked: filterResultsByActiveFile,
+      icon: "filter",
+      ariaLabel: `Only show results from ${activeFileName}`,
+      title: filterResultsByActiveFile ? `Showing only results from ${activeFileName}. Click to show every result tab.` : `Showing every result tab. Click to show only results from ${activeFileName}.`,
+      onChange: (next) => {
+        setFilterResultsByActiveFile(next);
+        sendMessage("saveSettings", { settings: { filterResultsByActiveFile: next } });
+      },
+      children: filterResultsByActiveFile ? activeFileName : "All results"
+    }
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `sp-app ${theme2 === "dark" ? "vscode-dark" : "vscode-light"}`, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-tab-bar", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-tab-bar-tabs", role: "tablist", "aria-label": "Result tabs", children: visibleTabs.map((tab) => {
@@ -152515,7 +152871,7 @@ function MultiTabLayout({ emptyState } = {}) {
             onKeyDown: (e2) => handleTabKeyDown(e2, tab.id),
             onContextMenu: (e2) => handleTabContextMenu(e2, tab.id),
             children: [
-              tab.isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-spinner" }),
+              tab.isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(BusyDot, { label: "Running" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-tab-label", title: formatTabTooltip(tab), children: tab.title }),
               showProvenance && tab.clientType && /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { id: `sp-tab-provenance-${tab.id}`, className: "sp-visually-hidden", children: formatTabTooltip(tab) }) }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -152535,68 +152891,16 @@ function MultiTabLayout({ emptyState } = {}) {
         );
       }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-tab-bar-actions", children: [
-        activeFileName && activeFileUri && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            className: "sp-active-file-indicator",
-            title: "Open Source File",
-            "aria-label": `Open active SQL file ${activeFileName}`,
-            onClick: () => sendMessage("openFile", { fileUri: activeFileUri }),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "svg",
-                {
-                  className: "sp-active-file-icon",
-                  width: "12",
-                  height: "12",
-                  viewBox: "0 0 16 16",
-                  fill: "currentColor",
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { d: "M13.71 4.29l-3-3L10 1H4L3 2v12l1 1h9l1-1V5l-.29-.71zM10 2.41L12.59 5H10V2.41zM13 14H4V2h5v4l1 1h3v7z" })
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-active-file-name", children: activeFileName })
-            ]
-          }
-        ),
-        activeFileName && activeFileUri && // The filter used to be invisible and unswitchable: focusing a .sql file
-        // silently hid every tab belonging to anything else, with no way back (#151).
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            type: "button",
-            className: `sp-active-file-toggle${filterResultsByActiveFile ? " on" : ""}`,
-            role: "switch",
-            "aria-checked": filterResultsByActiveFile,
-            title: filterResultsByActiveFile ? `Showing only results from ${activeFileName}. Click to show every result tab.` : `Showing every result tab. Click to show only results from ${activeFileName}.`,
-            onClick: () => {
-              const next = !filterResultsByActiveFile;
-              setFilterResultsByActiveFile(next);
-              sendMessage("saveSettings", { settings: { filterResultsByActiveFile: next } });
-            },
-            children: filterResultsByActiveFile ? "This file" : "All files"
-          }
-        ),
+        fileFilterChip,
         mcpEnabled && (mode === "standalone" || mcpEntitled) && /* @__PURE__ */ jsxRuntimeExports.jsx(SafeModeIndicator, { safeMode: mcpSafeMode, connectorType: activeConnectorType }),
-        pendingCloses.size > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
-          {
-            className: "sp-icon-btn active",
-            onClick: handleUndoLastClose,
-            title: "Undo Close Tab",
-            "aria-label": "Undo Close Tab",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(UndoIcon, {})
-          }
-        ),
+        pendingCloses.size > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(IconButton, { icon: "undo", label: "Undo Close Tab", active: true, onClick: handleUndoLastClose }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+          IconButton,
           {
-            className: `sp-icon-btn${settingsPanelTab ? " active" : ""}`,
-            onClick: settingsPanelTab ? closeSettingsPanel : handleOpenSettings,
-            title: "Settings",
-            "aria-label": "Settings",
-            children: gearIcon
+            icon: "settings",
+            label: "Settings",
+            active: Boolean(settingsPanelTab),
+            onClick: settingsPanelTab ? closeSettingsPanel : handleOpenSettings
           }
         )
       ] })
@@ -152626,74 +152930,61 @@ function MultiTabLayout({ emptyState } = {}) {
         id: "sp-result-tabpanel",
         "aria-labelledby": `sp-tab-${activeTab.id}`,
         children: [
-          activeConfirmation && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-error-card", role: "alert", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-error-content", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-error-title", children: activeConfirmation.kind === "write" ? `This query will modify data (${activeConfirmation.keyword}). Run it anyway?` : activeConfirmation.kind === "multi_statement" ? `This query contains ${activeConfirmation.count} statements. Run it anyway?` : "The connection dialect could not be resolved, so Grain cannot verify this query. Run it anyway?" }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                ref: runAnywayRef,
-                className: "sp-btn sp-btn-primary",
-                onClick: handleConfirmRunAnyway,
-                children: "Run anyway"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { className: "sp-btn", onClick: handleCancelConfirmation, children: "Cancel" })
-          ] }),
-          activeTab.error && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            "div",
+          activeConfirmation && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Notice,
             {
-              className: optionalDependencyDetails ? "sp-error-card" : "sp-error-bar",
+              tone: "warning",
               role: "alert",
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-error-content", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-error-title", children: activeTab.error }),
-                  optionalDependencyDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-error-guidance", children: optionalDependencyDetails.guidance }),
-                    optionalDependencyDetails.cause && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "sp-error-details", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { children: "Technical details" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: optionalDependencyDetails.cause })
-                    ] })
-                  ] })
-                ] }),
-                optionalDependencyDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  "button",
-                  {
-                    className: "sp-btn sp-btn-primary",
-                    onClick: () => handleInstallOptionalDependency(optionalDependencyDetails.dependency),
-                    children: [
-                      "Install ",
-                      optionalDependencyDetails.dependency
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
-                  {
-                    onClick: () => updateTab(activeTab.id, { error: null, errorDetails: null }),
-                    "aria-label": "Close error message",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseIcon, { size: 14 })
-                  }
-                )
-              ]
+              title: activeConfirmation.kind === "write" ? `This query will modify data (${activeConfirmation.keyword}). Run it anyway?` : activeConfirmation.kind === "multi_statement" ? `This query contains ${activeConfirmation.count} statements. Run it anyway?` : "The connection dialect could not be resolved, so Grain cannot verify this query. Run it anyway?",
+              actions: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ref: runAnywayRef, variant: "primary", onClick: handleConfirmRunAnyway, children: "Run anyway" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", onClick: handleCancelConfirmation, children: "Cancel" })
+              ] })
             }
           ),
-          activeTab.cancelled && !activeTab.error && !activeTab.isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-cancelled-bar", role: "status", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Query cancelled" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                onClick: () => updateTab(activeTab.id, { cancelled: false }),
-                "aria-label": "Dismiss cancelled notice",
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseIcon, { size: 14 })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-result-header", children: [
+          activeTab.error && !showErrorState && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Notice,
+            {
+              tone: optionalDependencyDetails ? "warning" : "error",
+              title: activeTab.error,
+              dismissLabel: "Close error message",
+              onDismiss: () => updateTab(activeTab.id, { error: null, errorDetails: null }),
+              actions: optionalDependencyDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Button,
+                {
+                  variant: "primary",
+                  onClick: () => handleInstallOptionalDependency(optionalDependencyDetails.dependency),
+                  children: [
+                    "Install ",
+                    optionalDependencyDetails.dependency
+                  ]
+                }
+              ),
+              children: optionalDependencyDetails && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-error-guidance", children: optionalDependencyDetails.guidance }),
+                optionalDependencyDetails.cause && /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "sp-error-details", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("summary", { children: "Technical details" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: optionalDependencyDetails.cause })
+                ] })
+              ] })
+            }
+          ),
+          activeTab.cancelled && !activeTab.error && !activeTab.isLoading && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Notice,
+            {
+              tone: "neutral",
+              title: "Query cancelled",
+              dismissLabel: "Dismiss cancelled notice",
+              onDismiss: () => updateTab(activeTab.id, { cancelled: false })
+            }
+          ),
+          activeTab.result && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-result-header", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-result-header-left", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
+                Button,
                 {
-                  className: "sp-btn sp-btn-primary",
+                  variant: "ghost",
+                  icon: "play",
                   onClick: handleRunQuery,
                   disabled: activeTab.isLoading,
                   "aria-label": "Re-run query",
@@ -152701,6 +152992,7 @@ function MultiTabLayout({ emptyState } = {}) {
                 }
               ),
               activeTab.result && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-toolbar-sep", "aria-hidden": "true" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "sp-row-count", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: activeTab.result.rowCount }),
                   " rows",
@@ -152710,7 +153002,7 @@ function MultiTabLayout({ emptyState } = {}) {
                   "span",
                   {
                     className: "sp-truncation-badge",
-                    title: "Result set was truncated. Use Export All to get the full data.",
+                    title: "Result set was truncated. Use Export to get the full data.",
                     children: "Truncated"
                   }
                 )
@@ -152725,18 +153017,20 @@ function MultiTabLayout({ emptyState } = {}) {
                   "aria-label": "Result representation",
                   children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "button",
+                      Button,
                       {
-                        className: `sp-btn${(activeTab.representation ?? "grid") === "grid" ? " sp-btn-primary" : ""}`,
+                        variant: (activeTab.representation ?? "grid") === "grid" ? "secondary" : "ghost",
+                        icon: "grid",
                         "aria-pressed": (activeTab.representation ?? "grid") === "grid",
                         onClick: () => setTabRepresentation(activeTab.id, "grid"),
                         children: "Grid"
                       }
                     ),
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      "button",
+                      Button,
                       {
-                        className: `sp-btn${activeTab.representation === "chart" ? " sp-btn-primary" : ""}`,
+                        variant: activeTab.representation === "chart" ? "secondary" : "ghost",
+                        icon: "chart",
                         "aria-pressed": activeTab.representation === "chart",
                         onClick: () => setTabRepresentation(activeTab.id, "chart"),
                         children: "Chart"
@@ -152746,12 +153040,13 @@ function MultiTabLayout({ emptyState } = {}) {
                 }
               ),
               /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-visually-hidden", role: "status", children: copyFeedback ? "Copied to clipboard" : "" }),
-              copyFeedback === "query" && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-copy-feedback", children: "Query copied" }),
+              (copyFeedback === "query" || copyFeedback === "error") && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-copy-feedback", children: copyFeedback === "query" ? "Query copied" : "Error copied" }),
               activeTab.result && activeTab.result.rows.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                 activeTab.result.rowCount > 5 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
+                  Button,
                   {
-                    className: "sp-btn",
+                    variant: "ghost",
+                    icon: copyFeedback === "first" ? "check" : "copy",
                     onClick: () => {
                       var _a4;
                       return copyToClipboard(
@@ -152761,13 +153056,14 @@ function MultiTabLayout({ emptyState } = {}) {
                     },
                     title: "Copy first 5 rows as TSV",
                     "aria-label": "Copy first 5 rows as TSV",
-                    children: copyFeedback === "first" ? "Copied!" : "Copy First 5 Rows"
+                    children: copyFeedback === "first" ? "Copied" : "Copy 5"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
+                  Button,
                   {
-                    className: "sp-btn",
+                    variant: "ghost",
+                    icon: copyFeedback === "all" ? "check" : "copy",
                     onClick: () => {
                       var _a4;
                       return copyToClipboard(
@@ -152777,38 +153073,24 @@ function MultiTabLayout({ emptyState } = {}) {
                     },
                     title: "Copy all visible rows as TSV",
                     "aria-label": `Copy all ${activeTab.result.rowCount} rows as TSV`,
-                    children: copyFeedback === "all" ? "Copied!" : `Copy All ${activeTab.result.rowCount}`
+                    children: copyFeedback === "all" ? "Copied" : "Copy all"
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "button",
+                  Button,
                   {
-                    className: "sp-btn",
+                    variant: "ghost",
+                    icon: "download",
                     onClick: handleExportCsv,
                     title: "Export full results as CSV",
                     "aria-label": "Export full results as CSV",
-                    children: "Export All"
+                    children: "Export"
                   }
                 )
               ] }) : null
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-grid-container", children: activeTab.isLoading && !activeTab.result ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-loading", role: "status", "aria-live": "polite", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-spinner sp-spinner-lg" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
-              "Executing query…",
-              activeTab.loadingStartedAt != null && /* @__PURE__ */ jsxRuntimeExports.jsx(ElapsedTime, { since: activeTab.loadingStartedAt })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                className: "sp-btn",
-                onClick: handleCancelQuery,
-                "aria-label": "Cancel query execution",
-                children: "Cancel"
-              }
-            )
-          ] }) : activeTab.result ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-split-container", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-grid-container", children: activeTab.isLoading && !activeTab.result ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoadingState, { since: activeTab.loadingStartedAt, onCancel: handleCancelQuery }) : activeTab.result ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-split-container", children: [
             chartsEnabled && activeTab.representation === "chart" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
@@ -152919,7 +153201,16 @@ function MultiTabLayout({ emptyState } = {}) {
                 onCopy: handleSidePanelCopy
               }
             )
-          ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-empty", children: "No results yet." }) })
+          ] }) : showErrorState ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            QueryErrorState,
+            {
+              message: activeTab.errorDetails ? `${activeTab.error}
+
+${activeTab.errorDetails}` : activeTab.error ?? "",
+              onRerun: handleRunQuery,
+              onCopy: handleCopyError
+            }
+          ) : activeTab.notPersisted ? /* @__PURE__ */ jsxRuntimeExports.jsx(NotPersistedState, { onRerun: handleRunQuery }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-empty", children: "No results yet." }) })
         ]
       }
     ),
@@ -152967,7 +153258,7 @@ const SIDEBAR_AUTO_COLLAPSE_QUERY = "(max-width: 640px)";
 const SIDEBAR_WIDTH_STORAGE_KEY = "sql-preview:web-sidebar-width";
 function WebApp({ viewHint }) {
   var _a3;
-  const { onMessage, isReady, sendMessage, callServerTool } = useHostContext();
+  const { onMessage, isReady, sendMessage, callServerTool, track: track2 } = useHostContext();
   const session = useWebSession();
   const {
     addTab,
@@ -152982,13 +153273,20 @@ function WebApp({ viewHint }) {
   } = useAppStore();
   const [connections, setConnections] = reactExports.useState([]);
   const [setupOpen, setSetupOpen] = reactExports.useState(false);
+  const [editingConnection, setEditingConnection] = reactExports.useState(null);
+  const [openConnectionIds, setOpenConnectionIds] = reactExports.useState([]);
+  const [activeConnectionId, setActiveConnectionId] = reactExports.useState(null);
+  const [connectionStatus, setConnectionStatus] = reactExports.useState({});
   const [descriptions, setDescriptions] = reactExports.useState({});
   const [queryConnections, setQueryConnections] = reactExports.useState({});
   const [closedQueries, setClosedQueries] = reactExports.useState([]);
   const activeTab = tabs.find((tab) => tab.id === activeTabId);
   const localConnection = connections.find((connection) => connection.id === "built-in-duckdb");
   const selectedConnectionId = activeTab ? queryConnections[activeTab.id] ?? (localConnection == null ? void 0 : localConnection.id) ?? ((_a3 = connections[0]) == null ? void 0 : _a3.id) ?? "" : "";
-  const newQuery = () => {
+  reactExports.useEffect(() => {
+    if (isReady) track2 == null ? void 0 : track2("ui_state_shown", { state: "workspace_ready" });
+  }, [isReady, track2]);
+  const newQuery = (connectionId = "built-in-duckdb") => {
     const remoteId = crypto.randomUUID();
     const id = addTab(
       "SELECT 42;",
@@ -152997,7 +153295,32 @@ function WebApp({ viewHint }) {
       void 0,
       { sessionId: WEB_SESSION_ID, remoteId }
     );
-    setQueryConnections((current2) => ({ ...current2, [id]: "built-in-duckdb" }));
+    setQueryConnections((current2) => ({ ...current2, [id]: connectionId }));
+    setActiveConnectionId(null);
+  };
+  const openConnection = (id) => {
+    setOpenConnectionIds((current2) => current2.includes(id) ? current2 : [...current2, id]);
+    setActiveConnectionId(id);
+  };
+  const testConnection = async (id) => {
+    var _a4, _b3;
+    setConnectionStatus((current2) => ({ ...current2, [id]: "Testing…" }));
+    try {
+      const result = await callServerTool("test_connection", { connectionId: id });
+      const message = ((_b3 = (_a4 = result.content) == null ? void 0 : _a4.find((item) => item.type === "text")) == null ? void 0 : _b3.text) ?? "Connection test failed";
+      setConnectionStatus((current2) => {
+        var _a5;
+        return {
+          ...current2,
+          [id]: result.isError || ((_a5 = result.structuredContent) == null ? void 0 : _a5["success"]) === false ? message : "Connected"
+        };
+      });
+    } catch (error) {
+      setConnectionStatus((current2) => ({
+        ...current2,
+        [id]: error instanceof Error ? error.message : "Connection test failed"
+      }));
+    }
   };
   const closeQuery = (id) => {
     const tab = tabs.find((item) => item.id === id);
@@ -153056,12 +153379,22 @@ function WebApp({ viewHint }) {
           connection: ((_b3 = connections.find((connection) => connection.id === selectedConnectionId)) == null ? void 0 : _b3.name) ?? selectedConnectionId
         }
       });
+      track2 == null ? void 0 : track2("ui_action_performed", {
+        state: "query_editor",
+        ui_action: "run_query",
+        outcome: "success"
+      });
     } catch (error) {
       if ((_c3 = useAppStore.getState().tabs.find((tab) => tab.id === id)) == null ? void 0 : _c3.cancelled) return;
       updateTab(id, {
         isLoading: false,
         error: error instanceof Error ? error.message : "Query failed"
       });
+      track2 == null ? void 0 : track2("ui_action_performed", {
+        state: "query_editor",
+        ui_action: "run_query",
+        outcome: "error"
+      });
     }
   };
   const cancelQuery = async () => {
@@ -153331,7 +153664,7 @@ function WebApp({ viewHint }) {
   ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-no-tabs sp-web-empty-stack", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-web-empty-title", children: "Your workspace is ready" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Run a query with Local Files, or connect a database. Your results and agent activity appear here." }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-web-primary-button", onClick: newQuery, children: "New query" })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-web-primary-button", onClick: () => newQuery(), children: "New query" })
   ] });
   if (session.state === "needs-relaunch") {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ReauthorizeNotice, { reason: session.reason ?? "no-session" });
@@ -153341,6 +153674,15 @@ function WebApp({ viewHint }) {
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-brand", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-web-brand-icon", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-web-wordmark", children: "Grain" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "span",
+          {
+            className: "sp-web-beta-badge",
+            "aria-label": "Beta feature",
+            title: "The Grain workspace is in beta",
+            children: "Beta"
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-web-header-divider" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Workspace" })
       ] }),
@@ -153419,13 +153761,22 @@ function WebApp({ viewHint }) {
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-connection-list", children: [
-          connections.length ? connections.map((connection) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-connection-item", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-web-connection-icon", "aria-hidden": "true", children: "▤" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
-              connection.name ?? connection.id,
-              /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: connection.type })
-            ] })
-          ] }, connection.id)) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-web-sidebar-helper", children: "No connections yet." }),
+          connections.length ? connections.map((connection) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "sp-web-connection-item",
+              onClick: () => openConnection(connection.id),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sp-web-connection-icon", "aria-hidden": "true", children: "▤" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+                  connection.name ?? connection.id,
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("small", { children: connection.type })
+                ] })
+              ]
+            },
+            connection.id
+          )) : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "sp-web-sidebar-helper", children: "No connections yet." }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -153438,7 +153789,7 @@ function WebApp({ viewHint }) {
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-sidebar-section-title", children: "Queries" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-session-list", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-web-add-connection", onClick: newQuery, children: "+ New query" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-web-add-connection", onClick: () => newQuery(), children: "+ New query" }),
           closedQueries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-web-add-connection", onClick: reopenQuery, children: "Reopen closed query" }),
           tabs.filter((tab) => tab.sessionId === WEB_SESSION_ID).map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
@@ -153446,7 +153797,10 @@ function WebApp({ viewHint }) {
               type: "button",
               className: `sp-web-session-item sp-web-session-button${activeTabId === tab.id ? " active" : ""}`,
               "aria-pressed": activeTabId === tab.id,
-              onClick: () => setActiveTab(tab.id),
+              onClick: () => {
+                setActiveTab(tab.id);
+                setActiveConnectionId(null);
+              },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-session-name", children: tab.title })
             },
             tab.id
@@ -153458,7 +153812,10 @@ function WebApp({ viewHint }) {
               type: "button",
               className: `sp-web-session-item sp-web-session-button${activeTabId === tab.id ? " active" : ""}`,
               "aria-pressed": activeTabId === tab.id,
-              onClick: () => setActiveTab(tab.id),
+              onClick: () => {
+                setActiveTab(tab.id);
+                setActiveConnectionId(null);
+              },
               children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-session-name", children: tab.title })
             },
             tab.id
@@ -153471,10 +153828,21 @@ function WebApp({ viewHint }) {
         ConnectionSetupPage,
         {
           onDone: () => {
+            if (!editingConnection) {
+              track2 == null ? void 0 : track2("ui_action_performed", {
+                state: "connection_manager",
+                ui_action: "connection_created"
+              });
+            }
             setSetupOpen(false);
+            setEditingConnection(null);
             void fetchConnections();
           },
-          onCancel: () => setSetupOpen(false)
+          onCancel: () => {
+            setSetupOpen(false);
+            setEditingConnection(null);
+          },
+          initialConnection: editingConnection ?? void 0
         }
       ) }) : /* @__PURE__ */ jsxRuntimeExports.jsxs("main", { className: "sp-web-main", children: [
         !monitorOpen && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-main-toolbar", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -153488,20 +153856,58 @@ function WebApp({ viewHint }) {
             children: "Sessions"
           }
         ) }),
-        !settingsPanelTab && activeTab && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-workspace", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-tabs", role: "tablist", "aria-label": "Open queries", children: [
+        !settingsPanelTab && (activeTab || activeConnectionId) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-workspace", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-tabs", role: "tablist", "aria-label": "Open tabs", children: [
+            openConnectionIds.map((id) => {
+              const connection = connections.find((item) => item.id === id);
+              if (!connection) return null;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: `sp-web-query-tab${activeConnectionId === id ? " active" : ""}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        role: "tab",
+                        "aria-selected": activeConnectionId === id,
+                        onClick: () => setActiveConnectionId(id),
+                        children: connection.name ?? id
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        "aria-label": `Close ${connection.name ?? id} tab`,
+                        onClick: () => {
+                          setOpenConnectionIds((current2) => current2.filter((item) => item !== id));
+                          if (activeConnectionId === id) setActiveConnectionId(null);
+                        },
+                        children: "×"
+                      }
+                    )
+                  ]
+                },
+                `connection-${id}`
+              );
+            }),
             tabs.map((tab) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "div",
               {
-                className: `sp-web-query-tab${tab.id === activeTabId ? " active" : ""}`,
+                className: `sp-web-query-tab${tab.id === activeTabId && !activeConnectionId ? " active" : ""}`,
                 children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(
                     "button",
                     {
                       type: "button",
                       role: "tab",
-                      "aria-selected": tab.id === activeTabId,
-                      onClick: () => setActiveTab(tab.id),
+                      "aria-selected": tab.id === activeTabId && !activeConnectionId,
+                      onClick: () => {
+                        setActiveTab(tab.id);
+                        setActiveConnectionId(null);
+                      },
                       children: tab.title
                     }
                   ),
@@ -153523,93 +153929,141 @@ function WebApp({ viewHint }) {
               {
                 type: "button",
                 className: "sp-web-query-tab-action",
-                onClick: newQuery,
+                onClick: () => newQuery(),
                 "aria-label": "New query",
                 children: "+"
               }
             ),
             closedQueries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { type: "button", className: "sp-web-query-tab-action", onClick: reopenQuery, children: "Reopen closed query" })
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-heading", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                "aria-label": "Query title",
-                value: activeTab.title,
-                onChange: (event) => updateTab(activeTab.id, { title: event.target.value })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "textarea",
-              {
-                "aria-label": "Query description",
-                placeholder: "Add a description",
-                value: descriptions[activeTab.id] ?? "",
-                onChange: (event) => setDescriptions((current2) => ({
-                  ...current2,
-                  [activeTab.id]: event.target.value
-                })),
-                rows: 1
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-toolbar", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Connection" }),
+          activeConnectionId ? (() => {
+            const connection = connections.find((item) => item.id === activeConnectionId);
+            if (!connection) return null;
+            return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-connection-detail", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("h1", { children: connection.name ?? connection.id }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { children: [
+                connection.type ?? "Database",
+                " ·",
+                " ",
+                connectionStatus[connection.id] ?? (connection.engineState === "ready" ? "Ready" : "Saved connection")
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-connection-actions", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sp-web-primary-button",
+                    "aria-label": `New query for ${connection.name ?? connection.id}`,
+                    onClick: () => newQuery(connection.id),
+                    children: "New query"
+                  }
+                ),
+                !connection.builtIn && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sp-web-secondary-button",
+                    onClick: () => {
+                      setEditingConnection(connection);
+                      setSetupOpen(true);
+                    },
+                    children: "Edit"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "sp-web-secondary-button",
+                    onClick: () => void testConnection(connection.id),
+                    children: "Test"
+                  }
+                )
+              ] })
+            ] });
+          })() : activeTab && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-heading", children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "select",
+                "input",
                 {
-                  "aria-label": "Query connection",
-                  value: selectedConnectionId,
-                  onChange: (event) => setQueryConnections((current2) => ({
+                  "aria-label": "Query title",
+                  value: activeTab.title,
+                  onChange: (event) => updateTab(activeTab.id, { title: event.target.value })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "textarea",
+                {
+                  "aria-label": "Query description",
+                  placeholder: "Add a description",
+                  value: descriptions[activeTab.id] ?? "",
+                  onChange: (event) => setDescriptions((current2) => ({
                     ...current2,
                     [activeTab.id]: event.target.value
                   })),
-                  children: connections.map((connection) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: connection.id, children: connection.name ?? connection.id }, connection.id))
+                  rows: 1
                 }
               )
             ] }),
-            activeTab.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                className: "sp-web-secondary-button",
-                onClick: () => void cancelQuery(),
-                children: "Cancel run"
-              }
-            ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "button",
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sp-web-query-toolbar", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Connection" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  "select",
+                  {
+                    "aria-label": "Query connection",
+                    value: selectedConnectionId,
+                    onChange: (event) => setQueryConnections((current2) => ({
+                      ...current2,
+                      [activeTab.id]: event.target.value
+                    })),
+                    children: connections.map((connection) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: connection.id, children: connection.name ?? connection.id }, connection.id))
+                  }
+                )
+              ] }),
+              activeTab.isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "sp-web-secondary-button",
+                  onClick: () => void cancelQuery(),
+                  children: "Cancel run"
+                }
+              ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "sp-web-primary-button",
+                  onClick: () => void runQuery(),
+                  disabled: !selectedConnectionId || !activeTab.sql.trim(),
+                  children: [
+                    "Run ",
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { children: "⌘↵" })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "textarea",
               {
-                type: "button",
-                className: "sp-web-primary-button",
-                onClick: () => void runQuery(),
-                disabled: !selectedConnectionId || !activeTab.sql.trim(),
-                children: [
-                  "Run ",
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { children: "⌘↵" })
-                ]
+                className: "sp-web-sql-editor",
+                "aria-label": "SQL editor",
+                spellCheck: false,
+                value: activeTab.sql,
+                onChange: (event) => updateTab(activeTab.id, { sql: event.target.value }),
+                onKeyDown: (event) => {
+                  if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+                    event.preventDefault();
+                    void runQuery();
+                  }
+                }
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
-            "textarea",
-            {
-              className: "sp-web-sql-editor",
-              "aria-label": "SQL editor",
-              spellCheck: false,
-              value: activeTab.sql,
-              onChange: (event) => updateTab(activeTab.id, { sql: event.target.value }),
-              onKeyDown: (event) => {
-                if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
-                  event.preventDefault();
-                  void runQuery();
-                }
-              }
-            }
-          ),
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-results-label", children: "Results" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-results", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiTabLayout, { emptyState: resultsEmptyState }) })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sp-web-results", hidden: Boolean(activeConnectionId), children: /* @__PURE__ */ jsxRuntimeExports.jsx(MultiTabLayout, { emptyState: resultsEmptyState }) })
       ] })
     ] })
   ] });
@@ -162393,7 +162847,7 @@ button.ag-side-button-button:focus {
   --sp-warning: var(--vscode-charts-yellow, #ca8a04);
 
   --sp-font: var(
-    --vscode-editor-font-family,
+    --vscode-font-family,
     -apple-system,
     BlinkMacSystemFont,
     'Segoe UI',
@@ -162678,75 +163132,55 @@ body {
   gap: 6px;
 }
 
-.sp-active-file-indicator {
+.sp-chip {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
+  gap: 5px;
   max-width: 220px;
-  margin-right: 8px;
-  padding: 2px 6px;
-  border: 1px solid transparent;
-  border-radius: var(--sp-radius);
-  background: var(--sp-badge-bg);
-  color: var(--sp-badge-fg);
+  height: 22px;
+  padding: 0 8px;
+  border: 1px dashed var(--sp-border);
+  border-radius: 999px;
+  background: transparent;
+  color: var(--sp-muted-fg);
   font: inherit;
   font-size: 11px;
   cursor: pointer;
-  opacity: 0.9;
+  transition:
+    color 0.1s,
+    background 0.1s,
+    border-color 0.1s;
 }
-
-.sp-active-file-indicator:hover {
-  opacity: 1;
-  border-color: var(--sp-focus-border);
+.sp-chip:hover {
+  color: var(--sp-fg);
+  border-color: var(--sp-muted-fg);
 }
-
-.sp-active-file-icon {
-  flex-shrink: 0;
+.sp-chip.on {
+  border-style: solid;
+  border-color: color-mix(in srgb, var(--sp-focus-border) 55%, transparent);
+  background: color-mix(in srgb, var(--sp-focus-border) 14%, transparent);
+  color: var(--sp-fg);
 }
-
-.sp-active-file-name {
+.sp-chip.on .sp-icon {
+  color: var(--sp-focus-border);
+}
+.sp-chip:focus-visible {
+  outline: 1px solid var(--sp-focus-border);
+  outline-offset: 1px;
+}
+.sp-chip-label {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.sp-active-file-state {
-  color: var(--sp-muted-fg);
-  flex-shrink: 0;
-}
-
-/* Sibling of the file chip: states whether the tab list is narrowed to that file,
-   and switches it. Quiet by default so it reads as status until hovered. */
-.sp-active-file-toggle {
-  flex-shrink: 0;
-  margin-right: 8px;
-  padding: 2px 6px;
-  border: 1px solid transparent;
-  border-radius: var(--sp-radius);
-  background: var(--sp-badge-bg);
-  color: var(--sp-muted-fg);
-  font: inherit;
-  font-size: 11px;
-  cursor: pointer;
-  opacity: 0.9;
-}
-
-.sp-active-file-toggle.on {
-  color: var(--sp-badge-fg);
-}
-
-.sp-active-file-toggle:hover {
-  opacity: 1;
-  border-color: var(--sp-focus-border);
-}
-
 .sp-tab {
   display: flex;
   align-items: center;
-  gap: 4px;
-  padding: 0 10px;
-  height: 35px;
+  gap: 6px;
+  padding: 0 10px 0 12px;
+  height: 30px;
   cursor: pointer;
   white-space: nowrap;
   border-bottom: 2px solid transparent;
@@ -162917,8 +163351,8 @@ body {
   padding: 0 10px;
   border-bottom: 1px solid var(--sp-border);
   flex-shrink: 0;
-  height: 36px;
-  background: var(--sp-header-bg);
+  height: 32px;
+  background: var(--sp-bg);
   gap: 8px;
 }
 
@@ -162961,36 +163395,62 @@ body {
 .sp-btn {
   display: inline-flex;
   align-items: center;
-  gap: 4px;
-  padding: 3px 8px;
-  font-size: 11px;
+  justify-content: center;
+  gap: 5px;
+  height: 24px;
+  padding: 0 8px;
+  font-size: 12px;
+  font-weight: 500;
   font-family: var(--sp-font);
   cursor: pointer;
-  border: none;
+  border: 1px solid transparent;
   border-radius: var(--sp-radius);
   background: var(--sp-btn-sec-bg);
   color: var(--sp-btn-sec-fg);
   white-space: nowrap;
-  transition: background 0.1s;
-  line-height: 1.4;
+  transition:
+    background 0.1s,
+    color 0.1s,
+    border-color 0.1s;
+  line-height: 1;
 }
 .sp-btn:hover:not(:disabled) {
   background: var(--sp-btn-sec-hover);
 }
+.sp-btn:focus-visible {
+  outline: 1px solid var(--sp-focus-border);
+  outline-offset: 1px;
+}
 .sp-btn:disabled {
   opacity: 0.4;
   cursor: default;
 }
+.sp-btn .sp-icon {
+  flex-shrink: 0;
+}
 
 .sp-btn-primary {
   background: var(--sp-btn-bg);
   color: var(--sp-btn-fg);
-  font-weight: 500;
 }
 .sp-btn-primary:hover:not(:disabled) {
   background: var(--sp-btn-hover);
 }
 
+.sp-btn-ghost {
+  background: transparent;
+  color: var(--sp-fg);
+}
+.sp-btn-ghost .sp-icon {
+  color: var(--sp-muted-fg);
+}
+.sp-btn-ghost:hover:not(:disabled) {
+  background: var(--sp-hover-bg);
+}
+.sp-btn-ghost:hover:not(:disabled) .sp-icon {
+  color: var(--sp-fg);
+}
+
 .sp-btn-danger {
   background: var(--sp-btn-danger-bg);
   color: var(--sp-btn-danger-fg);
@@ -163060,14 +163520,14 @@ body {
 .sp-icon-btn:hover {
   color: var(--sp-fg);
   background: var(--sp-hover-bg);
-  border-color: var(--sp-border);
+}
+.sp-icon-btn:focus-visible {
+  outline: 1px solid var(--sp-focus-border);
+  outline-offset: -1px;
 }
 .sp-icon-btn.active {
-  color: var(--sp-btn-bg);
+  color: var(--sp-fg);
   background: var(--sp-hover-bg);
-  border-color: transparent !important;
-  outline: none !important;
-  box-shadow: none !important;
 }
 
 /* ── Grid container ────────────────────────────────────────── */
@@ -163084,19 +163544,22 @@ body {
 .sp-loading {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: center;
   height: 100%;
-  gap: 12px;
   color: var(--sp-muted-fg);
   font-size: 13px;
 }
+.sp-loading .sp-empty-state {
+  flex: 1;
+  height: auto;
+}
 .sp-loading p {
   margin: 0;
 }
 /* Live elapsed readout; tabular digits so the count-up doesn't jitter horizontally. */
 .sp-loading-elapsed {
   margin-left: 6px;
+  color: var(--sp-muted-fg);
+  font-weight: 400;
   font-variant-numeric: tabular-nums;
 }
 
@@ -163414,9 +163877,40 @@ body {
   --ag-row-height: 28px;
   --ag-header-height: 32px;
   --ag-icon-size: 14px;
-  --ag-header-column-separator-display: block;
-  --ag-header-column-separator-height: 100%;
-  --ag-header-column-separator-width: 1px;
+  --ag-header-column-separator-display: none;
+  --ag-header-column-resize-handle-display: block;
+  --ag-header-column-resize-handle-width: 1px;
+  --ag-header-column-resize-handle-height: 40%;
+  --ag-header-column-resize-handle-color: var(--sp-border);
+  --ag-wrapper-border-radius: 0;
+  --ag-borders: none;
+  --ag-row-border-color: color-mix(in srgb, var(--sp-border) 60%, transparent);
+}
+
+.sp-ag-grid .ag-header-cell-resize:hover::after {
+  height: 100%;
+  top: 0;
+  background-color: var(--sp-focus-border);
+}
+
+.sp-ag-grid .ag-header-cell-text {
+  font-weight: 600;
+}
+
+.sp-ag-grid .ag-header-cell .ag-header-cell-filter-button,
+.sp-ag-grid .ag-header-cell .ag-sort-indicator-icon {
+  color: var(--sp-muted-fg);
+}
+
+.sp-ag-grid .ag-header-cell .ag-header-cell-filter-button {
+  opacity: 0;
+  transition: opacity 0.1s;
+}
+
+.sp-ag-grid .ag-header-cell:hover .ag-header-cell-filter-button,
+.sp-ag-grid .ag-header-cell:focus-within .ag-header-cell-filter-button,
+.sp-ag-grid .ag-header-cell-filtered .ag-header-cell-filter-button {
+  opacity: 1;
 }
 
 .sp-ag-grid .ag-header-cell-filtered {
@@ -165563,6 +166057,322 @@ body.vscode-high-contrast .ag-theme-quartz {
     opacity: 0.7;
   }
 }
+
+/* ── Primitives: notice ────────────────────────────────────── */
+.sp-notice {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  padding: 6px 8px 6px 12px;
+  border-bottom: 1px solid var(--sp-border);
+  background: var(--sp-header-bg);
+  color: var(--sp-fg);
+  font-size: 12px;
+  line-height: 1.45;
+  flex-shrink: 0;
+}
+.sp-notice-icon {
+  display: inline-flex;
+  padding-top: 2px;
+  color: var(--sp-muted-fg);
+  flex-shrink: 0;
+}
+.sp-notice-error .sp-notice-icon {
+  color: var(--sp-error);
+}
+.sp-notice-warning .sp-notice-icon {
+  color: var(--sp-warning);
+}
+.sp-notice-info .sp-notice-icon {
+  color: var(--sp-focus-border);
+}
+.sp-notice-body {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  padding-top: 1px;
+}
+.sp-notice-title {
+  overflow-wrap: anywhere;
+}
+.sp-notice-detail {
+  color: var(--sp-muted-fg);
+  overflow-wrap: anywhere;
+}
+.sp-notice-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-shrink: 0;
+}
+.sp-notice-dismiss {
+  width: 22px;
+  height: 22px;
+  flex-shrink: 0;
+}
+
+/* ── Primitives: empty state ───────────────────────────────── */
+.sp-empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  height: 100%;
+  padding: 24px;
+  color: var(--sp-muted-fg);
+  font-size: 12px;
+  text-align: center;
+}
+.sp-empty-state-icon {
+  display: inline-flex;
+  margin-bottom: 2px;
+  color: var(--sp-muted-fg);
+}
+.sp-empty-state-error .sp-empty-state-icon {
+  color: var(--sp-error);
+}
+.sp-empty-state-title {
+  color: var(--sp-fg);
+  font-size: 13px;
+  font-weight: 600;
+}
+.sp-empty-state-detail {
+  max-width: 60ch;
+  line-height: 1.5;
+  overflow-wrap: anywhere;
+}
+.sp-empty-state-detail code,
+.sp-empty-state-message {
+  display: block;
+  max-height: 40vh;
+  overflow: auto;
+  padding: 8px 10px;
+  border: 1px solid var(--sp-border);
+  border-radius: var(--sp-radius);
+  background: var(--sp-header-bg);
+  color: var(--sp-fg);
+  font-family: var(--sp-font-mono, var(--vscode-editor-font-family, monospace));
+  font-size: calc(var(--sp-font-size) - 1px);
+  text-align: left;
+  white-space: pre-wrap;
+  word-break: break-word;
+  user-select: text;
+}
+.sp-empty-state-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+}
+.sp-empty-state-meta {
+  font-variant-numeric: tabular-nums;
+}
+
+/* ── Primitives: progress ──────────────────────────────────── */
+@keyframes sp-progress-slide {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(400%);
+  }
+}
+.sp-progress {
+  position: relative;
+  height: 2px;
+  overflow: hidden;
+  flex-shrink: 0;
+}
+.sp-progress-bar {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 25%;
+  background: var(--sp-focus-border);
+  animation: sp-progress-slide 1.1s cubic-bezier(0.45, 0, 0.55, 1) infinite;
+}
+@keyframes sp-busy-pulse {
+  0%,
+  100% {
+    opacity: 0.35;
+    transform: scale(0.8);
+  }
+  50% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+.sp-busy-dot {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 8px;
+  height: 8px;
+  flex-shrink: 0;
+}
+.sp-busy-dot > span {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: var(--sp-focus-border);
+  animation: sp-busy-pulse 1s ease-in-out infinite;
+}
+@media (prefers-reduced-motion: reduce) {
+  .sp-progress-bar {
+    width: 100%;
+    animation: none;
+    opacity: 0.6;
+  }
+  .sp-busy-dot > span {
+    animation: none;
+  }
+}
+
+/* ── Primitives: page header ───────────────────────────────── */
+.sp-page-header {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 35px;
+  padding: 0 10px;
+  border-bottom: 1px solid var(--sp-border);
+  background: var(--sp-header-bg);
+  flex-shrink: 0;
+}
+.sp-page-back {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  height: 24px;
+  padding: 0 6px;
+  border: none;
+  border-radius: var(--sp-radius);
+  background: transparent;
+  color: var(--sp-muted-fg);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+.sp-page-back:hover {
+  color: var(--sp-fg);
+  background: var(--sp-hover-bg);
+}
+.sp-page-back:focus-visible {
+  outline: 1px solid var(--sp-focus-border);
+  outline-offset: -1px;
+}
+.sp-page-header-sep {
+  color: var(--sp-border);
+}
+.sp-page-title {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--sp-fg);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sp-page-meta {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.sp-page-actions {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-left: auto;
+}
+
+/* ── Result toolbar ────────────────────────────────────────── */
+.sp-toolbar-sep {
+  width: 1px;
+  height: 14px;
+  margin: 0 4px;
+  background: var(--sp-border);
+  flex-shrink: 0;
+}
+
+/* ── Primitives: segmented control ─────────────────────────── */
+.sp-segmented {
+  display: inline-flex;
+  padding: 2px;
+  gap: 2px;
+  border: 1px solid var(--sp-border);
+  border-radius: calc(var(--sp-radius) + 2px);
+  background: var(--sp-bg);
+  flex-shrink: 0;
+}
+.sp-segmented-item {
+  height: 22px;
+  padding: 0 8px;
+  border: none;
+  border-radius: var(--sp-radius);
+  background: transparent;
+  color: var(--sp-muted-fg);
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+  white-space: nowrap;
+  transition:
+    background 0.1s,
+    color 0.1s;
+}
+.sp-segmented-item:hover {
+  color: var(--sp-fg);
+}
+.sp-segmented-item.active {
+  background: var(--sp-header-bg);
+  color: var(--sp-fg);
+  font-weight: 600;
+  box-shadow: inset 0 0 0 1px var(--sp-border);
+}
+.sp-segmented-item:focus-visible {
+  outline: 1px solid var(--sp-focus-border);
+  outline-offset: -1px;
+}
+/* ── Connection subpage ── */
+.sp-settings-page-body.sp-settings-page-body-subpage {
+  padding: 0;
+  overflow: hidden;
+}
+
+.sp-settings-conn-panel-subpage,
+.sp-conn-subpage {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  height: 100%;
+}
+
+.sp-conn-subpage {
+  width: 100%;
+}
+
+.sp-conn-subpage-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 24px 32px 32px;
+}
+
+.sp-conn-subpage-column {
+  display: block;
+  max-width: 720px;
+  margin-inline: auto;
+}
+
+.sp-conn-subpage .sp-conn-detail-body {
+  padding: 0;
+}
+
+.sp-conn-schema-error {
+  color: var(--sp-error);
+}
 @font-face {
   font-family: 'Manrope';
   src: url('data:font/woff2;base64,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') format('woff2');
@@ -166186,6 +166996,18 @@ body {
   font-size: 21px;
   font-weight: 600;
 }
+.sp-web-beta-badge {
+  align-self: center;
+  margin-left: 8px;
+  padding: 2px 6px;
+  border: 1px solid var(--sp-focus-border, var(--grain-accent));
+  border-radius: 4px;
+  color: var(--sp-focus-border, var(--grain-accent));
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+}
 .sp-web-header-divider {
   width: 1px;
   height: 22px;
@@ -166233,6 +167055,32 @@ body {
   gap: 10px;
   padding: 9px 10px;
   font-size: 12px;
+  width: 100%;
+  border: 0;
+  background: transparent;
+  color: var(--sp-fg);
+  text-align: left;
+  cursor: pointer;
+}
+.sp-web-connection-item:hover {
+  background: var(--sp-sidebar-bg);
+}
+.sp-web-connection-item:focus-visible {
+  outline: 1px solid var(--sp-accent);
+}
+.sp-web-connection-detail {
+  padding: 16px;
+}
+.sp-web-connection-detail h2 {
+  margin: 0 0 8px;
+  font-size: 13px;
+}
+.sp-web-connection-detail p {
+  color: var(--sp-fg-muted);
+}
+.sp-web-connection-actions {
+  display: flex;
+  gap: 8px;
 }
 .sp-web-connection-item small {
   display: block;
@@ -166504,6 +167352,44 @@ body {
   --ag-input-background-color: var(--grain-ground);
   --ag-input-foreground-color: var(--grain-ink);
   --ag-input-border-color: var(--grain-border-subtle);
+}
+.sp-web-reauth-action {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.sp-web-reauth-detail {
+  color: var(--sp-muted);
+  font-size: 12px;
+}
+.sp-web-connection-item {
+  width: 100%;
+  border: 0;
+  background: transparent;
+  color: var(--grain-ink);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.sp-web-connection-item:hover,
+.sp-web-connection-item:focus-visible {
+  background: var(--grain-surface);
+  outline: 1px solid var(--grain-accent);
+}
+.sp-web-connection-detail {
+  padding: 24px;
+}
+.sp-web-connection-detail h1 {
+  margin: 0 0 8px;
+  font-size: 18px;
+}
+.sp-web-connection-detail p {
+  color: var(--grain-ink-muted);
+}
+.sp-web-connection-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 16px;
 }</style>
   </head>
   <body>