duckdb-terminal 0.2.0 → 0.4.2

package/dist/duckdb-terminal.js

@@ -1,10 +1,10 @@
-var it = Object.defineProperty;
-var st = (s, t, e) => t in s ? it(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var h = (s, t, e) => st(s, typeof t != "symbol" ? t + "" : t, e);
-import { Ghostty as rt, Terminal as nt, FitAddon as ot } from "ghostty-web";
-import * as R from "@duckdb/duckdb-wasm";
-const at = "https://cdn.jsdelivr.net/npm/ghostty-web", lt = () => `${at}@0.3.0/dist/ghostty-vt.wasm`;
-class ht {
+var Ot = Object.defineProperty;
+var Ft = (s, t, e) => t in s ? Ot(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var h = (s, t, e) => Ft(s, typeof t != "symbol" ? t + "" : t, e);
+import { Ghostty as Ht, Terminal as Qt, FitAddon as _t } from "ghostty-web";
+import * as M from "@duckdb/duckdb-wasm";
+const zt = "https://cdn.jsdelivr.net/npm/ghostty-web", qt = () => `${zt}@0.4.0/dist/ghostty-vt.wasm`;
+class jt {
   constructor() {
     h(this, "terminal");
     h(this, "fitAddon");
@@ -50,14 +50,14 @@ class ht {
    * ```
    */
   async init(t, e = {}) {
-    this.initialized || (this.container = t, this.options = e, this.currentTheme = e.theme ?? null, this.ghostty = await rt.load(lt()), this.createTerminal(), this.initialized = !0, this.focus());
+    this.initialized || (this.container = t, this.options = e, this.currentTheme = e.theme ?? null, this.ghostty = await Ht.load(qt()), this.createTerminal(), this.initialized = !0, this.focus());
   }
   /**
    * Creates or recreates the terminal instance.
    * @internal
    */
   createTerminal() {
-    this.container && (this.terminal = new nt({
+    this.container && (this.terminal = new Qt({
       ghostty: this.ghostty,
       cursorBlink: !0,
       fontSize: this.options.fontSize ?? 14,
@@ -65,13 +65,52 @@ class ht {
       theme: this.currentTheme ? this.themeToGhostty(this.currentTheme) : void 0,
       // Scrollback is in bytes, not lines. 10MB is a reasonable default.
       scrollback: this.options.scrollback ?? 10 * 1024 * 1024
-    }), this.fitAddon = new ot(), this.terminal.loadAddon(this.fitAddon), this.container.innerHTML = "", this.terminal.open(this.container), this.fit(), window.addEventListener("resize", this.handleResize), typeof ResizeObserver < "u" && (this.resizeObserver?.disconnect(), this.resizeObserver = new ResizeObserver(() => {
+    }), this.fitAddon = new _t(), this.terminal.loadAddon(this.fitAddon), this.container.innerHTML = "", this.terminal.open(this.container), this.fit(), window.addEventListener("resize", this.handleResize), typeof ResizeObserver < "u" && (this.resizeObserver?.disconnect(), this.resizeObserver = new ResizeObserver(() => {
       this.fit();
     }), this.resizeObserver.observe(this.container)), this.terminal.onData((t) => {
       this.dataHandler?.(t);
     }), this.terminal.onResize(({ cols: t, rows: e }) => {
       this.resizeHandler?.(t, e);
-    }), this.setupMobileInput());
+    }), this.setupSafariClipboardWorkaround(), this.setupMobileInput());
+  }
+  /**
+   * Sets up a workaround for Safari's clipboard restrictions.
+   *
+   * Safari requires clipboard operations to happen synchronously within a user gesture.
+   * The async Clipboard API loses the gesture context after an await, causing copy to fail.
+   * This workaround intercepts Cmd+C and uses the synchronous execCommand method.
+   *
+   * @internal
+   */
+  setupSafariClipboardWorkaround() {
+    this.terminal && this.terminal.attachCustomKeyEventHandler?.((t) => {
+      if (t.metaKey && t.code === "KeyC" && t.type === "keydown") {
+        const e = this.terminal.getSelection?.();
+        if (e && e.length > 0)
+          return this.copyToClipboardSync(e), !0;
+      }
+      return !1;
+    });
+  }
+  /**
+   * Copies text to clipboard using synchronous methods that work in Safari.
+   *
+   * @internal
+   * @param text - The text to copy to clipboard
+   */
+  copyToClipboardSync(t) {
+    const e = document.createElement("textarea");
+    e.value = t, e.style.position = "fixed", e.style.left = "-9999px", e.style.top = "0", e.style.opacity = "0", document.body.appendChild(e);
+    const i = document.activeElement;
+    try {
+      if (e.focus(), e.select(), e.setSelectionRange(0, t.length), !document.execCommand("copy") && navigator.clipboard && typeof ClipboardItem < "u") {
+        const n = new Blob([t], { type: "text/plain" }), o = new ClipboardItem({ "text/plain": n });
+        navigator.clipboard.write([o]).catch(() => {
+        });
+      }
+    } finally {
+      document.body.removeChild(e), i && i.focus();
+    }
   }
   /**
    * Sets up mobile-specific functionality: touch scrolling and keyboard input.
@@ -339,7 +378,7 @@ class ht {
     window.removeEventListener("resize", this.handleResize), this.resizeObserver?.disconnect(), this.resizeObserver = null, this.mobileInput?.remove(), this.mobileInput = null, this.terminal?.dispose(), this.initialized = !1, this.container = null;
   }
 }
-class ct {
+class Wt {
   constructor(t = {}) {
     h(this, "db", null);
     h(this, "conn", null);
@@ -377,20 +416,20 @@ class ct {
   async init() {
     if (this.initialized)
       return;
-    const t = R.getJsDelivrBundles(), e = await R.selectBundle(t), i = URL.createObjectURL(
+    const t = M.getJsDelivrBundles(), e = await M.selectBundle(t), i = URL.createObjectURL(
       new Blob([`importScripts("${e.mainWorker}");`], {
         type: "text/javascript"
       })
     );
     this.worker = new Worker(i);
-    const r = new R.ConsoleLogger();
-    this.db = new R.AsyncDuckDB(r, this.worker), await this.db.instantiate(e.mainModule, e.pthreadWorker), URL.revokeObjectURL(i);
+    const r = new M.VoidLogger();
+    this.db = new M.AsyncDuckDB(r, this.worker), await this.db.instantiate(e.mainModule, e.pthreadWorker), URL.revokeObjectURL(i);
     const n = {
       castDecimalToDouble: !0
     };
     this.options.storage === "opfs" && this.options.databasePath ? await this.db.open({
       path: this.options.databasePath,
-      accessMode: R.DuckDBAccessMode.READ_WRITE,
+      accessMode: M.DuckDBAccessMode.READ_WRITE,
       query: n
     }) : await this.db.open({
       path: ":memory:",
@@ -422,20 +461,21 @@ class ct {
   async executeQuery(t) {
     if (!this.conn)
       throw new Error("Database not initialized");
-    const e = performance.now(), i = await this.conn.query(t), r = performance.now() - e, n = i.schema.fields.map((l) => l.name), o = [];
-    for (let l = 0; l < i.numRows; l++) {
-      const c = [];
-      for (let f = 0; f < n.length; f++) {
-        const m = i.getChildAt(f);
-        c.push(m?.get(l));
+    const e = performance.now(), i = await this.conn.query(t), r = performance.now() - e, n = i.schema.fields.map((c) => c.name), o = i.schema.fields.map((c) => String(c.type)), a = [];
+    for (let c = 0; c < i.numRows; c++) {
+      const f = [];
+      for (let u = 0; u < n.length; u++) {
+        const p = i.getChildAt(u);
+        f.push(p?.get(c));
       }
-      o.push(c);
+      a.push(f);
     }
-    const a = typeof i.numRows == "bigint" ? Number(i.numRows) : i.numRows;
+    const l = typeof i.numRows == "bigint" ? Number(i.numRows) : i.numRows;
     return {
       columns: n,
-      rows: o,
-      rowCount: a,
+      columnTypes: o,
+      rows: a,
+      rowCount: l,
       duration: r
     };
   }
@@ -531,8 +571,8 @@ class ct {
           "SELECT table_name FROM information_schema.tables WHERE table_schema = 'main'"
         );
         for (const f of c.rows) {
-          const m = String(f[0]);
-          m.toLowerCase().startsWith(n) && o.push({ value: m, type: "table" });
+          const u = String(f[0]);
+          u.toLowerCase().startsWith(n) && o.push({ value: u, type: "table" });
         }
       } catch {
       }
@@ -571,8 +611,8 @@ class ct {
       for (const c of l)
         c.toLowerCase().startsWith(n) && o.push({ value: c, type: "function" });
       return o.sort((c, f) => {
-        const m = c.value.toLowerCase() === n, S = f.value.toLowerCase() === n;
-        return m && !S ? -1 : !m && S ? 1 : c.value.localeCompare(f.value);
+        const u = c.value.toLowerCase() === n, p = f.value.toLowerCase() === n;
+        return u && !p ? -1 : !u && p ? 1 : c.value.localeCompare(f.value);
       }), o.slice(0, 20);
     } catch {
       return [];
@@ -611,8 +651,8 @@ class ct {
       return (await this.executeQuery(
         "SELECT table_catalog, table_schema, table_name FROM information_schema.tables ORDER BY table_catalog, table_schema, table_name"
       )).rows.map((o) => {
-        const a = String(o[0]), l = String(o[1]), c = String(o[2]), f = r && a !== i, m = l !== "main";
-        return f && m ? `${a}.${l}.${c}` : f ? `${a}.${c}` : m ? `${l}.${c}` : c;
+        const a = String(o[0]), l = String(o[1]), c = String(o[2]), f = r && a !== i, u = l !== "main";
+        return f && u ? `${a}.${l}.${c}` : f ? `${a}.${c}` : u ? `${l}.${c}` : c;
       });
     } catch {
       return [];
@@ -639,17 +679,64 @@ class ct {
     if (!this.conn)
       return [];
     try {
-      const e = t.replace(/'/g, "''");
+      const e = t.split(".");
+      let i;
+      if (e.length === 3) {
+        const n = e[0].replace(/'/g, "''"), o = e[1].replace(/'/g, "''"), a = e[2].replace(/'/g, "''");
+        i = `table_catalog = '${n}' AND table_schema = '${o}' AND table_name = '${a}'`;
+      } else if (e.length === 2) {
+        const n = e[0].replace(/'/g, "''"), o = e[1].replace(/'/g, "''");
+        i = `((table_catalog = '${n}' AND table_name = '${o}') OR (table_schema = '${n}' AND table_name = '${o}'))`;
+      } else
+        i = `table_name = '${t.replace(/'/g, "''")}'`;
       return (await this.executeQuery(
-        `SELECT column_name, data_type FROM information_schema.columns WHERE table_name = '${e}' ORDER BY ordinal_position`
-      )).rows.map((r) => ({
-        name: String(r[0]),
-        type: String(r[1])
+        `SELECT column_name, data_type FROM information_schema.columns WHERE ${i} ORDER BY ordinal_position`
+      )).rows.map((n) => ({
+        name: String(n[0]),
+        type: String(n[1])
       }));
     } catch {
       return [];
     }
   }
+  /**
+   * Gets CREATE TABLE statements for all tables and views in the database.
+   *
+   * This method queries the database catalog and generates DDL statements
+   * that describe the schema, useful for providing context to AI assistants.
+   *
+   * @returns A promise that resolves to a string containing all CREATE TABLE statements,
+   *          or an empty string if no tables exist
+   *
+   * @example
+   * ```typescript
+   * const ddl = await db.getAllDDL();
+   * console.log(ddl);
+   * // CREATE TABLE users (id INTEGER, name VARCHAR, email VARCHAR);
+   * // CREATE TABLE orders (id INTEGER, user_id INTEGER, total DECIMAL);
+   * ```
+   */
+  async getAllDDL() {
+    if (!this.conn)
+      return "";
+    try {
+      const t = await this.getTables();
+      if (t.length === 0)
+        return "";
+      const e = [];
+      for (const i of t) {
+        const r = await this.getTableSchema(i);
+        if (r.length > 0) {
+          const n = r.map((o) => `${o.name} ${o.type}`).join(", ");
+          e.push(`CREATE TABLE ${i} (${n});`);
+        }
+      }
+      return e.join(`
+`);
+    } catch {
+      return "";
+    }
+  }
   /**
    * Registers a file in DuckDB's virtual filesystem.
    *
@@ -773,35 +860,48 @@ class ct {
     }
   }
   /**
-   * Checks if SQL is valid using DuckDB's internal parser via the poached extension.
+   * Validates SQL and returns error information if invalid.
    *
-   * This uses the `is_valid_sql()` function which validates the SQL syntax
-   * without executing it.
+   * This combines `is_valid_sql()` and `sql_error_message()` in a single query
+   * for efficiency. Returns validation result and error details in one call.
    *
    * @param sql - The SQL string to validate
-   * @returns A promise that resolves to true if the SQL is valid, false if invalid,
-   *          or null if the extension is not available
+   * @returns A promise that resolves to an object with `isValid` boolean and
+   *          optional `error` with details, or undefined if extension unavailable
    *
    * @example
    * ```typescript
-   * const isValid = await db.isValidSQL('SELECT * FROM users;');
-   * console.log(isValid); // true
-   *
-   * const isInvalid = await db.isValidSQL('SLECT * FORM users');
-   * console.log(isInvalid); // false
+   * const result = await db.validateSQL('SELECT * FROM users WHERE');
+   * if (result && !result.isValid) {
+   *   console.log(result.error?.exceptionMessage); // "syntax error at end of input"
+   * }
    * ```
    */
-  async isValidSQL(t) {
-    if (!this.conn || !this.poachedLoaded)
-      return null;
-    try {
-      const e = t.replace(/'/g, "''");
-      return (await this.executeQuery(
-        `SELECT is_valid_sql('${e}')`
-      )).rows[0]?.[0] === !0;
-    } catch {
-      return null;
-    }
+  async validateSQL(t) {
+    if (!(!this.conn || !this.poachedLoaded))
+      try {
+        const e = t.replace(/'/g, "''"), i = await this.executeQuery(
+          `SELECT is_valid_sql('${e}'), sql_error_message('${e}')::json`
+        ), r = i.rows[0]?.[0] === !0, n = i.rows[0]?.[1];
+        if (r)
+          return { isValid: !0 };
+        if (n) {
+          const o = typeof n == "string" ? JSON.parse(n) : n;
+          if (o.exception_message || o.exception_type)
+            return {
+              isValid: !1,
+              error: {
+                exceptionType: o.exception_type || "",
+                exceptionMessage: o.exception_message || "",
+                position: o.position || "",
+                errorSubtype: o.error_subtype || ""
+              }
+            };
+        }
+        return { isValid: !1 };
+      } catch {
+        return;
+      }
   }
   /**
    * Closes the database connection and releases resources.
@@ -826,55 +926,55 @@ class ct {
     this.conn && (await this.conn.close(), this.conn = null), this.db && (await this.db.terminate(), this.db = null), this.worker && (this.worker.terminate(), this.worker = null), this.initialized = !1;
   }
 }
-const x = "\x1B[0m", ut = "\x1B[1m", dt = "\x1B[2m", ft = "\x1B[30m", p = "\x1B[31m", y = "\x1B[32m", I = "\x1B[33m", M = "\x1B[34m", G = "\x1B[35m", k = "\x1B[36m", O = "\x1B[37m", T = "\x1B[90m", mt = "\x1B[91m", gt = "\x1B[92m", pt = "\x1B[93m", wt = "\x1B[94m", bt = "\x1B[95m", yt = "\x1B[96m", Tt = "\x1B[97m", g = "\x1B[K";
-function B(s) {
+const V = "\x1B[0m", Gt = "\x1B[1m", Vt = "\x1B[2m", Yt = "\x1B[30m", w = "\x1B[31m", b = "\x1B[32m", F = "\x1B[33m", tt = "\x1B[34m", Ct = "\x1B[35m", v = "\x1B[36m", et = "\x1B[37m", T = "\x1B[90m", Kt = "\x1B[91m", Xt = "\x1B[92m", Jt = "\x1B[93m", Zt = "\x1B[94m", te = "\x1B[95m", ee = "\x1B[96m", ie = "\x1B[97m", C = "\x1B[K";
+function D(s) {
   return `\x1B[${s}A`;
 }
-function P(s) {
+function I(s) {
   return `\x1B[${s}B`;
 }
-function w(s) {
+function E(s) {
   return `\x1B[${s}G`;
 }
-const Et = {
-  black: ft,
-  red: p,
-  green: y,
-  yellow: I,
-  blue: M,
-  magenta: G,
-  cyan: k,
-  white: O,
+const se = "\x1B[?25l", re = "\x1B[?25h", ne = {
+  black: Yt,
+  red: w,
+  green: b,
+  yellow: F,
+  blue: tt,
+  magenta: Ct,
+  cyan: v,
+  white: et,
   brightBlack: T,
-  brightRed: mt,
-  brightGreen: gt,
-  brightYellow: pt,
-  brightBlue: wt,
-  brightMagenta: bt,
-  brightCyan: yt,
-  brightWhite: Tt
+  brightRed: Kt,
+  brightGreen: Xt,
+  brightYellow: Jt,
+  brightBlue: Zt,
+  brightMagenta: te,
+  brightCyan: ee,
+  brightWhite: ie
 };
-function u(s, t) {
-  return `${Et[t] || t}${s}${x}`;
+function d(s, t) {
+  return `${ne[t] || t}${s}${V}`;
 }
-function C(s) {
-  return `${ut}${s}${x}`;
+function L(s) {
+  return `${Gt}${s}${V}`;
 }
-function d(s) {
-  return `${dt}${s}${x}`;
+function m(s) {
+  return `${Vt}${s}${V}`;
 }
-function St(s) {
+function oe(s) {
   return s.replace(/\x1b\[[0-9;]*[A-Za-z]|\x1b\][^\x07]*\x07|\x1b[^[\]]/g, "");
 }
-function Pt(s) {
-  return St(s).length;
+function ae(s) {
+  return oe(s).length;
 }
-const Ct = 64 * 1024;
-class Lt {
+const le = 64 * 1024;
+class ce {
   constructor() {
     h(this, "buffer", "");
     h(this, "cursorPos", 0);
-    h(this, "maxSize", Ct);
+    h(this, "maxSize", le);
     h(this, "terminalWidth", 80);
     h(this, "promptLength", 0);
   }
@@ -960,7 +1060,7 @@ class Lt {
   moveCursor(t, e) {
     let i = "";
     const r = e.row - t.row;
-    return r > 0 ? i += P(r) : r < 0 && (i += B(-r)), (e.col !== t.col || r !== 0) && (i += w(e.col + 1)), i;
+    return r > 0 ? i += I(r) : r < 0 && (i += D(-r)), (e.col !== t.col || r !== 0) && (i += E(e.col + 1)), i;
   }
   /**
    * Sets the maximum buffer size.
@@ -1052,9 +1152,9 @@ class Lt {
       );
     else {
       if (a += r, e.row > o.row) {
-        a += g;
+        a += C;
         for (let c = o.row + 1; c <= e.row; c++)
-          a += P(1), a += w(1), a += g;
+          a += I(1), a += E(1), a += C;
         a += this.moveCursor(
           { row: e.row, col: 0 },
           o
@@ -1079,9 +1179,9 @@ class Lt {
     const n = this.getEndPosition();
     let o = "";
     if (o += r, e.row > n.row) {
-      o += g;
+      o += C;
       for (let a = n.row + 1; a <= e.row; a++)
-        o += P(1), o += w(1), o += g;
+        o += I(1), o += E(1), o += C;
       o += this.moveCursor({ row: e.row, col: 0 }, t);
     } else
       o += " ", o += this.moveCursor(
@@ -1153,10 +1253,10 @@ class Lt {
     const t = this.getEndPosition(), e = this.getCursorPosition();
     this.buffer = this.buffer.substring(0, this.cursorPos);
     const i = this.getEndPosition();
-    let r = g;
+    let r = C;
     if (t.row > i.row) {
       for (let n = e.row + 1; n <= t.row; n++)
-        r += P(1), r += w(1), r += g;
+        r += I(1), r += E(1), r += C;
       r += this.moveCursor({ row: t.row, col: 0 }, e);
     }
     return r;
@@ -1169,9 +1269,9 @@ class Lt {
   clearLine() {
     const t = this.getEndPosition();
     let e = this.moveToStart();
-    if (e += g, t.row > 0) {
+    if (e += C, t.row > 0) {
       for (let i = 1; i <= t.row; i++)
-        e += P(1), e += w(1), e += g;
+        e += I(1), e += E(1), e += C;
       e += this.moveCursor(
         { row: t.row, col: 0 },
         { row: 0, col: this.promptLength }
@@ -1200,13 +1300,13 @@ class Lt {
     const e = this.getWordBeforeCursor(), i = this.cursorPos - e.length, r = this.buffer.substring(0, i), n = this.buffer.substring(this.cursorPos), o = this.getCursorPosition(), a = this.getEndPosition(), l = this.getPositionAt(i);
     this.buffer = r + t + n, this.cursorPos = i + t.length;
     const c = this.getCursorPosition(), f = this.getEndPosition();
-    let m = "";
-    if (m += this.moveCursor(o, l), m += g, a.row > l.row) {
-      for (let S = l.row + 1; S <= a.row; S++)
-        m += P(1), m += w(1), m += g;
-      m += this.moveCursor({ row: a.row, col: 0 }, l);
+    let u = "";
+    if (u += this.moveCursor(o, l), u += C, a.row > l.row) {
+      for (let p = l.row + 1; p <= a.row; p++)
+        u += I(1), u += E(1), u += C;
+      u += this.moveCursor({ row: a.row, col: 0 }, l);
     }
-    return m += t + n, m += this.moveCursor(f, c), m;
+    return u += t + n, u += this.moveCursor(f, c), u;
   }
   /**
    * Checks if the buffer is empty.
@@ -1225,8 +1325,8 @@ class Lt {
     return this.buffer.trim().length === 0;
   }
 }
-const Rt = "duckdb-terminal", b = "history", v = 1e3;
-class vt {
+const he = "duckdb-terminal", S = "history", B = 1e3;
+class ue {
   constructor() {
     h(this, "db", null);
     h(this, "history", []);
@@ -1253,7 +1353,7 @@ class vt {
   async init() {
     if (!this.initialized)
       try {
-        this.db = await this.openDatabase(), this.history = await this.loadHistory(), this.history.length > v && (this.history = this.history.slice(-v), this.db && await this.trimHistory()), this.cursor = this.history.length, this.initialized = !0;
+        this.db = await this.openDatabase(), this.history = await this.loadHistory(), this.history.length > B && (this.history = this.history.slice(-B), this.db && await this.trimHistory()), this.cursor = this.history.length, this.initialized = !0;
       } catch (t) {
         console.warn("IndexedDB not available, using in-memory history:", t), this.initialized = !0;
       }
@@ -1263,10 +1363,10 @@ class vt {
    */
   openDatabase() {
     return new Promise((t, e) => {
-      const i = indexedDB.open(Rt, 1);
+      const i = indexedDB.open(he, 1);
       i.onerror = () => e(i.error), i.onsuccess = () => t(i.result), i.onupgradeneeded = (r) => {
         const n = r.target.result;
-        n.objectStoreNames.contains(b) || n.createObjectStore(b, {
+        n.objectStoreNames.contains(S) || n.createObjectStore(S, {
           keyPath: "id",
           autoIncrement: !0
         });
@@ -1282,7 +1382,7 @@ class vt {
         t([]);
         return;
       }
-      const n = this.db.transaction(b, "readonly").objectStore(b).getAll();
+      const n = this.db.transaction(S, "readonly").objectStore(S).getAll();
       n.onerror = () => e(n.error), n.onsuccess = () => {
         const o = n.result;
         o.sort((a, l) => a.id - l.id), t(o.map((a) => a.command));
@@ -1312,7 +1412,7 @@ class vt {
         this.reset();
         return;
       }
-      for (this.history.push(e); this.history.length > v; )
+      for (this.history.push(e); this.history.length > B; )
         this.history.shift();
       if (this.db)
         try {
@@ -1332,7 +1432,7 @@ class vt {
         e();
         return;
       }
-      const o = this.db.transaction(b, "readwrite").objectStore(b).add({ command: t });
+      const o = this.db.transaction(S, "readwrite").objectStore(S).add({ command: t });
       o.onerror = () => i(o.error), o.onsuccess = () => e();
     });
   }
@@ -1347,14 +1447,14 @@ class vt {
         t();
         return;
       }
-      const i = this.db.transaction(b, "readwrite"), r = i.objectStore(b), n = r.count();
+      const i = this.db.transaction(S, "readwrite"), r = i.objectStore(S), n = r.count();
       n.onsuccess = () => {
         const o = n.result;
-        if (o <= v) {
+        if (o <= B) {
           t();
           return;
         }
-        const a = o - v, l = r.getAllKeys();
+        const a = o - B, l = r.getAllKeys();
         l.onsuccess = () => {
           const f = l.result.slice(0, a);
           if (f.length === 0) {
@@ -1362,8 +1462,8 @@ class vt {
             return;
           }
           i.oncomplete = () => t(), i.onerror = () => e(i.error);
-          for (const m of f)
-            r.delete(m);
+          for (const u of f)
+            r.delete(u);
         }, l.onerror = () => e(l.error);
       }, n.onerror = () => e(n.error);
     });
@@ -1429,13 +1529,13 @@ class vt {
   async clear() {
     if (this.history = [], this.cursor = 0, this.currentInput = "", this.db)
       return new Promise((t, e) => {
-        const n = this.db.transaction(b, "readwrite").objectStore(b).clear();
+        const n = this.db.transaction(S, "readwrite").objectStore(S).clear();
         n.onerror = () => e(n.error), n.onsuccess = () => t();
       });
   }
 }
-const Bt = 50;
-function A(s) {
+const de = 50;
+function j(s) {
   let t = 0;
   for (const e of s) {
     const i = e.charCodeAt(0);
@@ -1443,12 +1543,12 @@ function A(s) {
   }
   return t;
 }
-function H(s, t) {
-  const e = A(s), i = t - e;
+function lt(s, t) {
+  const e = j(s), i = t - e;
   return i <= 0 ? s : s + " ".repeat(i);
 }
-function Q(s, t) {
-  if (A(s) <= t) return s;
+function ct(s, t) {
+  if (j(s) <= t) return s;
   let e = "", i = 0;
   for (const r of s) {
     const n = r.charCodeAt(0) >= 4352 && r.charCodeAt(0) <= 65535 ? 2 : 1;
@@ -1457,10 +1557,10 @@ function Q(s, t) {
   }
   return e + "…";
 }
-function q(s) {
+function xt(s) {
   return s >= Number.MIN_SAFE_INTEGER && s <= Number.MAX_SAFE_INTEGER ? Number(s) : s.toString();
 }
-function kt(s) {
+function fe(s) {
   const t = [];
   if (s.months) {
     const e = Math.floor(s.months / 12), i = s.months % 12;
@@ -1472,48 +1572,48 @@ function kt(s) {
   }
   return t.length ? t.join(" ") : "00:00:00";
 }
-function $t(s) {
+function me(s) {
   if (typeof s != "object" || s === null) return !1;
   const t = s;
   return "months" in t || "days" in t || "micros" in t;
 }
-function Y(s, t) {
-  return typeof t == "bigint" ? q(t) : t instanceof Date ? t.toISOString() : t instanceof Map ? Object.fromEntries(t) : t instanceof Uint8Array ? "\\x" + Array.from(t).map((e) => e.toString(16).padStart(2, "0")).join("") : t;
+function vt(s, t) {
+  return typeof t == "bigint" ? xt(t) : t instanceof Date ? t.toISOString() : t instanceof Map ? Object.fromEntries(t) : t instanceof Uint8Array ? "\\x" + Array.from(t).map((e) => e.toString(16).padStart(2, "0")).join("") : t;
 }
-function L(s, t) {
-  return s == null ? t : typeof s == "string" ? s : typeof s == "boolean" ? s ? "true" : "false" : typeof s == "bigint" ? String(q(s)) : s instanceof Date ? s.toISOString() : s instanceof Map ? "{" + Array.from(s.entries()).map(
-    ([i, r]) => `${L(i, t)}: ${L(r, t)}`
-  ).join(", ") + "}" : s instanceof Uint8Array ? "\\x" + Array.from(s).map((e) => e.toString(16).padStart(2, "0")).join("") : Array.isArray(s) ? "[" + s.map((e) => L(e, t)).join(", ") + "]" : $t(s) ? kt(s) : typeof s == "object" ? JSON.stringify(s, Y) : String(s);
+function $(s, t) {
+  return s == null ? t : typeof s == "string" ? s : typeof s == "boolean" ? s ? "true" : "false" : typeof s == "bigint" ? String(xt(s)) : s instanceof Date ? s.toISOString() : s instanceof Map ? "{" + Array.from(s.entries()).map(
+    ([i, r]) => `${$(i, t)}: ${$(r, t)}`
+  ).join(", ") + "}" : s instanceof Uint8Array ? "\\x" + Array.from(s).map((e) => e.toString(16).padStart(2, "0")).join("") : Array.isArray(s) ? "[" + s.map((e) => $(e, t)).join(", ") + "]" : me(s) ? fe(s) : typeof s == "object" ? JSON.stringify(s, vt) : String(s);
 }
-function z(s, t, e = {}) {
-  const { maxColumnWidth: i = Bt, nullValue: r = "NULL" } = e;
+function H(s, t, e = {}) {
+  const { maxColumnWidth: i = de, nullValue: r = "NULL" } = e;
   if (s.length === 0)
     return "";
   const n = t.map(
     (l) => l.map((c) => {
-      const f = L(c, r);
-      return i ? Q(f, i) : f;
+      const f = $(c, r);
+      return i ? ct(f, i) : f;
     })
   ), o = s.map((l, c) => {
-    const f = A(l), m = n.reduce((S, tt) => {
-      const et = A(tt[c] ?? "");
-      return Math.max(S, et);
+    const f = j(l), u = n.reduce((p, g) => {
+      const y = j(g[c] ?? "");
+      return Math.max(p, y);
     }, 0);
-    return Math.min(Math.max(f, m), i);
+    return Math.min(Math.max(f, u), i);
   }), a = [];
   a.push("┌" + o.map((l) => "─".repeat(l + 2)).join("┬") + "┐"), a.push(
-    "│" + s.map((l, c) => " " + H(Q(l, o[c]), o[c]) + " ").join("│") + "│"
+    "│" + s.map((l, c) => " " + lt(ct(l, o[c]), o[c]) + " ").join("│") + "│"
   ), a.push("├" + o.map((l) => "─".repeat(l + 2)).join("┼") + "┤");
   for (const l of n)
     a.push(
-      "│" + l.map((c, f) => " " + H(c, o[f]) + " ").join("│") + "│"
+      "│" + l.map((c, f) => " " + lt(c, o[f]) + " ").join("│") + "│"
     );
   return a.push("└" + o.map((l) => "─".repeat(l + 2)).join("┴") + "┘"), a.join(`
 `);
 }
-function N(s, t) {
+function Q(s, t) {
   const e = (r) => {
-    const n = L(r, "");
+    const n = $(r, "");
     return n.includes(",") || n.includes('"') || n.includes(`
 `) ? '"' + n.replace(/"/g, '""') + '"' : n;
   }, i = [];
@@ -1523,36 +1623,36 @@ function N(s, t) {
   return i.join(`
 `);
 }
-function F(s, t) {
-  const e = (r) => L(r, "").replace(/\t/g, " ").replace(/\n/g, " "), i = [];
+function _(s, t) {
+  const e = (r) => $(r, "").replace(/\t/g, " ").replace(/\n/g, " "), i = [];
   i.push(s.map(e).join("	"));
   for (const r of t)
     i.push(r.map(e).join("	"));
   return i.join(`
 `);
 }
-function D(s, t) {
+function z(s, t) {
   const e = t.map((i) => {
     const r = {};
     return s.forEach((n, o) => {
       r[n] = i[o] ?? null;
     }), r;
   });
-  return JSON.stringify(e, Y, 2);
+  return JSON.stringify(e, vt, 2);
 }
-const _ = 100 * 1024 * 1024;
-class At extends Error {
-  constructor(t, e, i = _) {
+const it = 100 * 1024 * 1024;
+class pe extends Error {
+  constructor(t, e, i = it) {
     super(
-      `File "${t}" (${$(e)}) exceeds maximum size of ${$(i)}`
+      `File "${t}" (${U(e)}) exceeds maximum size of ${U(i)}`
     ), this.filename = t, this.size = e, this.maxSize = i, this.name = "FileSizeError";
   }
 }
-function xt(s, t = _) {
+function ge(s, t = it) {
   if (s.size > t)
-    throw new At(s.name, s.size, t);
+    throw new pe(s.name, s.size, t);
 }
-async function V(s) {
+async function Tt(s) {
   return new Promise((t) => {
     const e = document.createElement("input");
     e.type = "file", e.multiple = s?.multiple ?? !0, e.accept = s?.accept ?? ".csv,.parquet,.json,.db,.duckdb", e.onchange = () => {
@@ -1563,32 +1663,36 @@ async function V(s) {
     }, e.click();
   });
 }
-async function It(s, t = _) {
-  return xt(s, t), new Promise((e, i) => {
+async function we(s, t = it) {
+  return ge(s, t), new Promise((e, i) => {
     const r = new FileReader();
     r.onload = () => {
       e(new Uint8Array(r.result));
     }, r.onerror = () => i(r.error), r.readAsArrayBuffer(s);
   });
 }
-function $(s) {
+function U(s) {
   if (s === 0) return "0 B";
   const t = 1024, e = ["B", "KB", "MB", "GB"], i = Math.floor(Math.log(s) / Math.log(t));
   return parseFloat((s / Math.pow(t, i)).toFixed(2)) + " " + e[i];
 }
-function K(s) {
+function Et(s) {
   const t = s.lastIndexOf(".");
   return t === -1 ? "" : s.substring(t + 1).toLowerCase();
 }
-function zt(s) {
+function ye(s) {
   return {
     name: s.name,
     size: s.size,
-    type: s.type || K(s.name),
+    type: s.type || Et(s.name),
     lastModified: new Date(s.lastModified)
   };
 }
-function Nt(s, t) {
+function be(s, t, e = "application/octet-stream") {
+  const i = s instanceof Uint8Array ? [new Uint8Array(s)] : [s], r = new Blob(i, { type: e }), n = URL.createObjectURL(r), o = document.createElement("a");
+  o.href = n, o.download = t, o.click(), URL.revokeObjectURL(n);
+}
+function Ce(s, t) {
   const e = (n) => {
     n.preventDefault(), n.stopPropagation(), s.classList.add("drag-over");
   }, i = (n) => {
@@ -1602,7 +1706,7 @@ function Nt(s, t) {
     s.removeEventListener("dragover", e), s.removeEventListener("dragleave", i), s.removeEventListener("drop", r);
   };
 }
-async function X(s) {
+async function st(s) {
   try {
     if (navigator.clipboard && navigator.clipboard.writeText)
       return await navigator.clipboard.writeText(s), !0;
@@ -1617,50 +1721,50 @@ async function X(s) {
     return !1;
   }
 }
-async function Ft() {
+async function xe() {
   try {
     return navigator.clipboard && navigator.clipboard.readText ? await navigator.clipboard.readText() : null;
   } catch {
     return null;
   }
 }
-function be() {
+function zi() {
   return !!(navigator.clipboard && navigator.clipboard.writeText);
 }
-function Dt(s) {
+function ve(s) {
   switch (s) {
     case "KEYWORD":
-      return M;
+      return tt;
     case "IDENTIFIER":
       return "";
     // No color for identifiers
     case "OPERATOR":
-      return O;
+      return et;
     case "NUMERIC_CONSTANT":
-      return G;
+      return Ct;
     case "STRING_CONSTANT":
-      return y;
+      return b;
     case "COMMENT":
       return T;
     case "ERROR":
-      return p;
+      return w;
     default:
       return "";
   }
 }
-function Mt(s, t) {
+function K(s, t) {
   if (t.length === 0)
     return s;
   let e = "", i = 0;
   for (let r = 0; r < t.length; r++) {
     const n = t[r], o = t[r + 1], a = n.position, l = o ? o.position : s.length;
     a > i && (e += s.slice(i, a));
-    const c = s.slice(a, l), f = Dt(n.category);
-    f ? e += f + c + x : e += c, i = l;
+    const c = s.slice(a, l), f = ve(n.category);
+    f ? e += f + c + V : e += c, i = l;
   }
   return i < s.length && (e += s.slice(i)), e;
 }
-function ye(s) {
+function Te(s) {
   const t = s.trim();
   if (!t) return !1;
   let e = !1, i = !1, r = !1, n = !1, o = "";
@@ -1703,7 +1807,7 @@ function ye(s) {
   }
   return o === ";";
 }
-function Ot(s, t) {
+function Ee(s, t) {
   let e = null;
   const i = function(...r) {
     e !== null && clearTimeout(e), e = setTimeout(() => {
@@ -1714,7 +1818,7 @@ function Ot(s, t) {
     e !== null && (clearTimeout(e), e = null);
   }, i;
 }
-function _t(s) {
+function Se(s) {
   const t = [];
   let e = "", i = null, r = !1, n = !1;
   for (let o = 0; o < s.length; o++) {
@@ -1769,31 +1873,31 @@ function _t(s) {
   }
   return (e || n) && t.push(e), t;
 }
-function Ht(s) {
-  const t = _t(s), e = t[0]?.toLowerCase() ?? "", i = t.slice(1);
+function Le(s) {
+  const t = Se(s), e = t[0]?.toLowerCase() ?? "", i = t.slice(1);
   return { command: e, args: i, allArgs: t };
 }
-const E = /https?:\/\/[^\s<>"\])\[}{'|^`\\]+/gi, Qt = "\x1B]8;;", Ut = "\x07", Wt = "\x1B]8;;\x07";
-function Te(s) {
-  return E.lastIndex = 0, E.test(s);
+const k = /https?:\/\/[^\s<>"\])\[}{'|^`\\]+/gi, Pe = "\x1B]8;;", ke = "\x07", Ie = "\x1B]8;;\x07";
+function qi(s) {
+  return k.lastIndex = 0, k.test(s);
 }
-function Ee(s) {
-  return E.lastIndex = 0, s.match(E) || [];
+function ji(s) {
+  return k.lastIndex = 0, s.match(k) || [];
 }
-function J(s, t) {
-  return `${Qt}${s}${Ut}${t ?? s}${Wt}`;
+function St(s, t) {
+  return `${Pe}${s}${ke}${t ?? s}${Ie}`;
 }
-function jt(s) {
-  return E.lastIndex = 0, s.replace(E, (t) => J(t));
+function $e(s) {
+  return k.lastIndex = 0, s.replace(k, (t) => St(t));
 }
-function Se(s) {
+function Wi(s) {
   try {
     return new URL(s), !0;
   } catch {
     return !1;
   }
 }
-function Gt(s, t = 60) {
+function Ae(s, t = 60) {
   if (s.length <= t)
     return s;
   try {
@@ -1806,7 +1910,7 @@ function Gt(s, t = 60) {
     return s.substring(0, t - 3) + "...";
   }
 }
-class qt {
+class Re {
   constructor() {
     h(this, "enabled", !0);
     h(this, "maxURLLength", 80);
@@ -1833,252 +1937,2419 @@ class qt {
    * Process text and add hyperlinks to URLs
    */
   process(t) {
-    return this.enabled ? jt(t) : t;
+    return this.enabled ? $e(t) : t;
   }
   /**
    * Process text with truncated URL display
    */
   processWithTruncation(t) {
-    return this.enabled ? (E.lastIndex = 0, t.replace(E, (e) => {
-      const i = Gt(e, this.maxURLLength);
-      return J(e, i);
+    return this.enabled ? (k.lastIndex = 0, t.replace(k, (e) => {
+      const i = Ae(e, this.maxURLLength);
+      return St(e, i);
     })) : t;
   }
 }
-const Yt = {
-  background: "#1e1e1e",
-  foreground: "#d4d4d4",
-  cursor: "#d4d4d4",
-  selection: "#264f78",
-  black: "#000000",
-  red: "#cd3131",
-  green: "#0dbc79",
-  yellow: "#e5e510",
-  blue: "#2472c8",
-  magenta: "#bc3fbc",
-  cyan: "#11a8cd",
-  white: "#e5e5e5",
-  brightBlack: "#666666",
-  brightRed: "#f14c4c",
-  brightGreen: "#23d18b",
-  brightYellow: "#f5f543",
-  brightBlue: "#3b8eea",
-  brightMagenta: "#d670d6",
-  brightCyan: "#29b8db",
-  brightWhite: "#ffffff"
-}, Vt = {
-  background: "#ffffff",
-  foreground: "#1e1e1e",
-  cursor: "#1e1e1e",
-  selection: "#add6ff",
-  black: "#000000",
-  red: "#cd3131",
-  green: "#008000",
-  yellow: "#795e00",
-  blue: "#0451a5",
-  magenta: "#bc05bc",
-  cyan: "#0598bc",
-  white: "#e5e5e5",
-  brightBlack: "#666666",
-  brightRed: "#cd3131",
-  brightGreen: "#14ce14",
-  brightYellow: "#b5ba00",
-  brightBlue: "#0451a5",
-  brightMagenta: "#bc05bc",
-  brightCyan: "#0598bc",
-  brightWhite: "#a5a5a5"
-}, Kt = {
-  name: "dark",
-  colors: Yt
-}, Xt = {
-  name: "light",
-  colors: Vt
-};
-function U(s) {
-  return s === "light" ? Xt : Kt;
-}
-function Jt() {
-  try {
-    const s = localStorage.getItem("duckdb-terminal-theme");
-    if (s === "light" || s === "dark")
-      return s;
-  } catch {
+const Ne = {
+  widthPercent: 80,
+  heightPercent: 70,
+  padding: 20,
+  minWidth: 400,
+  minHeight: 300
+}, Lt = "https://cdn.jsdelivr.net/npm/uplot", Me = () => `${Lt}@1.6.32/dist/uPlot.iife.min.js`, Be = () => `${Lt}@1.6.32/dist/uPlot.min.css`;
+class De {
+  constructor() {
+    h(this, "state", "idle");
+    h(this, "uplot", null);
+    h(this, "loadPromise", null);
+    h(this, "error", null);
+    /** Timeout for CDN load in milliseconds */
+    h(this, "LOAD_TIMEOUT", 1e4);
   }
-  return "dark";
-}
-function Zt(s) {
-  try {
-    localStorage.setItem("duckdb-terminal-theme", s);
-  } catch {
+  /**
+   * Get current loading state
+   */
+  getState() {
+    return this.state;
   }
-}
-const W = "🦆 ", j = "  > ";
-class te {
-  constructor(t) {
-    h(this, "terminalAdapter");
-    h(this, "database");
-    h(this, "inputBuffer");
-    h(this, "history");
-    h(this, "state", "idle");
-    h(this, "collectedSQL", []);
-    h(this, "commands", /* @__PURE__ */ new Map());
-    h(this, "showTimer", !1);
-    h(this, "outputMode", "table");
-    h(this, "currentThemeName");
-    h(this, "customTheme", null);
-    h(this, "config");
-    h(this, "loadedFiles", /* @__PURE__ */ new Map());
-    h(this, "syntaxHighlighting", !0);
-    h(this, "lastQueryResult", null);
-    h(this, "linkProvider");
-    // Event emitter
-    h(this, "eventListeners", /* @__PURE__ */ new Map());
-    // Pagination state (0 = disabled by default)
-    h(this, "pageSize", 0);
-    h(this, "paginationQuery", null);
-    h(this, "currentPage", 0);
-    h(this, "totalRows", 0);
-    // Prompt customization
-    h(this, "prompt");
-    h(this, "continuationPrompt");
-    // Debounced syntax highlighting (150ms delay to avoid excessive redraws)
-    h(this, "debouncedHighlight", Ot(() => this.redrawLineHighlighted(), 150));
-    // Query queue to prevent race conditions
-    h(this, "queryQueue", Promise.resolve(null));
-    // Cleanup function for drag-and-drop
-    h(this, "dragDropCleanup", null);
-    this.config = t, this.terminalAdapter = new ht(), this.database = new ct({
-      storage: t.storage ?? "memory",
-      databasePath: t.databasePath
-    }), this.inputBuffer = new Lt(), this.history = new vt(), this.linkProvider = new qt(), t.linkDetection === !1 && this.linkProvider.setEnabled(!1), this.prompt = t.prompt ?? W, this.continuationPrompt = t.continuationPrompt ?? j, typeof t.theme == "object" ? (this.customTheme = t.theme, this.currentThemeName = "custom") : this.currentThemeName = t.theme ?? Jt(), this.registerCommands();
+  /**
+   * Check if uPlot is already loaded
+   */
+  isLoaded() {
+    return this.state === "loaded" && this.uplot !== null;
   }
-  // ==================== Event Emitter ====================
   /**
-   * Subscribes to a terminal event.
-   *
-   * The terminal emits various events during its lifecycle that you can
-   * subscribe to for monitoring, logging, or integrating with your application.
-   *
-   * @typeParam K - The event type key from {@link TerminalEvents}
-   * @param event - The event name to subscribe to
-   * @param listener - The callback function to invoke when the event occurs
-   * @returns An unsubscribe function that removes the listener when called
-   *
-   * @example Subscribe to query events
-   * ```typescript
-   * const unsubscribe = terminal.on('queryEnd', ({ sql, result, duration }) => {
-   *   console.log(`Query completed in ${duration}ms`);
-   * });
-   *
-   * // Later, to stop listening:
-   * unsubscribe();
-   * ```
-   *
-   * @example Monitor state changes
-   * ```typescript
-   * terminal.on('stateChange', ({ state, previous }) => {
-   *   console.log(`Terminal state: ${previous} -> ${state}`);
-   * });
-   * ```
+   * Get the loaded uPlot constructor, or null if not loaded
    */
-  on(t, e) {
-    return this.eventListeners.has(t) || this.eventListeners.set(t, /* @__PURE__ */ new Set()), this.eventListeners.get(t).add(e), () => this.off(t, e);
+  getUPlot() {
+    return this.uplot;
   }
   /**
-   * Unsubscribes a listener from a terminal event.
-   *
-   * This is an alternative to using the unsubscribe function returned by {@link on}.
-   *
-   * @typeParam K - The event type key from {@link TerminalEvents}
-   * @param event - The event name to unsubscribe from
-   * @param listener - The callback function to remove
-   *
-   * @example
-   * ```typescript
-   * const handler = ({ sql }) => console.log(sql);
-   * terminal.on('queryStart', handler);
-   *
-   * // Later:
-   * terminal.off('queryStart', handler);
-   * ```
+   * Get the loading error if any
    */
-  off(t, e) {
-    this.eventListeners.get(t)?.delete(e);
+  getError() {
+    return this.error;
   }
   /**
-   * Emits an event to all registered listeners.
-   *
-   * @internal
-   * @typeParam K - The event type key from {@link TerminalEvents}
-   * @param event - The event name to emit
-   * @param payload - The event payload to pass to listeners
+   * Load uPlot library from CDN.
+   * Returns cached instance if already loaded.
+   * Prevents duplicate load attempts.
    */
-  emit(t, e) {
-    this.eventListeners.get(t)?.forEach((i) => {
-      try {
-        i(e);
-      } catch (r) {
-        console.error(`Error in ${t} event listener:`, r);
-      }
-    });
+  async load() {
+    if (this.state === "loaded" && this.uplot)
+      return this.uplot;
+    if (this.state === "loading" && this.loadPromise)
+      return this.loadPromise;
+    if (this.state === "error" && this.error)
+      throw this.error;
+    this.state = "loading", this.loadPromise = this.doLoad();
+    try {
+      return this.uplot = await this.loadPromise, this.state = "loaded", this.uplot;
+    } catch (t) {
+      throw this.state = "error", this.error = t instanceof Error ? t : new Error(String(t)), this.error;
+    }
   }
   /**
-   * Sets the terminal state and emits a stateChange event.
-   *
-   * @internal
-   * @param newState - The new terminal state
+   * Reset loader state (mainly for testing)
    */
-  setState(t) {
-    const e = this.state;
-    e !== t && (this.state = t, this.emit("stateChange", { state: t, previous: e }));
+  reset() {
+    this.state = "idle", this.uplot = null, this.loadPromise = null, this.error = null;
   }
-  // ==================== Syntax Highlighting ====================
   /**
-   * Returns SQL with syntax highlighting applied (synchronous fallback).
-   *
-   * This is used for history navigation and examples display where async
-   * highlighting is not practical. Returns unhighlighted SQL since the
-   * DuckDB tokenizer is async.
-   *
-   * @param sql - The SQL string to highlight
-   * @returns The SQL (highlighting not applied in sync context)
+   * Perform the actual loading of JS and CSS
    */
-  getHighlightedSQL(t) {
-    return this.syntaxHighlighting, t;
+  async doLoad() {
+    await Promise.all([this.loadCSS(), this.loadJS()]);
+    const t = window.uPlot;
+    if (!t)
+      throw new Error("uPlot not found on window after loading");
+    return t;
   }
   /**
-   * Redraws the current input line with syntax highlighting applied.
-   *
-   * This method clears the current line content and rewrites it with
-   * color codes for SQL keywords, strings, numbers, etc. Called on
-   * delimiter characters (space, semicolon, parentheses, comma) via debouncing.
-   *
-   * Uses DuckDB's internal parser via the poached extension for accurate tokenization.
+   * Load uPlot JavaScript from CDN
    */
-  async redrawLineHighlighted() {
-    if (!this.syntaxHighlighting)
-      return;
-    const t = this.inputBuffer.getContent();
-    if (t.length === 0)
-      return;
-    const e = this.inputBuffer.getCursorPosition(), i = this.inputBuffer.getEndPosition();
+  loadJS() {
+    return new Promise((t, e) => {
+      if (window.uPlot) {
+        t();
+        return;
+      }
+      const i = document.createElement("script");
+      i.src = Me(), i.async = !0;
+      const r = setTimeout(() => {
+        e(new Error("Timeout loading uPlot JavaScript"));
+      }, this.LOAD_TIMEOUT);
+      i.onload = () => {
+        clearTimeout(r), t();
+      }, i.onerror = () => {
+        clearTimeout(r), e(new Error("Failed to load uPlot JavaScript from CDN"));
+      }, document.head.appendChild(i);
+    });
+  }
+  /**
+   * Load uPlot CSS from CDN
+   */
+  loadCSS() {
+    return new Promise((t, e) => {
+      if (document.querySelector(
+        'link[href*="uPlot.min.css"]'
+      )) {
+        t();
+        return;
+      }
+      const r = document.createElement("link");
+      r.rel = "stylesheet", r.href = Be();
+      const n = setTimeout(() => {
+        e(new Error("Timeout loading uPlot CSS"));
+      }, this.LOAD_TIMEOUT);
+      r.onload = () => {
+        clearTimeout(n), t();
+      }, r.onerror = () => {
+        clearTimeout(n), e(new Error("Failed to load uPlot CSS from CDN"));
+      }, document.head.appendChild(r);
+    });
+  }
+}
+const Ue = new De();
+class Oe {
+  /**
+   * Creates a new ChartOverlay instance.
+   * @param container - The parent HTML element to attach the overlay to
+   * @param events - Event handlers for overlay interactions (dismiss, export)
+   * @param dimensions - Configuration for overlay sizing and positioning
+   */
+  constructor(t, e = {}, i = Ne) {
+    h(this, "container");
+    h(this, "overlay", null);
+    h(this, "chartContainer", null);
+    h(this, "loadingIndicator", null);
+    h(this, "state", "hidden");
+    h(this, "resizeObserver", null);
+    h(this, "events");
+    h(this, "dimensions");
+    h(this, "keyHandler", null);
+    h(this, "clickHandler", null);
+    /** Transition duration in milliseconds */
+    h(this, "TRANSITION_DURATION", 200);
+    this.container = t, this.events = e, this.dimensions = i;
+  }
+  /**
+   * Get current overlay state.
+   * @returns The current state of the overlay (hidden, showing, visible, hiding)
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * Check if overlay is currently visible or in the process of showing.
+   * @returns True if the overlay is visible or transitioning to visible
+   */
+  isVisible() {
+    return this.state === "visible" || this.state === "showing";
+  }
+  /**
+   * Get the chart container element where uPlot should render.
+   * @returns The chart container div element, or null if overlay is not shown
+   */
+  getChartContainer() {
+    return this.chartContainer;
+  }
+  /**
+   * Get computed chart dimensions based on container size.
+   * Respects minimum dimensions and percentage-based sizing.
+   * @returns Object with width and height in pixels
+   */
+  getChartDimensions() {
+    const t = this.container.getBoundingClientRect(), e = Math.max(
+      this.dimensions.minWidth,
+      Math.floor(
+        t.width * this.dimensions.widthPercent / 100 - this.dimensions.padding * 2
+      )
+    ), i = Math.max(
+      this.dimensions.minHeight,
+      Math.floor(
+        t.height * this.dimensions.heightPercent / 100 - this.dimensions.padding * 2
+      )
+    );
+    return { width: e, height: i };
+  }
+  /**
+   * Show the overlay with fade-in animation.
+   * Sets up keyboard handlers, click handlers, and resize observers.
+   * @returns Promise that resolves when the transition completes
+   */
+  show() {
+    return this.state === "visible" || this.state === "showing" ? Promise.resolve() : (this.state = "showing", this.createOverlay(), this.setupKeyboardHandler(), this.setupResizeObserver(), new Promise((t) => {
+      this.overlay?.offsetHeight, this.overlay && (this.overlay.style.opacity = "1"), setTimeout(() => {
+        this.state = "visible", t();
+      }, this.TRANSITION_DURATION);
+    }));
+  }
+  /**
+   * Hide the overlay with fade-out animation.
+   * Cleans up all event handlers and removes DOM elements.
+   * @returns Promise that resolves when the transition completes
+   */
+  hide() {
+    return this.state === "hidden" || this.state === "hiding" ? Promise.resolve() : (this.state = "hiding", this.overlay && (this.overlay.style.opacity = "0"), new Promise((t) => {
+      setTimeout(() => {
+        this.destroyOverlay(), this.state = "hidden", t();
+      }, this.TRANSITION_DURATION);
+    }));
+  }
+  /**
+   * Toggle overlay visibility.
+   * Shows the overlay if hidden, hides it if visible.
+   * @returns Promise that resolves when the transition completes
+   */
+  toggle() {
+    return this.isVisible() ? this.hide() : this.show();
+  }
+  /**
+   * Show loading indicator while chart library is being fetched.
+   * Displays a spinner and "Loading chart library..." message.
+   */
+  showLoading() {
+    if (!this.chartContainer || this.loadingIndicator) return;
+    this.loadingIndicator = document.createElement("div"), this.loadingIndicator.className = "duckdb-chart-loading", this.loadingIndicator.style.cssText = `
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      color: rgba(255, 255, 255, 0.7);
+      font-size: 14px;
+      font-family: system-ui, sans-serif;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 12px;
+    `;
+    const t = document.createElement("div");
+    if (t.style.cssText = `
+      width: 32px;
+      height: 32px;
+      border: 3px solid rgba(255, 255, 255, 0.2);
+      border-top-color: rgba(255, 255, 255, 0.8);
+      border-radius: 50%;
+      animation: duckdb-chart-spin 0.8s linear infinite;
+    `, !document.getElementById("duckdb-chart-spinner-styles")) {
+      const i = document.createElement("style");
+      i.id = "duckdb-chart-spinner-styles", i.textContent = `
+        @keyframes duckdb-chart-spin {
+          to { transform: rotate(360deg); }
+        }
+      `, document.head.appendChild(i);
+    }
+    const e = document.createElement("span");
+    e.textContent = "Loading chart library...", this.loadingIndicator.appendChild(t), this.loadingIndicator.appendChild(e), this.chartContainer.appendChild(this.loadingIndicator);
+  }
+  /**
+   * Hide loading indicator after chart library has loaded.
+   */
+  hideLoading() {
+    this.loadingIndicator && this.loadingIndicator.parentNode && this.loadingIndicator.parentNode.removeChild(this.loadingIndicator), this.loadingIndicator = null;
+  }
+  /**
+   * Clean up all resources and remove overlay from DOM.
+   * Should be called when the overlay is no longer needed.
+   */
+  destroy() {
+    this.destroyOverlay(), this.state = "hidden";
+  }
+  /**
+   * Create the overlay DOM structure
+   */
+  createOverlay() {
+    if (this.overlay) return;
+    this.overlay = document.createElement("div"), this.overlay.className = "duckdb-chart-overlay", this.overlay.style.cssText = `
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.85);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+      opacity: 0;
+      transition: opacity ${this.TRANSITION_DURATION}ms ease-in-out;
+    `, this.chartContainer = document.createElement("div"), this.chartContainer.className = "duckdb-chart-container";
+    const { width: t, height: e } = this.getChartDimensions();
+    this.chartContainer.style.cssText = `
+      width: ${t}px;
+      height: ${e}px;
+      background: var(--chart-bg, #1e1e1e);
+      border-radius: 8px;
+      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
+      padding: ${this.dimensions.padding}px;
+      box-sizing: border-box;
+    `;
+    const i = document.createElement("div");
+    i.className = "duckdb-chart-close-hint", i.style.cssText = `
+      position: absolute;
+      top: 12px;
+      right: 16px;
+      color: rgba(255, 255, 255, 0.5);
+      font-size: 12px;
+      font-family: system-ui, sans-serif;
+    `, i.textContent = "ESC or click outside to close", this.overlay.appendChild(this.chartContainer), this.overlay.appendChild(i), this.setupClickHandler(), getComputedStyle(this.container).position === "static" && (this.container.style.position = "relative"), this.container.appendChild(this.overlay);
+  }
+  /**
+   * Remove overlay from DOM and clean up
+   */
+  destroyOverlay() {
+    this.removeKeyboardHandler(), this.removeClickHandler(), this.removeResizeObserver(), this.overlay && this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay), this.overlay = null, this.chartContainer = null;
+  }
+  /**
+   * Set up keyboard event handler for ESC and Ctrl+S
+   */
+  setupKeyboardHandler() {
+    this.keyHandler = (t) => {
+      t.key === "Escape" ? (t.preventDefault(), t.stopPropagation(), this.hide(), this.events.onDismiss?.()) : t.key === "s" && (t.ctrlKey || t.metaKey) && (t.preventDefault(), t.stopPropagation(), this.events.onExport?.());
+    }, document.addEventListener("keydown", this.keyHandler, !0);
+  }
+  /**
+   * Remove keyboard event handler
+   */
+  removeKeyboardHandler() {
+    this.keyHandler && (document.removeEventListener("keydown", this.keyHandler, !0), this.keyHandler = null);
+  }
+  /**
+   * Set up click handler to close overlay when clicking outside the chart
+   */
+  setupClickHandler() {
+    this.clickHandler = (t) => {
+      t.target === this.overlay && (t.preventDefault(), t.stopPropagation(), this.hide(), this.events.onDismiss?.());
+    }, this.overlay?.addEventListener("click", this.clickHandler);
+  }
+  /**
+   * Remove click handler
+   */
+  removeClickHandler() {
+    this.clickHandler && this.overlay && this.overlay.removeEventListener("click", this.clickHandler), this.clickHandler = null;
+  }
+  /**
+   * Set up resize observer to update chart dimensions
+   */
+  setupResizeObserver() {
+    this.resizeObserver = new ResizeObserver(() => {
+      if (this.chartContainer && this.state === "visible") {
+        const { width: t, height: e } = this.getChartDimensions();
+        this.chartContainer.style.width = `${t}px`, this.chartContainer.style.height = `${e}px`;
+      }
+    }), this.resizeObserver.observe(this.container);
+  }
+  /**
+   * Remove resize observer
+   */
+  removeResizeObserver() {
+    this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null);
+  }
+}
+const Fe = /* @__PURE__ */ new Set([
+  "INTEGER",
+  "BIGINT",
+  "SMALLINT",
+  "TINYINT",
+  "UTINYINT",
+  "USMALLINT",
+  "UINTEGER",
+  "UBIGINT",
+  "HUGEINT",
+  "UHUGEINT",
+  "FLOAT",
+  "DOUBLE",
+  "DECIMAL",
+  "REAL",
+  "INT",
+  "INT1",
+  "INT2",
+  "INT4",
+  "INT8",
+  "INT16",
+  "INT32",
+  "INT64",
+  "INT128",
+  "UINT8",
+  "UINT16",
+  "UINT32",
+  "UINT64",
+  "UINT128",
+  "FLOAT4",
+  "FLOAT8",
+  "NUMERIC"
+]), He = /* @__PURE__ */ new Set([
+  "DATE",
+  "TIME",
+  "TIMESTAMP",
+  "TIMESTAMPTZ",
+  "TIMESTAMP_S",
+  "TIMESTAMP_MS",
+  "TIMESTAMP_NS",
+  "TIMESTAMP WITH TIME ZONE",
+  "TIME WITH TIME ZONE",
+  "TIMETZ",
+  "INTERVAL"
+]), Qe = /* @__PURE__ */ new Set([
+  "VARCHAR",
+  "TEXT",
+  "STRING",
+  "CHAR",
+  "BPCHAR",
+  "ENUM",
+  "BOOLEAN",
+  "BOOL",
+  "UUID"
+]), Pt = 20;
+function _e(s, t) {
+  if (s) {
+    const e = s.toUpperCase().split("(")[0].split("<")[0].trim();
+    if (Fe.has(e))
+      return "numeric";
+    if (He.has(e))
+      return "temporal";
+    if (Qe.has(e))
+      return "categorical";
+  }
+  return ze(t);
+}
+function ze(s) {
+  const t = s.filter((i) => i != null);
+  if (t.length === 0)
+    return "unknown";
+  const e = t.slice(0, 100);
+  return e.every((i) => typeof i == "number" || typeof i == "bigint") ? "numeric" : e.every(
+    (i) => i instanceof Date || typeof i == "string" && !isNaN(Date.parse(i)) && qe(i)
+  ) ? "temporal" : e.every((i) => typeof i == "string" || typeof i == "boolean") ? "categorical" : "unknown";
+}
+function qe(s) {
+  return [
+    /^\d{4}-\d{2}-\d{2}/,
+    // ISO date
+    /^\d{2}\/\d{2}\/\d{4}/,
+    // US date
+    /^\d{2}\.\d{2}\.\d{4}/,
+    // EU date
+    /^\d{4}\/\d{2}\/\d{2}/
+    // Alt ISO
+  ].some((e) => e.test(s));
+}
+function kt(s, t, e) {
+  return s.map((i, r) => {
+    const n = t.map((c) => c[r]), o = e?.[r], a = _e(o, n), l = new Set(n.filter((c) => c != null));
+    return {
+      name: i,
+      type: a,
+      duckdbType: o,
+      uniqueCount: l.size
+    };
+  });
+}
+function je(s) {
+  const t = s.filter((r) => r.type === "numeric"), e = s.filter((r) => r.type === "temporal"), i = s.filter(
+    (r) => r.type === "categorical" && (r.uniqueCount ?? 0) <= Pt
+  );
+  return s.length === 1 && t.length === 1 ? "histogram" : e.length >= 1 && t.length >= 1 ? "line" : i.length >= 1 && t.length >= 1 ? "bar" : t.length === 2 && s.length === 2 ? "scatter" : (t.length >= 2, "line");
+}
+function We(s, t) {
+  if (t?.x || t?.y) {
+    const l = t.x ?? null, c = t.y ?? s.filter((u) => u.type === "numeric" && u.name !== l).map((u) => u.name);
+    let f;
+    return l && s.find((p) => p.name === l)?.type === "categorical" && (f = []), { xColumn: l, yColumns: c, xLabels: f };
+  }
+  const e = s.filter((l) => l.type === "temporal"), i = s.filter(
+    (l) => l.type === "categorical" && (l.uniqueCount ?? 0) <= Pt
+  ), r = s.filter((l) => l.type === "numeric");
+  let n = null, o;
+  e.length > 0 ? n = e[0].name : i.length > 0 && (n = i[0].name, o = []);
+  const a = r.filter((l) => l.name !== n).map((l) => l.name);
+  return { xColumn: n, yColumns: a, xLabels: o };
+}
+function Ge(s, t) {
+  const e = new Set(t.map((r) => r.name)), i = s.filter((r) => !e.has(r));
+  return {
+    valid: i.length === 0,
+    missing: i
+  };
+}
+function ht(s, t = {}) {
+  const { columns: e, rows: i } = s, r = kt(e, i, t.duckdbTypes), n = We(r, {
+    x: t.x,
+    y: t.y
+  }), o = t.type ?? je(r);
+  let a, l;
+  if (o === "histogram") {
+    const u = Ke(i, r);
+    a = u.data, l = u.seriesNames, n.xLabels = u.labels;
+  } else {
+    const u = Ve(i, r, n);
+    a = u.data, l = u.seriesNames, u.xLabels && (n.xLabels = u.xLabels);
+  }
+  const f = (n.xColumn ? r.find((u) => u.name === n.xColumn) : null)?.type === "temporal";
+  return {
+    data: a,
+    chartType: o,
+    columns: r,
+    axes: n,
+    seriesNames: l,
+    isXTemporal: f
+  };
+}
+function Ve(s, t, e) {
+  const i = new Map(t.map((a, l) => [a.name, l]));
+  let r, n;
+  if (e.xColumn) {
+    const a = i.get(e.xColumn), l = t.find((c) => c.name === e.xColumn);
+    if (a === void 0)
+      throw new Error(`X column '${e.xColumn}' not found`);
+    if (l?.type === "temporal")
+      r = s.map((c) => Xe(c[a]));
+    else if (l?.type === "categorical") {
+      const c = [], f = /* @__PURE__ */ new Set();
+      for (const p of s) {
+        const g = String(p[a]);
+        f.has(g) || (f.add(g), c.push(g));
+      }
+      n = c;
+      const u = Ye(
+        s,
+        a,
+        e.yColumns,
+        i,
+        c
+      );
+      return {
+        data: [u.xValues, ...u.yColumns],
+        seriesNames: e.yColumns,
+        xLabels: n
+      };
+    } else
+      r = s.map((c) => W(c[a]));
+  } else
+    r = s.map((a, l) => l);
+  const o = e.yColumns.map((a) => {
+    const l = i.get(a);
+    if (l === void 0)
+      throw new Error(`Y column '${a}' not found`);
+    return s.map((c) => W(c[l]));
+  });
+  return {
+    data: [r, ...o],
+    seriesNames: e.yColumns,
+    xLabels: n
+  };
+}
+function Ye(s, t, e, i, r) {
+  const n = e.map(
+    () => /* @__PURE__ */ new Map()
+  );
+  for (const l of r)
+    for (const c of n)
+      c.set(l, 0);
+  for (const l of s) {
+    const c = String(l[t]);
+    e.forEach((f, u) => {
+      const p = i.get(f);
+      if (p !== void 0) {
+        const g = W(l[p]);
+        if (g !== null) {
+          const y = n[u].get(c) ?? 0;
+          n[u].set(c, y + g);
+        }
+      }
+    });
+  }
+  const o = r.map((l, c) => c), a = n.map(
+    (l) => r.map((c) => l.get(c) ?? null)
+  );
+  return { xValues: o, yColumns: a };
+}
+function Ke(s, t, e) {
+  const i = t.find((g) => g.type === "numeric");
+  if (!i)
+    throw new Error("No numeric column found for histogram");
+  const r = t.findIndex((g) => g.name === i.name), n = s.map((g) => W(g[r])).filter((g) => g !== null);
+  if (n.length === 0)
+    return {
+      data: [[], []],
+      seriesNames: ["Count"],
+      labels: []
+    };
+  const o = Math.ceil(Math.log2(n.length) + 1), a = Math.min(...n), c = (Math.max(...n) - a) / o || 1, f = new Array(o).fill(0), u = [];
+  for (let g = 0; g < o; g++) {
+    const y = a + g * c, x = y + c;
+    u.push(`${ut(y)}-${ut(x)}`);
+  }
+  for (const g of n) {
+    let y = Math.floor((g - a) / c);
+    y >= o && (y = o - 1), f[y]++;
+  }
+  return {
+    data: [u.map((g, y) => y), f],
+    seriesNames: ["Count"],
+    labels: u
+  };
+}
+function Xe(s) {
+  if (s == null) return null;
+  if (s instanceof Date)
+    return s.getTime() / 1e3;
+  if (typeof s == "number")
+    return s > 1e12 ? s / 1e3 : s;
+  if (typeof s == "string") {
+    const t = Date.parse(s);
+    if (!isNaN(t))
+      return t / 1e3;
+  }
+  return null;
+}
+function W(s) {
+  if (s == null) return null;
+  if (typeof s == "number")
+    return isNaN(s) ? null : s;
+  if (typeof s == "bigint")
+    return Number(s);
+  if (typeof s == "string") {
+    const t = parseFloat(s);
+    return isNaN(t) ? null : t;
+  }
+  return null;
+}
+function ut(s) {
+  return Number.isInteger(s) ? s.toString() : s.toFixed(2);
+}
+function Je(s) {
+  return s ? s.rows.length === 0 ? { valid: !1, error: "Query returned no rows." } : kt(s.columns, s.rows).filter((i) => i.type === "numeric").length === 0 ? { valid: !1, error: "No numeric columns found for charting." } : { valid: !0 } : { valid: !1, error: "No data to chart. Run a query first." };
+}
+function Ze(s) {
+  return {
+    background: s.background,
+    foreground: s.foreground,
+    gridColor: dt(s.foreground, 0.2),
+    axisColor: dt(s.foreground, 0.6),
+    seriesColors: ti(s),
+    tooltipBg: ei(s.background, 0.95),
+    tooltipFg: s.foreground
+  };
+}
+function ti(s) {
+  return [
+    s.blue,
+    s.green,
+    s.red,
+    s.yellow,
+    s.magenta,
+    s.cyan,
+    s.brightBlue,
+    s.brightGreen,
+    s.brightRed,
+    s.brightYellow,
+    s.brightMagenta,
+    s.brightCyan
+  ];
+}
+function dt(s, t) {
+  const e = It(s);
+  return e ? `rgba(${e.r}, ${e.g}, ${e.b}, ${t})` : s;
+}
+function ei(s, t) {
+  const e = It(s);
+  return e ? `rgba(${e.r}, ${e.g}, ${e.b}, ${t})` : s;
+}
+function It(s) {
+  if (s.startsWith("#")) {
+    const e = s.slice(1);
+    if (e.length === 3)
+      return {
+        r: parseInt(e[0] + e[0], 16),
+        g: parseInt(e[1] + e[1], 16),
+        b: parseInt(e[2] + e[2], 16)
+      };
+    if (e.length === 6)
+      return {
+        r: parseInt(e.slice(0, 2), 16),
+        g: parseInt(e.slice(2, 4), 16),
+        b: parseInt(e.slice(4, 6), 16)
+      };
+  }
+  const t = s.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+  return t ? {
+    r: parseInt(t[1], 10),
+    g: parseInt(t[2], 10),
+    b: parseInt(t[3], 10)
+  } : null;
+}
+const ii = {
+  background: "#1e1e1e",
+  foreground: "#d4d4d4",
+  gridColor: "rgba(212, 212, 212, 0.2)",
+  axisColor: "rgba(212, 212, 212, 0.6)",
+  seriesColors: [
+    "#2472c8",
+    // blue
+    "#0dbc79",
+    // green
+    "#cd3131",
+    // red
+    "#e5e510",
+    // yellow
+    "#bc3fbc",
+    // magenta
+    "#11a8cd",
+    // cyan
+    "#3b8eea",
+    // bright blue
+    "#23d18b",
+    // bright green
+    "#f14c4c",
+    // bright red
+    "#f5f543",
+    // bright yellow
+    "#d670d6",
+    // bright magenta
+    "#29b8db"
+    // bright cyan
+  ],
+  tooltipBg: "rgba(30, 30, 30, 0.95)",
+  tooltipFg: "#d4d4d4"
+}, si = {
+  background: "#ffffff",
+  foreground: "#1e1e1e",
+  gridColor: "rgba(30, 30, 30, 0.15)",
+  axisColor: "rgba(30, 30, 30, 0.6)",
+  seriesColors: [
+    "#0066cc",
+    // blue
+    "#008844",
+    // green
+    "#cc0000",
+    // red
+    "#cc9900",
+    // yellow/gold
+    "#9933cc",
+    // magenta
+    "#0099aa",
+    // cyan
+    "#3399ff",
+    // bright blue
+    "#33cc66",
+    // bright green
+    "#ff3333",
+    // bright red
+    "#ffcc00",
+    // bright yellow
+    "#cc66ff",
+    // bright magenta
+    "#33cccc"
+    // bright cyan
+  ],
+  tooltipBg: "rgba(255, 255, 255, 0.95)",
+  tooltipFg: "#1e1e1e"
+};
+function ri(s) {
+  return s === "dark" ? ii : si;
+}
+class ni {
+  /**
+   * Creates a new ChartRenderer instance.
+   * @param uPlotConstructor - The uPlot constructor function (loaded from CDN)
+   * @param container - The HTML element to render the chart into
+   */
+  constructor(t, e) {
+    h(this, "uPlot");
+    h(this, "chart", null);
+    h(this, "container");
+    this.uPlot = t, this.container = e;
+  }
+  /**
+   * Render a chart with the given data and options.
+   * Destroys any existing chart before creating a new one.
+   * @param data - The chart data in uPlot columnar format (first array is X, rest are Y series)
+   * @param options - Rendering options including type, theme, dimensions, and series names
+   * @returns The created uPlot instance
+   */
+  render(t, e) {
+    this.destroy();
+    const i = this.buildOptions(e);
+    return this.chart = new this.uPlot(i, t, this.container), e.seriesNames.length > 0 && this.createInlineLegend(e.seriesNames, e.theme), this.chart;
+  }
+  /**
+   * Update chart with new data while keeping the same options.
+   * @param data - The new chart data in uPlot columnar format
+   */
+  update(t) {
+    this.chart && this.chart.setData(t);
+  }
+  /**
+   * Resize chart to new dimensions.
+   * @param width - New width in pixels
+   * @param height - New height in pixels
+   */
+  resize(t, e) {
+    this.chart && this.chart.setSize({ width: t, height: e });
+  }
+  /**
+   * Get the underlying uPlot instance.
+   * @returns The uPlot instance, or null if no chart is rendered
+   */
+  getChart() {
+    return this.chart;
+  }
+  /**
+   * Get the chart canvas element for export operations.
+   * @returns The canvas element, or null if no chart is rendered
+   */
+  getCanvas() {
+    return this.chart?.ctx?.canvas ?? null;
+  }
+  /**
+   * Destroy the chart and clean up resources.
+   * Removes the legend and destroys the uPlot instance.
+   */
+  destroy() {
+    const t = this.container.querySelector(".uplot-legend-below");
+    t && t.remove(), this.chart && (this.chart.destroy(), this.chart = null);
+  }
+  /**
+   * Build uPlot options from render options.
+   * Configures scales, axes, series, cursor, and plugins.
+   * @param options - The render options
+   * @returns uPlot configuration options
+   */
+  buildOptions(t) {
+    const { type: e, theme: i, width: r, height: n, seriesNames: o, axes: a, xLabels: l, isXTemporal: c } = t;
+    return {
+      width: r,
+      height: n,
+      ...this.getChartPadding(),
+      cursor: this.getCursorOptions(i),
+      legend: this.getLegendOptions(i),
+      scales: this.getScalesOptions(e, l, c),
+      axes: this.getAxesOptions(i, l, c),
+      series: this.getSeriesOptions(e, i, o, a),
+      plugins: [this.tooltipPlugin(i, o, l, c)]
+    };
+  }
+  /**
+   * Create tooltip plugin for hover values.
+   * Shows a tooltip with formatted X and Y values when hovering over data points.
+   * @param theme - Chart theme for styling
+   * @param seriesNames - Names of the data series for the tooltip
+   * @param xLabels - Optional category labels for categorical X axis
+   * @param isXTemporal - Whether X axis contains temporal data
+   * @returns uPlot plugin configuration
+   */
+  tooltipPlugin(t, e, i, r) {
+    let n = null, o;
+    const a = () => {
+      n && (n.style.display = "block");
+    }, l = () => {
+      n && (n.style.display = "none");
+    }, c = (u) => {
+      if (u == null) return "—";
+      const p = Math.abs(u);
+      return p >= 1e9 ? (u / 1e9).toFixed(2) + "B" : p >= 1e6 ? (u / 1e6).toFixed(2) + "M" : p >= 1e3 ? (u / 1e3).toFixed(2) + "K" : p < 1 && p > 0 ? u.toPrecision(3) : u.toLocaleString(void 0, { maximumFractionDigits: 2 });
+    }, f = (u, p, g, y) => {
+      const x = u.data[0][p];
+      if (x == null) return "—";
+      if (g && g.length > 0) {
+        const A = Math.round(x);
+        return g[A] ?? String(x);
+      }
+      return y ? new Date(x * 1e3).toLocaleDateString(void 0, {
+        year: "numeric",
+        month: "short",
+        day: "numeric"
+      }) : c(x);
+    };
+    return {
+      hooks: {
+        init: (u) => {
+          o = u.over, n = document.createElement("div"), n.className = "uplot-tooltip", n.style.cssText = `
+            position: absolute;
+            display: none;
+            background: ${t.tooltipBg};
+            color: ${t.tooltipFg};
+            padding: 8px 12px;
+            border-radius: 4px;
+            font-family: system-ui, sans-serif;
+            font-size: 12px;
+            pointer-events: none;
+            z-index: 100;
+            box-shadow: 0 2px 8px rgba(0,0,0,0.3);
+            white-space: nowrap;
+          `, o.appendChild(n), o.addEventListener("mouseleave", l), o.addEventListener("mouseenter", a);
+        },
+        setCursor: (u) => {
+          if (!n) return;
+          const { left: p, top: g, idx: y } = u.cursor;
+          if (p == null || g == null || p < 0 || y == null) {
+            l();
+            return;
+          }
+          a();
+          let A = `<div style="margin-bottom: 6px; font-weight: 500;">${f(u, y, i, r)}</div>`;
+          e.forEach((Mt, at) => {
+            const Bt = at + 1, Dt = u.data[Bt]?.[y], Ut = t.seriesColors[at % t.seriesColors.length];
+            A += `
+              <div style="display: flex; align-items: center; gap: 8px; margin-top: 4px;">
+                <span style="width: 10px; height: 10px; background: ${Ut}; border-radius: 2px;"></span>
+                <span>${Mt}:</span>
+                <span style="font-weight: 500;">${c(Dt)}</span>
+              </div>
+            `;
+          }), n.innerHTML = A;
+          const R = n.getBoundingClientRect(), Y = o.getBoundingClientRect();
+          let ot = p + 15, N = g - R.height / 2;
+          p + R.width + 20 > Y.width && (ot = p - R.width - 15), N < 0 && (N = 0), N + R.height > Y.height && (N = Y.height - R.height), n.style.left = ot + "px", n.style.top = N + "px";
+        }
+      }
+    };
+  }
+  /**
+   * Get chart padding configuration.
+   * @returns Object with padding array [top, right, bottom, left] in pixels
+   */
+  getChartPadding() {
+    return {
+      padding: [16, 16, 16, 16]
+      // top, right, bottom, left
+    };
+  }
+  /**
+   * Get cursor/crosshair options for hover interactions.
+   * @param theme - Chart theme for styling
+   * @returns uPlot cursor configuration
+   */
+  getCursorOptions(t) {
+    return {
+      show: !0,
+      drag: { x: !1, y: !1 },
+      focus: { prox: 30 },
+      points: {
+        show: !0,
+        size: 8,
+        fill: t.background,
+        stroke: t.foreground
+      }
+    };
+  }
+  /**
+   * Get legend options (disabled, using custom legend instead).
+   * @param _theme - Chart theme (unused, kept for consistency)
+   * @returns uPlot legend configuration
+   */
+  getLegendOptions(t) {
+    return {
+      show: !1
+      // We'll create a custom inline legend
+    };
+  }
+  /**
+   * Create a custom legend below the chart area.
+   * Displays series names with color swatches.
+   * @param seriesNames - Names of the data series
+   * @param theme - Chart theme for styling
+   */
+  createInlineLegend(t, e) {
+    const i = this.container.querySelector(".uplot-legend-below");
+    i && i.remove();
+    const r = document.createElement("div");
+    r.className = "uplot-legend-below", r.style.cssText = `
+      display: flex;
+      justify-content: center;
+      gap: 24px;
+      font-family: system-ui, sans-serif;
+      font-size: 12px;
+      padding: 12px 0 0 0;
+      flex-shrink: 0;
+    `, t.forEach((n, o) => {
+      const a = e.seriesColors[o % e.seriesColors.length], l = document.createElement("div");
+      l.style.cssText = `
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        color: ${e.foreground};
+      `;
+      const c = document.createElement("span");
+      c.style.cssText = `
+        width: 16px;
+        height: 3px;
+        background: ${a};
+        border-radius: 2px;
+      `;
+      const f = document.createElement("span");
+      f.textContent = n, l.appendChild(c), l.appendChild(f), r.appendChild(l);
+    }), this.container.appendChild(r);
+  }
+  /**
+   * Get scales configuration for X and Y axes.
+   * Configures time mode for temporal data and range for categorical data.
+   * @param _type - Chart type (unused, kept for future use)
+   * @param xLabels - Optional category labels for categorical X axis
+   * @param isXTemporal - Whether X axis contains temporal data
+   * @returns uPlot scales configuration
+   */
+  getScalesOptions(t, e, i) {
+    const r = {
+      x: {
+        // Only use time mode for actual temporal data, not for generic numeric data
+        time: i === !0
+      },
+      y: {
+        auto: !0,
+        // For bar/histogram charts, ensure y-axis starts at 0
+        range: (n, o, a) => {
+          const l = Math.min(0, o), c = a * 1.1;
+          return [l, c];
+        }
+      }
+    };
+    return e && e.length > 0 && (r.x.range = () => [-0.5, e.length - 0.5]), r;
+  }
+  /**
+   * Get axes configuration for X and Y axes.
+   * Configures styling, grid, ticks, and value formatters.
+   * @param theme - Chart theme for styling
+   * @param xLabels - Optional category labels for categorical X axis
+   * @param _isXTemporal - Whether X axis is temporal (unused, handled by uPlot)
+   * @returns Array of uPlot axis configurations [xAxis, yAxis]
+   */
+  getAxesOptions(t, e, i) {
+    const r = {
+      stroke: t.axisColor,
+      grid: {
+        stroke: t.gridColor,
+        width: 1
+      },
+      ticks: {
+        stroke: t.gridColor,
+        width: 1
+      },
+      font: "12px system-ui, sans-serif",
+      labelFont: "12px system-ui, sans-serif"
+    };
+    e && e.length > 0 && (r.splits = () => e.map((o, a) => a), r.values = (o, a) => a.map((l) => {
+      const c = Math.round(l);
+      return c >= 0 && c < e.length ? e[c] : "";
+    }));
+    const n = {
+      stroke: t.axisColor,
+      grid: {
+        stroke: t.gridColor,
+        width: 1
+      },
+      ticks: {
+        stroke: t.gridColor,
+        width: 1
+      },
+      font: "12px system-ui, sans-serif",
+      labelFont: "12px system-ui, sans-serif",
+      // Dynamic size calculation based on formatted label width
+      size: (o, a, l, c) => {
+        if (c === 0) return o.axes[l].size;
+        const f = Math.max(...a.map((u) => String(u).length));
+        return Math.max(40, f * 8 + 16);
+      },
+      // Format large numbers with K/M/B suffixes
+      values: (o, a) => a.map((l) => this.formatAxisValue(l))
+    };
+    return [r, n];
+  }
+  /**
+   * Format axis value with K/M/B suffixes for large numbers.
+   * @param value - The numeric value to format
+   * @returns Formatted string with appropriate suffix (K, M, B) or decimal notation
+   */
+  formatAxisValue(t) {
+    const e = Math.abs(t);
+    return e >= 1e9 ? (t / 1e9).toFixed(1).replace(/\.0$/, "") + "B" : e >= 1e6 ? (t / 1e6).toFixed(1).replace(/\.0$/, "") + "M" : e >= 1e3 ? (t / 1e3).toFixed(1).replace(/\.0$/, "") + "K" : e === 0 ? "0" : e < 1 ? t.toPrecision(2) : t.toFixed(0);
+  }
+  /**
+   * Get series configuration based on chart type.
+   * Creates series configs for each Y column with appropriate styling.
+   * @param type - The chart type (line, bar, scatter, histogram)
+   * @param theme - Chart theme for colors
+   * @param seriesNames - Names of the Y series
+   * @param _axes - Axis selection (unused, kept for future use)
+   * @returns Array of uPlot series configurations
+   */
+  getSeriesOptions(t, e, i, r) {
+    const n = [{}];
+    return i.forEach((o, a) => {
+      const l = e.seriesColors[a % e.seriesColors.length], c = this.getSeriesConfig(t, o, l, e);
+      n.push(c);
+    }), n;
+  }
+  /**
+   * Get configuration for a single series based on chart type.
+   * @param type - The chart type determining visual style
+   * @param name - Series name for the label
+   * @param color - Series color
+   * @param _theme - Chart theme (unused, kept for future use)
+   * @returns uPlot series configuration
+   */
+  getSeriesConfig(t, e, i, r) {
+    const n = {
+      label: e,
+      stroke: i,
+      width: 2
+    };
+    switch (t) {
+      case "line":
+        return {
+          ...n,
+          fill: this.addAlpha(i, 0.1),
+          points: { show: !0, size: 4 }
+        };
+      case "bar":
+      case "histogram":
+        return {
+          ...n,
+          fill: this.addAlpha(i, 0.7),
+          paths: this.barPathBuilder(),
+          points: { show: !1 }
+        };
+      case "scatter":
+        return {
+          ...n,
+          fill: i,
+          paths: () => null,
+          // No line connecting points
+          points: {
+            show: !0,
+            size: 8,
+            fill: i
+          }
+        };
+      default:
+        return n;
+    }
+  }
+  /**
+   * Create bar chart path builder.
+   * Returns a function that draws rectangular bars for each data point.
+   * @returns uPlot path builder function for bar charts
+   */
+  barPathBuilder() {
+    return (t, e, i, r) => {
+      const n = t.data[0], o = t.data[e], a = this.calculateBarWidth(t, n.length);
+      let l = new Path2D();
+      for (let c = i; c <= r; c++) {
+        const f = t.valToPos(n[c], "x", !0), u = t.valToPos(o[c], "y", !0), p = t.valToPos(0, "y", !0), g = f - a / 2, y = p - u;
+        l.rect(g, u, a, y);
+      }
+      return {
+        stroke: l,
+        fill: l
+      };
+    };
+  }
+  /**
+   * Calculate appropriate bar width based on data density.
+   * Ensures bars don't overlap and maintain minimum/maximum widths.
+   * @param u - The uPlot instance
+   * @param dataLength - Number of data points
+   * @returns Bar width in pixels
+   */
+  calculateBarWidth(t, e) {
+    const i = t.bbox.width, r = 60, n = 4, l = i / e * (1 - 0.2);
+    return Math.max(n, Math.min(r, l));
+  }
+  /**
+   * Add alpha channel to a color.
+   * Converts hex or rgb colors to rgba format.
+   * @param color - The color string (hex or rgb format)
+   * @param alpha - Alpha value between 0 and 1
+   * @returns rgba color string
+   */
+  addAlpha(t, e) {
+    if (t.startsWith("#")) {
+      const r = t.slice(1);
+      let n, o, a;
+      return r.length === 3 ? (n = parseInt(r[0] + r[0], 16), o = parseInt(r[1] + r[1], 16), a = parseInt(r[2] + r[2], 16)) : (n = parseInt(r.slice(0, 2), 16), o = parseInt(r.slice(2, 4), 16), a = parseInt(r.slice(4, 6), 16)), `rgba(${n}, ${o}, ${a}, ${e})`;
+    }
+    const i = t.match(/rgb\((\d+),\s*(\d+),\s*(\d+)\)/);
+    return i ? `rgba(${i[1]}, ${i[2]}, ${i[3]}, ${e})` : t;
+  }
+}
+const ft = ["line", "bar", "scatter", "histogram"];
+function oi(s) {
+  const t = s.replace(/^\.chart\s*/, "").trim();
+  if (!t)
+    return {
+      success: !0,
+      options: { action: "show" }
+    };
+  const e = t.toLowerCase();
+  if (e === "export" || e === "export png")
+    return {
+      success: !0,
+      options: { action: "export", exportFormat: "png" }
+    };
+  const i = { action: "show" }, r = ai(t);
+  for (const n of r) {
+    const [o, a] = li(n);
+    if (!o || !a)
+      return {
+        success: !1,
+        error: `Invalid argument: '${n}'. Use format: key=value`
+      };
+    switch (o.toLowerCase()) {
+      case "type":
+        const l = a.toLowerCase();
+        if (!ft.includes(l))
+          return {
+            success: !1,
+            error: `Unknown chart type '${a}'. Use: ${ft.join(", ")}`
+          };
+        i.type = l;
+        break;
+      case "x":
+        i.x = a;
+        break;
+      case "y":
+        i.y = a.split(",").map((c) => c.trim());
+        break;
+      default:
+        return {
+          success: !1,
+          error: `Unknown option '${o}'. Valid options: type, x, y`
+        };
+    }
+  }
+  return {
+    success: !0,
+    options: i
+  };
+}
+function ai(s) {
+  const t = [];
+  let e = "", i = !1, r = "";
+  for (let n = 0; n < s.length; n++) {
+    const o = s[n];
+    (o === '"' || o === "'") && !i ? (i = !0, r = o) : o === r && i ? (i = !1, r = "") : o === " " && !i ? e && (t.push(e), e = "") : e += o;
+  }
+  return e && t.push(e), t;
+}
+function li(s) {
+  const t = s.indexOf("=");
+  if (t === -1)
+    return [null, null];
+  const e = s.slice(0, t).trim(), i = s.slice(t + 1).trim();
+  return !e || !i ? [null, null] : [e, i];
+}
+function ci() {
+  return `Usage: .chart [options]
+
+Show an interactive chart of the last query result.
+
+Actions:
+  .chart              Show chart with auto-detection
+  .chart export       Export chart as PNG
+
+Options:
+  type=TYPE          Chart type: line, bar, scatter, histogram
+  x=COLUMN           Column for X axis
+  y=COLUMN[,...]     Column(s) for Y axis (comma-separated)
+
+Examples:
+  .chart                          Auto-detect chart type
+  .chart type=bar                 Force bar chart
+  .chart x=date y=revenue         Specify axes
+  .chart type=line y=revenue,cost Multiple series
+
+Press ESC to close the chart, Ctrl+S to export as PNG.`;
+}
+function hi(s, t) {
+  const e = s.ctx?.canvas;
+  if (!e)
+    throw new Error("Chart canvas not available");
+  const r = ui(), n = e.toDataURL("image/png"), o = document.createElement("a");
+  o.download = r, o.href = n, document.body.appendChild(o), o.click(), document.body.removeChild(o);
+}
+function ui() {
+  const s = /* @__PURE__ */ new Date(), t = s.getFullYear(), e = String(s.getMonth() + 1).padStart(2, "0"), i = String(s.getDate()).padStart(2, "0"), r = String(s.getHours()).padStart(2, "0"), n = String(s.getMinutes()).padStart(2, "0"), o = String(s.getSeconds()).padStart(2, "0");
+  return `duckdb-chart-${t}-${e}-${i}-${r}${n}${o}.png`;
+}
+class di {
+  /**
+   * Creates a new ChartManager instance.
+   * @param container - The HTML element that contains the terminal (overlay parent)
+   * @param options - Configuration options
+   * @param options.enabled - Whether charts feature is enabled (default: false)
+   * @param options.themeMode - Initial theme mode ('dark' or 'light')
+   * @param options.themeColors - Custom theme colors from terminal theme
+   */
+  constructor(t, e = {}) {
+    h(this, "container");
+    h(this, "overlay", null);
+    h(this, "renderer", null);
+    h(this, "uPlot", null);
+    h(this, "enabled");
+    h(this, "themeMode");
+    h(this, "themeColors", null);
+    this.container = t, this.enabled = e.enabled ?? !1, this.themeMode = e.themeMode ?? "dark", this.themeColors = e.themeColors ?? null;
+  }
+  /**
+   * Check if charts feature is enabled.
+   * @returns True if charts are enabled in configuration
+   */
+  isEnabled() {
+    return this.enabled;
+  }
+  /**
+   * Update theme settings for chart rendering.
+   * @param mode - Theme mode ('dark' or 'light')
+   * @param colors - Optional custom theme colors
+   */
+  setTheme(t, e) {
+    this.themeMode = t, e && (this.themeColors = e);
+  }
+  /**
+   * Execute a .chart command.
+   * Parses the command and performs the appropriate action (show/export).
+   * @param input - The full command string (e.g., ".chart type=bar")
+   * @param lastResult - The last query result to visualize
+   * @returns Result object with success status and message/error
+   */
+  async executeCommand(t, e) {
+    if (!this.enabled)
+      return {
+        success: !1,
+        error: "Charts feature is disabled. Enable with enableCharts: true in config."
+      };
+    const i = oi(t);
+    if (!i.success || !i.options)
+      return {
+        success: !1,
+        error: i.error ?? "Failed to parse chart command"
+      };
+    const r = i.options;
+    switch (r.action) {
+      case "export":
+        return this.exportChart();
+      case "show":
+        return this.showChart(e, r);
+      default:
+        return {
+          success: !1,
+          error: `Unknown action: ${r.action}`
+        };
+    }
+  }
+  /**
+   * Show chart with the given data and options.
+   * Handles overlay creation, uPlot loading, data transformation, and rendering.
+   * @param result - The query result to visualize
+   * @param options - Parsed chart command options
+   * @returns Result object with success status and message/error
+   */
+  async showChart(t, e) {
+    const i = Je(t);
+    if (!i.valid)
+      return {
+        success: !1,
+        error: i.error
+      };
+    if (e.x || e.y) {
+      const g = [];
+      e.x && g.push(e.x), e.y && g.push(...e.y);
+      const { columns: y } = ht(t), x = Ge(g, y);
+      if (!x.valid)
+        return {
+          success: !1,
+          error: `Column${x.missing.length > 1 ? "s" : ""} '${x.missing.join("', '")}' not found in result.`
+        };
+    }
+    this.overlay || (this.overlay = new Oe(this.container, {
+      onDismiss: () => this.handleDismiss(),
+      onExport: () => this.handleExport()
+    })), await this.overlay.show();
+    const r = this.overlay.getChartContainer();
+    if (!r)
+      return {
+        success: !1,
+        error: "Failed to create chart container"
+      };
+    const n = !this.uPlot;
+    n && this.overlay.showLoading();
+    try {
+      this.uPlot || (this.uPlot = await Ue.load());
+    } catch {
+      return this.overlay.hideLoading(), await this.overlay.hide(), {
+        success: !1,
+        error: "Failed to load charts library. Check your network connection."
+      };
+    }
+    n && this.overlay.hideLoading();
+    const o = ht(t, {
+      type: e.type,
+      x: e.x,
+      y: e.y,
+      duckdbTypes: t.columnTypes
+    }), a = this.themeColors ? Ze(this.themeColors) : ri(this.themeMode);
+    r.style.setProperty("--chart-bg", a.background), r.style.background = a.background, r.style.display = "flex", r.style.flexDirection = "column";
+    const l = this.overlay.getChartDimensions(), c = 40, f = 36, u = l.width - c, p = l.height - c - f;
+    return this.renderer && this.renderer.destroy(), this.renderer = new ni(this.uPlot, r), this.renderer.render(o.data, {
+      type: o.chartType,
+      theme: a,
+      width: u,
+      height: p,
+      seriesNames: o.seriesNames,
+      axes: o.axes,
+      xLabels: o.axes.xLabels,
+      isXTemporal: o.isXTemporal
+    }), {
+      success: !0,
+      message: `Showing ${o.chartType} chart with ${o.seriesNames.length} series`
+    };
+  }
+  /**
+   * Export current chart as PNG.
+   * Downloads the chart as a PNG file.
+   * @returns Result object with success status and message/error
+   */
+  exportChart() {
+    const t = this.renderer?.getChart();
+    if (!t)
+      return {
+        success: !1,
+        error: "No chart to export. Show a chart first."
+      };
+    try {
+      return hi(t), {
+        success: !0,
+        message: "Chart exported as PNG"
+      };
+    } catch {
+      return {
+        success: !1,
+        error: "Failed to export chart"
+      };
+    }
+  }
+  /**
+   * Handle overlay dismiss event (ESC key or click outside).
+   * Called by the overlay when user dismisses the chart.
+   */
+  handleDismiss() {
+  }
+  /**
+   * Handle export shortcut (Ctrl+S) from overlay.
+   * Triggers PNG export of the current chart.
+   */
+  handleExport() {
+    this.exportChart();
+  }
+  /**
+   * Get help text for .chart command.
+   * @returns Formatted help text string
+   */
+  getHelpText() {
+    return ci();
+  }
+  /**
+   * Destroy the chart manager and clean up all resources.
+   * Should be called when the terminal is destroyed.
+   */
+  destroy() {
+    this.renderer?.destroy(), this.overlay?.destroy(), this.renderer = null, this.overlay = null;
+  }
+}
+const $t = "v1", At = 2e3, G = (s) => btoa(unescape(encodeURIComponent(s))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, ""), fi = (s) => {
+  let t = s;
+  for (; t.length % 4; )
+    t += "=";
+  return t = t.replace(/-/g, "+").replace(/_/g, "/"), decodeURIComponent(escape(atob(t)));
+}, mt = () => {
+  const { protocol: s, hostname: t, port: e } = window.location, i = e ? `:${e}` : "";
+  return `${s}//${t}${i}/#$queries=${$t}`;
+}, Gi = (s) => G(s).length + 1, q = (s) => {
+  if (s.length === 0) {
+    const r = mt();
+    return {
+      url: r,
+      characterCount: r.length,
+      queryCount: 0
+    };
+  }
+  const t = mt(), e = s.map(G), i = `${t},${e.join(",")}`;
+  return {
+    url: i,
+    characterCount: i.length,
+    queryCount: s.length
+  };
+}, mi = (s) => q(s).characterCount, Vi = (s, t, e = At) => {
+  const i = [...s, t];
+  return mi(i) > e;
+}, Yi = () => {
+  const s = window.location.hash;
+  if (!s.startsWith("#$queries="))
+    return null;
+  const e = s.slice(10).split(",");
+  if (e.length < 1)
+    return null;
+  const i = e[0];
+  if (i !== $t)
+    return console.warn(`Unsupported sharing URL version: ${i}`), null;
+  const r = e.slice(1);
+  if (r.length === 0)
+    return null;
+  try {
+    return r.map(fi);
+  } catch (n) {
+    return console.error("Failed to decode shared queries:", n), null;
+  }
+}, Ki = () => {
+  const { protocol: s, hostname: t, port: e, pathname: i } = window.location, r = e ? `:${e}` : "", n = `${s}//${t}${r}${i}`;
+  history.replaceState(null, "", n);
+}, pi = {
+  maxUrlLength: At,
+  initialQueryCount: 5,
+  loadMoreCount: 5
+};
+class gi {
+  /**
+   * Creates a new SharingModal instance.
+   * @param container - The parent HTML element to attach the modal to
+   * @param events - Event handlers for modal interactions
+   * @param config - Configuration options
+   */
+  constructor(t, e = {}, i = {}) {
+    h(this, "container");
+    h(this, "overlay", null);
+    h(this, "modalContainer", null);
+    h(this, "queryListContainer", null);
+    h(this, "footerContainer", null);
+    h(this, "state", "hidden");
+    h(this, "events");
+    h(this, "config");
+    // Query state
+    h(this, "allQueries", []);
+    h(this, "displayedQueries", []);
+    h(this, "selectedIndices", /* @__PURE__ */ new Set());
+    h(this, "focusedIndex", -1);
+    h(this, "displayedCount", 0);
+    // Event handlers
+    h(this, "keyHandler", null);
+    h(this, "clickHandler", null);
+    /** Transition duration in milliseconds */
+    h(this, "TRANSITION_DURATION", 200);
+    this.container = t, this.events = e, this.config = { ...pi, ...i };
+  }
+  /**
+   * Get current modal state.
+   */
+  getState() {
+    return this.state;
+  }
+  /**
+   * Check if modal is currently visible or in the process of showing.
+   */
+  isVisible() {
+    return this.state === "visible" || this.state === "showing";
+  }
+  /**
+   * Show the modal with the given queries.
+   * @param queries - Array of SQL queries from history (oldest first)
+   */
+  async show(t) {
+    if (!(this.state === "visible" || this.state === "showing"))
+      return this.allQueries = t.filter((e) => !e.trim().startsWith(".")).reverse(), this.selectedIndices.clear(), this.displayedCount = 0, this.focusedIndex = -1, this.state = "showing", this.createOverlay(), this.loadInitialQueries(), this.setupKeyboardHandler(), this.updateFooter(), new Promise((e) => {
+        this.overlay?.offsetHeight, this.overlay && (this.overlay.style.opacity = "1"), setTimeout(() => {
+          this.state = "visible", this.displayedQueries.length > 0 && (this.focusedIndex = 0, this.updateFocusedItem()), e();
+        }, this.TRANSITION_DURATION);
+      });
+  }
+  /**
+   * Hide the modal with fade-out animation.
+   */
+  async hide() {
+    if (!(this.state === "hidden" || this.state === "hiding"))
+      return this.state = "hiding", this.overlay && (this.overlay.style.opacity = "0"), new Promise((t) => {
+        setTimeout(() => {
+          this.destroyOverlay(), this.state = "hidden", t();
+        }, this.TRANSITION_DURATION);
+      });
+  }
+  /**
+   * Clean up all resources.
+   */
+  destroy() {
+    this.destroyOverlay(), this.state = "hidden";
+  }
+  /**
+   * Get the currently selected queries in execution order.
+   */
+  getSelectedQueries() {
+    const t = [];
+    for (const e of this.selectedIndices) {
+      const i = this.displayedQueries[e];
+      if (i) {
+        const r = this.allQueries.length - 1 - e;
+        t.push({ index: r, query: i.query });
+      }
+    }
+    return t.sort((e, i) => e.index - i.index), t.map((e) => e.query);
+  }
+  /**
+   * Calculate current URL length for selected queries.
+   */
+  getCurrentURLLength() {
+    const t = this.getSelectedQueries();
+    return q(t).characterCount;
+  }
+  /**
+   * Check if adding a query would exceed the limit.
+   */
+  wouldExceedLimit(t) {
+    const e = this.getSelectedQueries();
+    return q([...e, t]).characterCount > this.config.maxUrlLength;
+  }
+  /**
+   * Load initial batch of queries.
+   */
+  loadInitialQueries() {
+    this.displayedQueries = [], this.displayedCount = Math.min(this.config.initialQueryCount, this.allQueries.length);
+    for (let t = 0; t < this.displayedCount; t++) {
+      const e = this.allQueries[t];
+      this.displayedQueries.push({
+        query: e,
+        order: this.allQueries.length - t,
+        // Order shows position from oldest
+        selected: !1,
+        encodedLength: G(e).length + 1
+      });
+    }
+    this.renderQueryList();
+  }
+  /**
+   * Load more older queries.
+   */
+  loadMoreQueries() {
+    const t = this.displayedCount, e = Math.min(t + this.config.loadMoreCount, this.allQueries.length);
+    for (let i = t; i < e; i++) {
+      const r = this.allQueries[i];
+      this.displayedQueries.push({
+        query: r,
+        order: this.allQueries.length - i,
+        selected: !1,
+        encodedLength: G(r).length + 1
+      });
+    }
+    this.displayedCount = e, this.renderQueryList();
+  }
+  /**
+   * Check if there are more queries to load.
+   */
+  hasMoreQueries() {
+    return this.displayedCount < this.allQueries.length;
+  }
+  /**
+   * Toggle selection of a query.
+   */
+  toggleSelection(t) {
+    const e = this.displayedQueries[t];
+    if (e) {
+      if (this.selectedIndices.has(t))
+        this.selectedIndices.delete(t), e.selected = !1;
+      else {
+        if (this.wouldExceedLimit(e.query)) {
+          this.showLimitWarning();
+          return;
+        }
+        this.selectedIndices.add(t), e.selected = !0;
+      }
+      this.updateQueryItemUI(t), this.updateFooter();
+    }
+  }
+  /**
+   * Show warning when character limit is reached.
+   */
+  showLimitWarning() {
+    const t = this.modalContainer?.querySelector(".sharing-limit-warning");
+    t && (t.classList.add("visible"), setTimeout(() => {
+      t.classList.remove("visible");
+    }, 3e3));
+  }
+  /**
+   * Create the overlay DOM structure.
+   */
+  createOverlay() {
+    if (this.overlay) return;
+    this.overlay = document.createElement("div"), this.overlay.className = "duckdb-sharing-overlay", this.overlay.style.cssText = `
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: rgba(0, 0, 0, 0.85);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+      opacity: 0;
+      transition: opacity ${this.TRANSITION_DURATION}ms ease-in-out;
+    `, this.modalContainer = document.createElement("div"), this.modalContainer.className = "duckdb-sharing-modal", this.modalContainer.style.cssText = `
+      width: min(600px, 90vw);
+      max-height: min(500px, 80vh);
+      background: var(--modal-bg, #1e1e1e);
+      border-radius: 8px;
+      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
+      display: flex;
+      flex-direction: column;
+      font-family: system-ui, -apple-system, sans-serif;
+      color: var(--modal-text, #d4d4d4);
+    `;
+    const t = this.createHeader();
+    this.modalContainer.appendChild(t), this.queryListContainer = document.createElement("div"), this.queryListContainer.className = "duckdb-sharing-query-list", this.queryListContainer.style.cssText = `
+      flex: 1;
+      overflow-y: auto;
+      padding: 0 16px;
+      min-height: 200px;
+    `, this.modalContainer.appendChild(this.queryListContainer), this.footerContainer = this.createFooter(), this.modalContainer.appendChild(this.footerContainer);
+    const e = document.createElement("div");
+    e.className = "sharing-limit-warning", e.style.cssText = `
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background: rgba(220, 53, 69, 0.95);
+      color: white;
+      padding: 12px 20px;
+      border-radius: 6px;
+      font-size: 14px;
+      opacity: 0;
+      transition: opacity 0.2s;
+      pointer-events: none;
+      z-index: 10;
+    `, e.textContent = "URL character limit reached (2000 chars)", this.modalContainer.appendChild(e);
+    const i = document.createElement("style");
+    i.textContent = `
+      .sharing-limit-warning.visible {
+        opacity: 1 !important;
+      }
+      .duckdb-sharing-query-item:hover {
+        background: rgba(255, 255, 255, 0.05) !important;
+      }
+      .duckdb-sharing-query-item.focused {
+        outline: 2px solid #007acc;
+        outline-offset: -2px;
+      }
+      .duckdb-sharing-query-item.selected {
+        background: rgba(0, 122, 204, 0.2) !important;
+      }
+      .duckdb-sharing-copy-btn:hover:not(:disabled) {
+        background: #0066b3 !important;
+      }
+      .duckdb-sharing-copy-btn:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .duckdb-sharing-load-more:hover {
+        background: rgba(255, 255, 255, 0.1) !important;
+      }
+    `, this.modalContainer.appendChild(i), this.overlay.appendChild(this.modalContainer), this.setupClickHandler(), getComputedStyle(this.container).position === "static" && (this.container.style.position = "relative"), this.container.appendChild(this.overlay);
+  }
+  /**
+   * Create the modal header.
+   */
+  createHeader() {
+    const t = document.createElement("div");
+    t.style.cssText = `
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px;
+      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    `;
+    const e = document.createElement("h2");
+    e.style.cssText = `
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--modal-title, #ffffff);
+    `, e.textContent = "Share Queries";
+    const i = document.createElement("button");
+    return i.style.cssText = `
+      background: none;
+      border: none;
+      color: var(--modal-text, #d4d4d4);
+      cursor: pointer;
+      padding: 4px 8px;
+      font-size: 20px;
+      line-height: 1;
+      opacity: 0.7;
+      transition: opacity 0.15s;
+    `, i.innerHTML = "&times;", i.title = "Close (ESC)", i.addEventListener("click", () => {
+      this.hide(), this.events.onDismiss?.();
+    }), i.addEventListener("mouseenter", () => {
+      i.style.opacity = "1";
+    }), i.addEventListener("mouseleave", () => {
+      i.style.opacity = "0.7";
+    }), t.appendChild(e), t.appendChild(i), t;
+  }
+  /**
+   * Create the modal footer.
+   */
+  createFooter() {
+    const t = document.createElement("div");
+    t.style.cssText = `
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px;
+      border-top: 1px solid rgba(255, 255, 255, 0.1);
+      gap: 12px;
+    `;
+    const e = document.createElement("div");
+    e.style.cssText = `
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+    `;
+    const i = document.createElement("span");
+    i.className = "sharing-char-count", i.style.cssText = `
+      font-size: 13px;
+      color: var(--modal-text-dim, #858585);
+    `, i.textContent = `0 / ${this.config.maxUrlLength} characters`;
+    const r = document.createElement("span");
+    r.style.cssText = `
+      font-size: 11px;
+      color: var(--modal-text-dim, #656565);
+    `, r.textContent = "Space: select/deselect | Enter: copy shareable link", e.appendChild(i), e.appendChild(r);
+    const n = document.createElement("button");
+    return n.className = "duckdb-sharing-copy-btn", n.style.cssText = `
+      background: #007acc;
+      border: none;
+      color: white;
+      padding: 10px 20px;
+      border-radius: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      cursor: pointer;
+      transition: background 0.15s;
+    `, n.textContent = "Copy shareable link", n.disabled = !0, n.addEventListener("click", () => this.copyAndClose()), t.appendChild(e), t.appendChild(n), t;
+  }
+  /**
+   * Render the query list.
+   */
+  renderQueryList() {
+    if (!this.queryListContainer) return;
+    if (this.queryListContainer.innerHTML = "", this.hasMoreQueries()) {
+      const e = document.createElement("button");
+      e.className = "duckdb-sharing-load-more", e.style.cssText = `
+        width: 100%;
+        padding: 10px;
+        margin: 8px 0;
+        background: rgba(255, 255, 255, 0.05);
+        border: 1px dashed rgba(255, 255, 255, 0.2);
+        border-radius: 4px;
+        color: var(--modal-text-dim, #858585);
+        cursor: pointer;
+        font-size: 13px;
+        transition: background 0.15s;
+      `, e.textContent = `Load older queries (${this.allQueries.length - this.displayedCount} more)`, e.addEventListener("click", () => this.loadMoreQueries()), this.queryListContainer.appendChild(e);
+    }
+    if (this.displayedQueries.length === 0) {
+      const e = document.createElement("div");
+      e.style.cssText = `
+        text-align: center;
+        padding: 40px 20px;
+        color: var(--modal-text-dim, #858585);
+      `, e.textContent = "No SQL queries in history yet.", this.queryListContainer.appendChild(e);
+      return;
+    }
+    [...this.displayedQueries].reverse().forEach((e, i) => {
+      const r = this.displayedQueries.length - 1 - i, n = this.displayedQueries[r], o = this.createQueryItem(n, r);
+      this.queryListContainer.appendChild(o);
+    }), this.queryListContainer.scrollTop = this.queryListContainer.scrollHeight;
+  }
+  /**
+   * Create a query list item element.
+   */
+  createQueryItem(t, e) {
+    const i = document.createElement("div");
+    i.className = "duckdb-sharing-query-item", i.dataset.index = String(e), i.style.cssText = `
+      display: flex;
+      align-items: center;
+      padding: 10px 12px;
+      margin: 4px 0;
+      background: rgba(255, 255, 255, 0.02);
+      border-radius: 4px;
+      cursor: pointer;
+      transition: background 0.15s;
+      gap: 12px;
+    `, t.selected && i.classList.add("selected");
+    const r = document.createElement("span");
+    r.className = "query-order", r.style.cssText = `
+      min-width: 28px;
+      height: 28px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: rgba(255, 255, 255, 0.1);
+      border-radius: 4px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--modal-text-dim, #858585);
+    `, r.textContent = String(t.order);
+    const n = document.createElement("div");
+    n.className = "query-checkbox", n.style.cssText = `
+      width: 18px;
+      height: 18px;
+      border: 2px solid ${t.selected ? "#007acc" : "rgba(255, 255, 255, 0.3)"};
+      border-radius: 3px;
+      background: ${t.selected ? "#007acc" : "transparent"};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      transition: all 0.15s;
+      flex-shrink: 0;
+    `, t.selected && (n.innerHTML = `<svg width="12" height="12" viewBox="0 0 12 12" fill="none">
+        <path d="M2 6L5 9L10 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+      </svg>`);
+    const o = document.createElement("div");
+    return o.className = "query-text", o.style.cssText = `
+      flex: 1;
+      font-family: 'Fira Code', 'Cascadia Code', monospace;
+      font-size: 13px;
+      color: var(--modal-text, #d4d4d4);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    `, o.textContent = t.query, o.title = t.query, i.appendChild(r), i.appendChild(n), i.appendChild(o), i.addEventListener("click", () => {
+      this.focusedIndex = e, this.updateFocusedItem(), this.toggleSelection(e);
+    }), i;
+  }
+  /**
+   * Update a single query item's UI after selection change.
+   */
+  updateQueryItemUI(t) {
+    const e = this.displayedQueries[t];
+    if (!e || !this.queryListContainer) return;
+    const i = this.queryListContainer.querySelector(
+      `[data-index="${t}"]`
+    );
+    if (!i) return;
+    const r = i.querySelector(".query-checkbox");
+    r && (r.style.borderColor = e.selected ? "#007acc" : "rgba(255, 255, 255, 0.3)", r.style.background = e.selected ? "#007acc" : "transparent", r.innerHTML = e.selected ? `<svg width="12" height="12" viewBox="0 0 12 12" fill="none">
+            <path d="M2 6L5 9L10 3" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>` : ""), e.selected ? i.classList.add("selected") : i.classList.remove("selected");
+  }
+  /**
+   * Update the footer with current character count.
+   */
+  updateFooter() {
+    if (!this.footerContainer) return;
+    const t = this.footerContainer.querySelector(".sharing-char-count"), e = this.footerContainer.querySelector(".duckdb-sharing-copy-btn"), i = this.getCurrentURLLength(), r = this.selectedIndices.size;
+    t && (t.textContent = `${i} / ${this.config.maxUrlLength} characters`, i > this.config.maxUrlLength * 0.9 ? t.style.color = "#dc3545" : i > this.config.maxUrlLength * 0.7 ? t.style.color = "#ffc107" : t.style.color = "var(--modal-text-dim, #858585)"), e && (e.disabled = r === 0, e.textContent = r > 0 ? `Copy shareable link (${r} ${r === 1 ? "query" : "queries"})` : "Copy shareable link");
+  }
+  /**
+   * Update focused item styling.
+   */
+  updateFocusedItem() {
+    if (!this.queryListContainer) return;
+    if (this.queryListContainer.querySelectorAll(".duckdb-sharing-query-item").forEach((e) => e.classList.remove("focused")), this.focusedIndex >= 0) {
+      const e = this.queryListContainer.querySelector(
+        `[data-index="${this.focusedIndex}"]`
+      );
+      e && (e.classList.add("focused"), e.scrollIntoView({ block: "nearest" }));
+    }
+  }
+  /**
+   * Copy shareable link and close modal.
+   */
+  async copyAndClose() {
+    const t = this.getSelectedQueries();
+    if (t.length === 0) return;
+    const { url: e } = q(t);
+    await st(e) && (this.events.onCopy?.(e), await this.hide());
+  }
+  /**
+   * Remove overlay from DOM and clean up.
+   */
+  destroyOverlay() {
+    this.removeKeyboardHandler(), this.removeClickHandler(), this.overlay && this.overlay.parentNode && this.overlay.parentNode.removeChild(this.overlay), this.overlay = null, this.modalContainer = null, this.queryListContainer = null, this.footerContainer = null, this.displayedQueries = [], this.selectedIndices.clear();
+  }
+  /**
+   * Set up keyboard event handler.
+   */
+  setupKeyboardHandler() {
+    this.keyHandler = (t) => {
+      if (t.key === "Escape") {
+        t.preventDefault(), t.stopPropagation(), this.hide(), this.events.onDismiss?.();
+        return;
+      }
+      if (t.key === "Enter" && this.selectedIndices.size > 0) {
+        t.preventDefault(), t.stopPropagation(), this.copyAndClose();
+        return;
+      }
+      if (t.key === " " && this.focusedIndex >= 0) {
+        t.preventDefault(), t.stopPropagation(), this.toggleSelection(this.focusedIndex);
+        return;
+      }
+      if (t.key === "ArrowDown") {
+        t.preventDefault(), t.stopPropagation(), this.moveFocusDown();
+        return;
+      }
+      if (t.key === "ArrowUp") {
+        t.preventDefault(), t.stopPropagation(), this.moveFocusUp();
+        return;
+      }
+    }, document.addEventListener("keydown", this.keyHandler, !0);
+  }
+  /**
+   * Move focus down (to newer queries).
+   * In display order, newer queries are at the bottom (lower display indices).
+   */
+  moveFocusDown() {
+    if (this.displayedQueries.length === 0) return;
+    const t = this.focusedIndex - 1;
+    t >= 0 && (this.focusedIndex = t, this.updateFocusedItem());
+  }
+  /**
+   * Move focus up (to older queries).
+   * In display order, older queries are at the top (higher display indices).
+   * Auto-loads more queries when reaching the top.
+   */
+  moveFocusUp() {
+    if (this.displayedQueries.length === 0) return;
+    const t = this.focusedIndex + 1;
+    t < this.displayedQueries.length ? (this.focusedIndex = t, this.updateFocusedItem()) : this.hasMoreQueries() && (this.loadMoreQueries(), this.focusedIndex = this.displayedQueries.length - 1, this.updateFocusedItem());
+  }
+  /**
+   * Remove keyboard event handler.
+   */
+  removeKeyboardHandler() {
+    this.keyHandler && (document.removeEventListener("keydown", this.keyHandler, !0), this.keyHandler = null);
+  }
+  /**
+   * Set up click handler to close when clicking outside the modal.
+   */
+  setupClickHandler() {
+    this.clickHandler = (t) => {
+      t.target === this.overlay && (t.preventDefault(), t.stopPropagation(), this.hide(), this.events.onDismiss?.());
+    }, this.overlay?.addEventListener("click", this.clickHandler);
+  }
+  /**
+   * Remove click handler.
+   */
+  removeClickHandler() {
+    this.clickHandler && this.overlay && this.overlay.removeEventListener("click", this.clickHandler), this.clickHandler = null;
+  }
+}
+const wi = {
+  background: "#1e1e1e",
+  foreground: "#d4d4d4",
+  cursor: "#d4d4d4",
+  selection: "#264f78",
+  black: "#000000",
+  red: "#cd3131",
+  green: "#0dbc79",
+  yellow: "#e5e510",
+  blue: "#2472c8",
+  magenta: "#bc3fbc",
+  cyan: "#11a8cd",
+  white: "#e5e5e5",
+  brightBlack: "#666666",
+  brightRed: "#f14c4c",
+  brightGreen: "#23d18b",
+  brightYellow: "#f5f543",
+  brightBlue: "#3b8eea",
+  brightMagenta: "#d670d6",
+  brightCyan: "#29b8db",
+  brightWhite: "#ffffff"
+}, yi = {
+  background: "#ffffff",
+  foreground: "#1e1e1e",
+  cursor: "#1e1e1e",
+  selection: "#add6ff",
+  black: "#000000",
+  red: "#cd3131",
+  green: "#008000",
+  yellow: "#795e00",
+  blue: "#0451a5",
+  magenta: "#bc05bc",
+  cyan: "#0598bc",
+  white: "#e5e5e5",
+  brightBlack: "#666666",
+  brightRed: "#cd3131",
+  brightGreen: "#14ce14",
+  brightYellow: "#b5ba00",
+  brightBlue: "#0451a5",
+  brightMagenta: "#bc05bc",
+  brightCyan: "#0598bc",
+  brightWhite: "#a5a5a5"
+}, bi = {
+  name: "dark",
+  colors: wi
+}, Ci = {
+  name: "light",
+  colors: yi
+};
+function pt(s) {
+  return s === "light" ? Ci : bi;
+}
+function xi() {
+  try {
+    const s = localStorage.getItem("duckdb-terminal-theme");
+    if (s === "light" || s === "dark")
+      return s;
+  } catch {
+  }
+  return "dark";
+}
+function vi(s) {
+  try {
+    localStorage.setItem("duckdb-terminal-theme", s);
+  } catch {
+  }
+}
+const rt = "duckdb-terminal-ai-settings", J = "http://localhost:4000", Z = "claude";
+function gt() {
+  return J;
+}
+function Ti() {
+  return Z;
+}
+function Rt() {
+  try {
+    const s = localStorage.getItem(rt);
+    if (s) {
+      const t = JSON.parse(s);
+      return {
+        endpoint: t.endpoint || J,
+        provider: t.provider || Z
+      };
+    }
+  } catch {
+  }
+  return { endpoint: J, provider: Z };
+}
+function O(s) {
+  try {
+    const e = { ...Rt(), ...s };
+    localStorage.setItem(rt, JSON.stringify(e));
+  } catch {
+  }
+}
+function Xi() {
+  try {
+    localStorage.removeItem(rt);
+  } catch {
+  }
+}
+class P extends Error {
+  constructor(t, e, i) {
+    super(t), this.statusCode = e, this.endpoint = i, this.name = "AIClientError";
+  }
+}
+function nt(s) {
+  return s.replace(/\/$/, "");
+}
+async function X(s) {
+  const t = `${nt(s)}/providers`;
+  try {
+    return (await fetch(t, {
+      method: "GET",
+      headers: {
+        Accept: "application/json"
+      }
+    })).ok;
+  } catch {
+    return !1;
+  }
+}
+async function wt(s) {
+  const t = `${nt(s)}/providers`;
+  try {
+    const e = await fetch(t, {
+      method: "GET",
+      headers: {
+        Accept: "application/json"
+      }
+    });
+    if (!e.ok)
+      throw new P(
+        `Failed to fetch providers: ${e.statusText}`,
+        e.status,
+        t
+      );
+    return (await e.json()).providers || [];
+  } catch (e) {
+    throw e instanceof P ? e : new P(
+      `Network error connecting to ${t}: ${e instanceof Error ? e.message : "Unknown error"}`,
+      void 0,
+      t
+    );
+  }
+}
+async function Ei(s, t, e, i) {
+  const r = `${nt(s)}/generate-sql`, n = {
+    ddl: t,
+    question: e
+  };
+  i && (n.provider = i);
+  try {
+    const o = await fetch(r, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      },
+      body: JSON.stringify(n)
+    });
+    if (!o.ok) {
+      const l = await o.text().catch(() => o.statusText);
+      throw new P(`Failed to generate SQL: ${l}`, o.status, r);
+    }
+    return (await o.json()).sql;
+  } catch (o) {
+    throw o instanceof P ? o : new P(
+      `Network error connecting to ${r}: ${o instanceof Error ? o.message : "Unknown error"}`,
+      void 0,
+      r
+    );
+  }
+}
+const yt = "🦆 ", bt = "  > ";
+class Si {
+  constructor(t) {
+    h(this, "terminalAdapter");
+    h(this, "database");
+    h(this, "inputBuffer");
+    h(this, "history");
+    h(this, "state", "idle");
+    h(this, "collectedSQL", []);
+    h(this, "commands", /* @__PURE__ */ new Map());
+    h(this, "showTimer", !1);
+    h(this, "outputMode", "table");
+    h(this, "currentThemeName");
+    h(this, "customTheme", null);
+    h(this, "config");
+    h(this, "loadedFiles", /* @__PURE__ */ new Map());
+    h(this, "syntaxHighlighting", !0);
+    h(this, "lastQueryResult", null);
+    h(this, "linkProvider");
+    h(this, "chartManager", null);
+    h(this, "sharingModal", null);
+    // Event emitter
+    h(this, "eventListeners", /* @__PURE__ */ new Map());
+    // Pagination state (0 = disabled by default)
+    h(this, "pageSize", 0);
+    h(this, "paginationQuery", null);
+    h(this, "currentPage", 0);
+    h(this, "totalRows", 0);
+    // Prompt customization
+    h(this, "prompt");
+    h(this, "continuationPrompt");
+    // Debounced syntax highlighting (150ms delay to avoid excessive redraws)
+    h(this, "debouncedHighlight", Ee(() => this.redrawLineHighlighted(), 150));
+    // Query queue to prevent race conditions
+    h(this, "queryQueue", Promise.resolve(null));
+    // Cleanup function for drag-and-drop
+    h(this, "dragDropCleanup", null);
+    // AI settings (lazy-loaded to avoid localStorage access on construction)
+    h(this, "aiSettingsLoaded", !1);
+    h(this, "aiEndpoint", "http://localhost:4000");
+    h(this, "aiProvider", "claude");
+    this.config = t, this.terminalAdapter = new jt(), this.database = new Wt({
+      storage: t.storage ?? "memory",
+      databasePath: t.databasePath
+    }), this.inputBuffer = new ce(), this.history = new ue(), this.linkProvider = new Re(), t.linkDetection === !1 && this.linkProvider.setEnabled(!1), this.prompt = t.prompt ?? yt, this.continuationPrompt = t.continuationPrompt ?? bt, typeof t.theme == "object" ? (this.customTheme = t.theme, this.currentThemeName = "custom") : this.currentThemeName = t.theme ?? xi(), this.registerCommands();
+  }
+  // ==================== Event Emitter ====================
+  /**
+   * Subscribes to a terminal event.
+   *
+   * The terminal emits various events during its lifecycle that you can
+   * subscribe to for monitoring, logging, or integrating with your application.
+   *
+   * @typeParam K - The event type key from {@link TerminalEvents}
+   * @param event - The event name to subscribe to
+   * @param listener - The callback function to invoke when the event occurs
+   * @returns An unsubscribe function that removes the listener when called
+   *
+   * @example Subscribe to query events
+   * ```typescript
+   * const unsubscribe = terminal.on('queryEnd', ({ sql, result, duration }) => {
+   *   console.log(`Query completed in ${duration}ms`);
+   * });
+   *
+   * // Later, to stop listening:
+   * unsubscribe();
+   * ```
+   *
+   * @example Monitor state changes
+   * ```typescript
+   * terminal.on('stateChange', ({ state, previous }) => {
+   *   console.log(`Terminal state: ${previous} -> ${state}`);
+   * });
+   * ```
+   */
+  on(t, e) {
+    return this.eventListeners.has(t) || this.eventListeners.set(t, /* @__PURE__ */ new Set()), this.eventListeners.get(t).add(e), () => this.off(t, e);
+  }
+  /**
+   * Unsubscribes a listener from a terminal event.
+   *
+   * This is an alternative to using the unsubscribe function returned by {@link on}.
+   *
+   * @typeParam K - The event type key from {@link TerminalEvents}
+   * @param event - The event name to unsubscribe from
+   * @param listener - The callback function to remove
+   *
+   * @example
+   * ```typescript
+   * const handler = ({ sql }) => console.log(sql);
+   * terminal.on('queryStart', handler);
+   *
+   * // Later:
+   * terminal.off('queryStart', handler);
+   * ```
+   */
+  off(t, e) {
+    this.eventListeners.get(t)?.delete(e);
+  }
+  /**
+   * Emits an event to all registered listeners.
+   *
+   * @internal
+   * @typeParam K - The event type key from {@link TerminalEvents}
+   * @param event - The event name to emit
+   * @param payload - The event payload to pass to listeners
+   */
+  emit(t, e) {
+    this.eventListeners.get(t)?.forEach((i) => {
+      try {
+        i(e);
+      } catch (r) {
+        console.error(`Error in ${t} event listener:`, r);
+      }
+    });
+  }
+  /**
+   * Sets the terminal state and emits a stateChange event.
+   *
+   * @internal
+   * @param newState - The new terminal state
+   */
+  setState(t) {
+    const e = this.state;
+    e !== t && (this.state = t, this.emit("stateChange", { state: t, previous: e }));
+  }
+  // ==================== Syntax Highlighting ====================
+  /**
+   * Asynchronously highlights SQL using DuckDB's tokenizer.
+   *
+   * @param sql - The SQL string to highlight
+   * @returns The highlighted SQL string with ANSI color codes
+   */
+  async getHighlightedSQLAsync(t) {
+    if (!this.syntaxHighlighting)
+      return t;
+    if (this.database.isPoachedLoaded()) {
+      const e = await this.database.tokenizeSQL(t);
+      if (e)
+        return K(t, e);
+    }
+    return t;
+  }
+  /**
+   * Redraws the current input line with syntax highlighting applied.
+   *
+   * This method clears the current line content and rewrites it with
+   * color codes for SQL keywords, strings, numbers, etc. Called on
+   * delimiter characters (space, semicolon, parentheses, comma) via debouncing.
+   *
+   * Uses DuckDB's internal parser via the poached extension for accurate tokenization.
+   */
+  async redrawLineHighlighted() {
+    if (!this.syntaxHighlighting)
+      return;
+    const t = this.inputBuffer.getContent();
+    if (t.length === 0)
+      return;
+    const e = this.inputBuffer.getCursorPosition(), i = this.inputBuffer.getEndPosition();
     let r;
     if (this.database.isPoachedLoaded()) {
       const c = await this.database.tokenizeSQL(t);
-      c ? r = Mt(t, c) : r = t;
+      c ? r = K(t, c) : r = t;
     } else
       r = t;
     if (t !== this.inputBuffer.getContent())
       return;
     const n = { col: this.inputBuffer.getPromptLength() };
     let o = "";
-    e.row > 0 && (o += B(e.row)), o += w(n.col + 1), this.write(o), this.write(g);
+    e.row > 0 && (o += D(e.row)), o += E(n.col + 1), this.write(o), this.write(C);
     for (let c = 1; c <= i.row; c++)
-      this.write(P(1)), this.write(w(1)), this.write(g);
-    i.row > 0 && this.write(B(i.row)), this.write(w(n.col + 1)), this.write(r);
+      this.write(I(1)), this.write(E(1)), this.write(C);
+    i.row > 0 && this.write(D(i.row)), this.write(E(n.col + 1)), this.write(r);
     const a = this.inputBuffer.getEndPosition();
     let l = "";
-    a.row > e.row && (l += B(a.row - e.row)), l += w(e.col + 1), this.write(l);
+    a.row > e.row && (l += D(a.row - e.row)), l += E(e.col + 1), this.write(l);
   }
   /**
    * Returns the current theme object for terminal styling.
@@ -2086,7 +4357,7 @@ class te {
    * @returns The custom theme if set, otherwise the built-in theme ('dark' or 'light')
    */
   getCurrentThemeObject() {
-    return this.customTheme ? this.customTheme : U(this.currentThemeName);
+    return this.customTheme ? this.customTheme : pt(this.currentThemeName);
   }
   /**
    * Initializes and starts the terminal.
@@ -2120,12 +4391,12 @@ class te {
       fontSize: this.config.fontSize,
       theme: this.getCurrentThemeObject(),
       scrollback: this.config.scrollback
-    }), this.config.welcomeMessage !== !1 && (this.writeln(C("DuckDB Terminal") + " v0.1.1"), this.write(d("Loading DuckDB WASM..."))), await Promise.all([
+    }), this.config.welcomeMessage !== !1 && (this.write(se), this.writeln(""), this.writeln(L("DuckDB Terminal") + " v0.4.2"), this.write(d("Loading DuckDB WASM...", T))), await Promise.all([
       this.database.init(),
       this.history.init()
-    ]), await this.database.loadPoachedExtension(), this.config.welcomeMessage !== !1 && (this.write("\r" + g), this.writeln(d("Powered by DuckDB WASM and Ghostty")), this.writeln(""), this.writeln("Type " + u(".help", k) + " for available commands"), this.writeln("Enter SQL statements ending with " + u(";", I)), this.writeln("")), this.terminalAdapter.onData(this.handleInput.bind(this)), this.inputBuffer.setTerminalWidth(this.terminalAdapter.cols), this.terminalAdapter.onResize((e) => {
+    ]), await this.database.loadPoachedExtension(), this.config.welcomeMessage !== !1 && (this.write(re), this.write("\r" + C), this.writeln(d("Powered by DuckDB WASM and Ghostty", T)), this.writeln(""), this.writeln("Type " + d(".help", v) + " for available commands"), this.writeln("Enter SQL statements ending with " + d(";", F)), this.writeln("")), this.terminalAdapter.onData(this.handleInput.bind(this)), this.inputBuffer.setTerminalWidth(this.terminalAdapter.cols), this.terminalAdapter.onResize((e) => {
       this.handleResize(e);
-    }), this.dragDropCleanup = Nt(t, (e) => {
+    }), this.dragDropCleanup = Ce(t, (e) => {
       this.handleDroppedFiles(e);
     }), this.showPrompt(), this.emit("ready", {});
   }
@@ -2136,7 +4407,32 @@ class te {
    * This removes drag-and-drop handlers and clears internal state.
    */
   destroy() {
-    this.dragDropCleanup && (this.dragDropCleanup(), this.dragDropCleanup = null), this.eventListeners.clear(), this.debouncedHighlight.cancel();
+    this.dragDropCleanup && (this.dragDropCleanup(), this.dragDropCleanup = null), this.chartManager && (this.chartManager.destroy(), this.chartManager = null), this.sharingModal && (this.sharingModal.destroy(), this.sharingModal = null), this.eventListeners.clear(), this.debouncedHighlight.cancel();
+  }
+  /**
+   * Opens the sharing modal to select queries for sharing.
+   *
+   * The modal displays the command history (excluding dot commands) and allows
+   * the user to select queries to include in a shareable URL.
+   */
+  openSharingModal() {
+    if (this.state === "executing")
+      return;
+    if (!this.sharingModal) {
+      const i = this.resolveContainer();
+      this.sharingModal = new gi(
+        i,
+        {},
+        // events
+        {
+          maxUrlLength: 2e3,
+          initialQueryCount: 5,
+          loadMoreCount: 5
+        }
+      );
+    }
+    const e = this.history.getAll().filter((i) => !i.trim().startsWith("."));
+    this.sharingModal.show(e);
   }
   /**
    * Processes files dropped onto the terminal via drag-and-drop.
@@ -2150,7 +4446,7 @@ class te {
       t.map((n) => this.loadFile(n))
     ), i = e.filter((n) => n.status === "fulfilled" && n.value).length, r = e.length - i;
     r > 0 && i > 0 && this.writeln(
-      d(`Loaded ${i} of ${e.length} files (${r} failed)`)
+      m(`Loaded ${i} of ${e.length} files (${r} failed)`)
     ), this.showPrompt();
   }
   /**
@@ -2163,33 +4459,33 @@ class te {
    * @returns True if the file was loaded successfully, false otherwise
    */
   async loadFile(t) {
-    const e = K(t.name), i = zt(t);
+    const e = Et(t.name), i = ye(t);
     try {
-      const r = await It(t);
+      const r = await we(t);
       await this.database.registerFile(t.name, r), this.loadedFiles.set(t.name, i), this.emit("fileLoaded", {
         filename: t.name,
         size: t.size,
         type: e
       }), this.writeln(""), this.writeln(
-        u(`Loaded: ${t.name}`, y) + ` (${$(t.size)})`
+        d(`Loaded: ${t.name}`, b) + ` (${U(t.size)})`
       );
       const n = t.name.replace(/'/g, "''");
       if (e === "csv") {
         const o = t.name.replace(/\.[^.]+$/, "").replace(/[^a-zA-Z0-9_]/g, "_");
         this.writeln(
-          d(`Hint: SELECT * FROM read_csv('${n}');`)
+          m(`Hint: SELECT * FROM read_csv('${n}');`)
         ), this.writeln(
-          d(`  or: CREATE TABLE ${o} AS SELECT * FROM read_csv('${n}');`)
+          m(`  or: CREATE TABLE ${o} AS SELECT * FROM read_csv('${n}');`)
         );
       } else e === "parquet" ? this.writeln(
-        d(`Hint: SELECT * FROM read_parquet('${n}');`)
+        m(`Hint: SELECT * FROM read_parquet('${n}');`)
       ) : e === "json" && this.writeln(
-        d(`Hint: SELECT * FROM read_json('${n}');`)
+        m(`Hint: SELECT * FROM read_json('${n}');`)
       );
       return !0;
     } catch (r) {
       const n = r instanceof Error ? r.message : String(r);
-      return this.writeln(u(`Error loading ${t.name}: ${n}`, p)), !1;
+      return this.writeln(d(`Error loading ${t.name}: ${n}`, w)), !1;
     }
   }
   /**
@@ -2265,6 +4561,11 @@ class te {
       handler: async () => {
         await this.copyLastResult();
       }
+    }), this.commands.set(".download", {
+      name: ".download",
+      description: "Download last result as file",
+      usage: ".download [filename]",
+      handler: (t) => this.cmdDownload(t)
     }), this.commands.set(".highlight", {
       name: ".highlight",
       description: "Toggle syntax highlighting",
@@ -2289,6 +4590,24 @@ class te {
       description: "Get or set the command prompt",
       usage: ".prompt [primary [continuation]]",
       handler: (t) => this.cmdPrompt(t)
+    }), this.commands.set(".chart", {
+      name: ".chart",
+      description: "Show chart of last query result",
+      usage: ".chart [type=line|bar|scatter|histogram] [x=col] [y=col,...]",
+      handler: (t) => this.cmdChart(t)
+    }), this.commands.set(".clearhistory", {
+      name: ".clearhistory",
+      description: "Clear command history",
+      handler: () => this.cmdClearHistory()
+    }), this.commands.set(".share", {
+      name: ".share",
+      description: "Open sharing modal to share queries",
+      handler: () => this.openSharingModal()
+    }), this.commands.set(".ai", {
+      name: ".ai",
+      description: "AI-powered natural language to SQL",
+      usage: ".ai query <question> | .ai provider list|set <name> | .ai endpoint get|set <url>",
+      handler: (t) => this.cmdAI(t)
     });
   }
   /**
@@ -2298,7 +4617,7 @@ class te {
    */
   showPrompt() {
     const t = this.state === "collecting" ? this.continuationPrompt : this.prompt;
-    this.inputBuffer.setPromptLength(Pt(t)), this.write(u(t, y)), this.state !== "collecting" && this.setState("idle");
+    this.inputBuffer.setPromptLength(ae(t)), this.write(d(t, b)), this.state !== "collecting" && this.setState("idle");
   }
   /**
    * Handles terminal resize events.
@@ -2337,7 +4656,7 @@ class te {
     o += `\r
 `;
     const a = this.state === "collecting" ? this.continuationPrompt : this.prompt;
-    o += u(a, y), o += i, n.row > r.row && (o += B(n.row - r.row)), o += w(r.col + 1), this.write(o);
+    o += d(a, b), o += i, n.row > r.row && (o += D(n.row - r.row)), o += E(r.col + 1), this.write(o);
   }
   /**
    * Handles raw terminal input data.
@@ -2373,11 +4692,11 @@ class te {
   async handlePaginationInput(t) {
     const e = Math.ceil(this.totalRows / this.pageSize), i = t.toLowerCase();
     if (i === "n" || t === "\x1B[B") {
-      this.currentPage < e - 1 ? (this.currentPage++, await this.executePaginatedQuery()) : this.writeln(d("Already on last page"));
+      this.currentPage < e - 1 ? (this.currentPage++, await this.executePaginatedQuery()) : this.writeln(m("Already on last page"));
       return;
     }
     if (i === "p" || t === "\x1B[A") {
-      this.currentPage > 0 ? (this.currentPage--, await this.executePaginatedQuery()) : this.writeln(d("Already on first page"));
+      this.currentPage > 0 ? (this.currentPage--, await this.executePaginatedQuery()) : this.writeln(m("Already on first page"));
       return;
     }
     if (i === "q" || i === "\x1B" || i === "") {
@@ -2389,7 +4708,7 @@ class te {
       const r = this.inputBuffer.getContent().trim();
       if (r) {
         const n = parseInt(r, 10);
-        !isNaN(n) && n >= 1 && n <= e ? (this.currentPage = n - 1, this.inputBuffer.clear(), await this.executePaginatedQuery()) : (this.writeln(u(`Invalid page number. Enter 1-${e}`, p)), this.inputBuffer.clear());
+        !isNaN(n) && n >= 1 && n <= e ? (this.currentPage = n - 1, this.inputBuffer.clear(), await this.executePaginatedQuery()) : (this.writeln(d(`Invalid page number. Enter 1-${e}`, w)), this.inputBuffer.clear());
       }
       return;
     }
@@ -2511,22 +4830,34 @@ class te {
     }
     this.collectedSQL.push(t);
     const e = this.collectedSQL.join(`
-`).trim();
-    e.endsWith(";") ? (this.writeln(""), await this.executeSQL(e), this.collectedSQL = [], this.state !== "paginating" && this.setState("idle")) : this.setState("collecting"), this.inputBuffer.clear(), this.state !== "paginating" && (e.endsWith(";") && this.writeln(""), this.showPrompt());
+`).trim(), i = Te(e);
+    if (i) {
+      const r = e.replace(/\s*\n\s*/g, " ").trim();
+      if (await this.history.add(r), this.database.isPoachedLoaded()) {
+        const n = await this.database.validateSQL(e);
+        if (n && !n.isValid && n.error?.exceptionMessage) {
+          this.writeln(""), this.writeln(d("Error: ", w) + n.error.exceptionMessage), this.collectedSQL = [], this.setState("idle"), this.inputBuffer.clear(), this.writeln(""), this.showPrompt();
+          return;
+        }
+      }
+      this.writeln(""), await this.executeSQL(e), this.collectedSQL = [], this.state !== "paginating" && this.setState("idle");
+    } else
+      this.setState("collecting");
+    this.inputBuffer.clear(), this.state !== "paginating" && (i && this.writeln(""), this.showPrompt());
   }
   /**
    * Navigates to the previous command in history (Arrow Up).
    */
   handleArrowUp() {
     const t = this.history.previous(this.inputBuffer.getContent());
-    t !== null && (this.write(this.inputBuffer.clearLine()), this.inputBuffer.setContent(t), this.write(this.getHighlightedSQL(t)));
+    t !== null && (this.write(this.inputBuffer.clearLine()), this.inputBuffer.setContent(t), this.write(t), this.syntaxHighlighting && this.redrawLineHighlighted());
   }
   /**
    * Navigates to the next command in history (Arrow Down).
    */
   handleArrowDown() {
     const t = this.history.next();
-    t !== null && (this.write(this.inputBuffer.clearLine()), this.inputBuffer.setContent(t), this.write(this.getHighlightedSQL(t)));
+    t !== null && (this.write(this.inputBuffer.clearLine()), this.inputBuffer.setContent(t), this.write(t), this.syntaxHighlighting && this.redrawLineHighlighted());
   }
   /**
    * Handles Tab key for auto-completion.
@@ -2542,14 +4873,14 @@ class te {
       else {
         this.writeln("");
         const r = i.map((l) => {
-          const c = l.type === "keyword" ? M : l.type === "table" ? y : l.type === "function" ? I : O;
-          return u(l.value, c);
+          const c = l.type === "keyword" ? tt : l.type === "table" ? b : l.type === "function" ? F : et;
+          return d(l.value, c);
         }).join("  ");
         this.writeln(r);
         const n = this.findCommonPrefix(i.map((l) => l.value)), o = this.inputBuffer.getWordBeforeCursor();
         n.length > o.length && this.write(this.inputBuffer.replaceWordBeforeCursor(n));
         const a = this.state === "collecting" ? this.continuationPrompt : this.prompt;
-        this.write(u(a, y)), this.write(this.getHighlightedSQL(this.inputBuffer.getContent()));
+        this.write(d(a, b)), this.write(this.inputBuffer.getContent()), this.syntaxHighlighting && this.redrawLineHighlighted();
       }
   }
   /**
@@ -2581,7 +4912,7 @@ class te {
    * Inserts text character-by-character, skipping newlines.
    */
   async handlePaste() {
-    const t = await Ft();
+    const t = await xe();
     if (t)
       for (const e of t)
         e === `
@@ -2592,23 +4923,57 @@ class te {
    */
   async copyLastResult() {
     if (!this.lastQueryResult)
-      return this.writeln(d("No query result to copy")), !1;
+      return this.writeln(m("No query result to copy")), !1;
     let t;
     switch (this.outputMode) {
       case "csv":
-        t = N(this.lastQueryResult.columns, this.lastQueryResult.rows);
+        t = Q(this.lastQueryResult.columns, this.lastQueryResult.rows);
         break;
       case "tsv":
-        t = F(this.lastQueryResult.columns, this.lastQueryResult.rows);
+        t = _(this.lastQueryResult.columns, this.lastQueryResult.rows);
         break;
       case "json":
-        t = D(this.lastQueryResult.columns, this.lastQueryResult.rows);
+        t = z(this.lastQueryResult.columns, this.lastQueryResult.rows);
         break;
       default:
-        t = z(this.lastQueryResult.columns, this.lastQueryResult.rows);
+        t = H(this.lastQueryResult.columns, this.lastQueryResult.rows);
+    }
+    const e = await st(t);
+    return e ? this.writeln(d("Result copied to clipboard", b)) : this.writeln(d("Failed to copy to clipboard", w)), e;
+  }
+  /**
+   * Download last query result as a file in the current output format.
+   */
+  cmdDownload(t) {
+    if (!this.lastQueryResult) {
+      this.writeln(m("No query result to download"));
+      return;
+    }
+    let e, i, r;
+    switch (this.outputMode) {
+      case "csv":
+        e = Q(this.lastQueryResult.columns, this.lastQueryResult.rows), i = ".csv", r = "text/csv";
+        break;
+      case "tsv":
+        e = _(this.lastQueryResult.columns, this.lastQueryResult.rows), i = ".tsv", r = "text/tab-separated-values";
+        break;
+      case "json":
+        e = z(this.lastQueryResult.columns, this.lastQueryResult.rows), i = ".json", r = "application/json";
+        break;
+      default:
+        e = H(this.lastQueryResult.columns, this.lastQueryResult.rows), i = ".txt", r = "text/plain";
     }
-    const e = await X(t);
-    return e ? this.writeln(u("Result copied to clipboard", y)) : this.writeln(u("Failed to copy to clipboard", p)), e;
+    const n = this.generateDownloadFilename(t[0], i);
+    be(e, n, r), this.writeln(d(`Downloaded: ${n}`, b));
+  }
+  /**
+   * Generate a filename for download with timestamp or custom name.
+   */
+  generateDownloadFilename(t, e) {
+    if (t)
+      return t.endsWith(e) ? t : t + e;
+    const i = /* @__PURE__ */ new Date(), r = i.getFullYear(), n = String(i.getMonth() + 1).padStart(2, "0"), o = String(i.getDate()).padStart(2, "0"), a = String(i.getHours()).padStart(2, "0"), l = String(i.getMinutes()).padStart(2, "0"), c = String(i.getSeconds()).padStart(2, "0");
+    return `duckdb-result-${r}-${n}-${o}-${a}${l}${c}${e}`;
   }
   /**
    * Executes a dot command (e.g., .help, .tables, .schema).
@@ -2619,9 +4984,9 @@ class te {
    * @param input - The full command string including arguments
    */
   async executeCommand(t) {
-    const { command: e, args: i } = Ht(t), r = this.commands.get(e);
+    const { command: e, args: i } = Le(t), r = this.commands.get(e);
     if (!r) {
-      this.writeln(u(`Unknown command: ${e}`, p)), this.writeln("Type .help for available commands"), this.emit("error", { message: `Unknown command: ${e}`, source: "command" });
+      this.writeln(d(`Unknown command: ${e}`, w)), this.writeln("Type .help for available commands"), this.emit("error", { message: `Unknown command: ${e}`, source: "command" });
       return;
     }
     this.emit("commandExecute", { command: e, args: i });
@@ -2629,7 +4994,7 @@ class te {
       await r.handler(i, this);
     } catch (n) {
       const o = n instanceof Error ? n.message : String(n);
-      this.writeln(u(`Error: ${o}`, p)), this.emit("error", { message: o, source: "command" });
+      this.writeln(d(`Error: ${o}`, w)), this.emit("error", { message: o, source: "command" });
     }
   }
   /**
@@ -2669,6 +5034,31 @@ class te {
     const e = this.queryQueue.then(() => this.executeSQLInternal(t));
     return this.queryQueue = e.catch(() => null), e;
   }
+  /**
+   * Highlights SQL using DuckDB's tokenizer for syntax coloring.
+   *
+   * This method uses DuckDB's internal parser (via the poached extension) to
+   * tokenize the SQL and apply ANSI color codes for keywords, strings, numbers,
+   * functions, etc. The result can be written to the terminal for colored output.
+   *
+   * @param sql - The SQL string to highlight
+   * @returns The highlighted SQL string with ANSI color codes, or the original
+   *          SQL if highlighting is disabled or tokenization fails
+   *
+   * @example Highlight and display a query
+   * ```typescript
+   * const highlighted = await terminal.highlightSQL('SELECT * FROM users;');
+   * terminal.writeln(highlighted);
+   * ```
+   */
+  async highlightSQL(t) {
+    if (this.database.isPoachedLoaded()) {
+      const e = await this.database.tokenizeSQL(t);
+      if (e)
+        return K(t, e);
+    }
+    return t;
+  }
   /**
    * Internal SQL execution logic.
    *
@@ -2681,25 +5071,23 @@ class te {
     const e = performance.now();
     this.emit("queryStart", { sql: t });
     try {
-      await this.history.add(t);
-      const i = t.trim().replace(/;+$/, ""), r = /^\s*SELECT\s/i.test(i), n = /\b(LIMIT|OFFSET)\b/i.test(i);
-      if (this.pageSize > 0 && r && !n) {
-        const l = `SELECT COUNT(*) as cnt FROM (${i}) AS _count_subquery`, f = (await this.database.executeQuery(l)).rows[0]?.[0], m = typeof f == "bigint" ? Number(f) : f ?? 0;
-        if (m > this.pageSize)
-          return this.paginationQuery = i, this.totalRows = m, this.currentPage = 0, await this.executePaginatedQuery();
+      const i = t.replace(/\s*\n\s*/g, " ").trim();
+      await this.history.add(i);
+      const r = t.trim().replace(/;+$/, ""), n = /^\s*SELECT\s/i.test(r), o = /\b(LIMIT|OFFSET)\b/i.test(r);
+      if (this.pageSize > 0 && n && !o) {
+        const c = `SELECT COUNT(*) as cnt FROM (${r}) AS _count_subquery`, u = (await this.database.executeQuery(c)).rows[0]?.[0], p = typeof u == "bigint" ? Number(u) : u ?? 0;
+        if (p > this.pageSize)
+          return this.paginationQuery = r, this.totalRows = p, this.currentPage = 0, await this.executePaginatedQuery();
       }
-      const o = await this.database.executeQuery(t), a = performance.now() - e;
-      return this.lastQueryResult = o, o.columns.length > 0 && this.displayResult(o), this.showTimer && this.writeln(
-        d(`Time: ${o.duration.toFixed(2)}ms`)
-      ), this.emit("queryEnd", { sql: t, result: o, duration: a }), o;
+      const a = await this.database.executeQuery(t), l = performance.now() - e;
+      return this.lastQueryResult = a, a.columns.length > 0 && this.displayResult(a), this.showTimer && this.writeln(
+        m(`Time: ${a.duration.toFixed(2)}ms`)
+      ), this.emit("queryEnd", { sql: t, result: a, duration: l }), a;
     } catch (i) {
-      const r = i instanceof Error ? i.message : String(i), n = performance.now() - e;
-      if (this.writeln(u(`Error: ${r}`, p)), t.includes(`
-`) || t.length > 80) {
-        const o = t.length > 200 ? t.substring(0, 200) + "..." : t;
-        this.writeln(d(`  Query: ${o.replace(/\n/g, " ")}`));
-      }
-      return this.emit("queryEnd", { sql: t, result: null, error: r, duration: n }), this.emit("error", { message: r, source: "query" }), null;
+      const r = i instanceof Error ? i.message : String(i), n = performance.now() - e, o = r.split(`
+
+`)[0] || r;
+      return this.writeln(d("Error: ", w) + o), this.emit("queryEnd", { sql: t, result: null, error: r, duration: n }), this.emit("error", { message: r, source: "query" }), null;
     } finally {
       this.state !== "paginating" && this.setState("idle");
     }
@@ -2720,15 +5108,15 @@ class te {
       this.lastQueryResult = i, i.columns.length > 0 && this.displayResult(i);
       const r = Math.ceil(this.totalRows / this.pageSize), n = t + 1, o = Math.min(t + this.pageSize, this.totalRows);
       return this.writeln(""), this.writeln(
-        d(`Showing rows ${n}-${o} of ${this.totalRows} (page ${this.currentPage + 1}/${r})`)
+        m(`Showing rows ${n}-${o} of ${this.totalRows} (page ${this.currentPage + 1}/${r})`)
       ), this.writeln(
-        u("  [n]ext  [p]rev  [q]uit  or enter page number", k)
+        d("  [n]ext  [p]rev  [q]uit  or enter page number", v)
       ), this.setState("paginating"), i;
     } catch (i) {
       const r = i instanceof Error ? i.message : String(i);
-      if (this.writeln(u(`Error: ${r}`, p)), e.length > 80) {
+      if (this.writeln(d(`Error: ${r}`, w)), e.length > 80) {
         const n = e.length > 200 ? e.substring(0, 200) + "..." : e;
-        this.writeln(d(`  Query: ${n.replace(/\n/g, " ")}`));
+        this.writeln(m(`  Query: ${n.replace(/\n/g, " ")}`));
       }
       return this.exitPagination(), null;
     }
@@ -2750,38 +5138,39 @@ class te {
   displayResult(t) {
     switch (this.outputMode) {
       case "csv":
-        this.writeln(N(t.columns, t.rows));
+        this.writeln(Q(t.columns, t.rows));
         break;
       case "tsv":
-        this.writeln(F(t.columns, t.rows));
+        this.writeln(_(t.columns, t.rows));
         break;
       case "json":
-        this.writeln(D(t.columns, t.rows));
+        this.writeln(z(t.columns, t.rows));
         break;
       case "table":
       default:
-        this.writeln(z(t.columns, t.rows));
+        this.writeln(H(t.columns, t.rows));
         break;
     }
     this.writeln(
-      d(
+      m(
         `${t.rowCount} row${t.rowCount !== 1 ? "s" : ""}`
       )
     );
   }
   // Command handlers
   cmdHelp() {
-    this.writeln(C("Available commands:")), this.writeln("");
-    for (const t of this.commands.values()) {
-      const e = t.usage ? `  ${d(t.usage)}` : "";
-      this.writeln(`  ${u(t.name, k)}  ${t.description}${e}`);
+    this.writeln(L("Available commands:")), this.writeln("");
+    const t = [...this.commands.values()].sort((e, i) => e.name.localeCompare(i.name));
+    for (const e of t) {
+      const i = e.usage ? `  ${m(e.usage)}` : "";
+      this.writeln(`  ${d(e.name, v)}  ${e.description}${i}`);
     }
     this.writeln(""), this.writeln("SQL statements must end with a semicolon (;)");
   }
   async cmdTables() {
     const t = await this.database.getTables();
     if (t.length === 0) {
-      this.writeln(d("No tables found"));
+      this.writeln(m("No tables found"));
       return;
     }
     for (const e of t)
@@ -2794,11 +5183,11 @@ class te {
     }
     const e = await this.database.getTableSchema(t[0]);
     if (e.length === 0) {
-      this.writeln(d(`Table not found: ${t[0]}`));
+      this.writeln(m(`Table not found: ${t[0]}`));
       return;
     }
     for (const i of e)
-      this.writeln(`  ${i.name} ${d(i.type)}`);
+      this.writeln(`  ${i.name} ${m(i.type)}`);
   }
   cmdTimer(t) {
     if (t.length === 0) {
@@ -2825,20 +5214,20 @@ class te {
     const e = t[0].toLowerCase();
     e === "dark" || e === "light" ? this.setTheme(e) : this.writeln("Usage: .theme dark|light");
   }
-  cmdExamples() {
-    this.writeln(C("Example queries:")), this.writeln(""), this.writeln(u("  -- Create a table", T)), this.writeln("  " + this.getHighlightedSQL("CREATE TABLE users (id INTEGER, name VARCHAR);")), this.writeln(""), this.writeln(u("  -- Insert data", T)), this.writeln("  " + this.getHighlightedSQL("INSERT INTO users VALUES (1, 'Alice'), (2, 'Bob');")), this.writeln(""), this.writeln(u("  -- Query data", T)), this.writeln("  " + this.getHighlightedSQL("SELECT * FROM users WHERE name LIKE 'A%';")), this.writeln(""), this.writeln(u("  -- Use built-in functions", T)), this.writeln("  " + this.getHighlightedSQL("SELECT range(10), current_timestamp;"));
+  async cmdExamples() {
+    this.writeln(L("Example queries:")), this.writeln(""), this.writeln(d("  -- Create a table", T)), this.writeln("  " + await this.getHighlightedSQLAsync("CREATE TABLE users (id INTEGER, name VARCHAR);")), this.writeln(""), this.writeln(d("  -- Insert data", T)), this.writeln("  " + await this.getHighlightedSQLAsync("INSERT INTO users VALUES (1, 'Alice'), (2, 'Bob');")), this.writeln(""), this.writeln(d("  -- Query data", T)), this.writeln("  " + await this.getHighlightedSQLAsync("SELECT * FROM users WHERE name LIKE 'A%';")), this.writeln(""), this.writeln(d("  -- Use built-in functions", T)), this.writeln("  " + await this.getHighlightedSQLAsync("SELECT range(10), current_timestamp;"));
   }
   async cmdFiles(t) {
     const e = t[0]?.toLowerCase() ?? "list";
     if (e === "list") {
       if (this.loadedFiles.size === 0) {
-        this.writeln(d("No files loaded")), this.writeln(d("Use .open or drag-and-drop to add files"));
+        this.writeln(m("No files loaded")), this.writeln(m("Use .open or drag-and-drop to add files"));
         return;
       }
-      this.writeln(C("Loaded files:"));
+      this.writeln(L("Loaded files:"));
       let i = 1;
       for (const [r, n] of this.loadedFiles)
-        this.writeln(`  ${d(`${i}.`)} ${r} ${d(`(${$(n.size)})`)}`), i++;
+        this.writeln(`  ${m(`${i}.`)} ${r} ${m(`(${U(n.size)})`)}`), i++;
     } else if (e === "add")
       await this.cmdOpen();
     else if (e === "remove" || e === "rm") {
@@ -2854,32 +5243,32 @@ class te {
         if (r <= o.length)
           n = o[r - 1];
         else {
-          this.writeln(u(`Invalid index: ${r}. Use .files list to see available files.`, "red"));
+          this.writeln(d(`Invalid index: ${r}. Use .files list to see available files.`, "red"));
           return;
         }
       } else if (this.loadedFiles.has(i))
         n = i;
       else {
-        this.writeln(u(`File not found: ${i}`, "red"));
+        this.writeln(d(`File not found: ${i}`, "red"));
         return;
       }
       if (n)
         try {
-          await this.database.dropFile(n), this.loadedFiles.delete(n), this.writeln(u(`Removed: ${n}`, "green"));
+          await this.database.dropFile(n), this.loadedFiles.delete(n), this.writeln(d(`Removed: ${n}`, "green"));
         } catch (o) {
-          this.writeln(u(`Error removing file: ${o}`, "red"));
+          this.writeln(d(`Error removing file: ${o}`, "red"));
         }
     } else
       this.writeln("Usage: .files [list|add|remove <name|index>]");
   }
   async cmdOpen() {
-    this.writeln(d("Opening file picker..."));
-    const t = await V({
+    this.writeln(m("Opening file picker..."));
+    const t = await Tt({
       multiple: !0,
       accept: ".csv,.parquet,.json,.db,.duckdb"
     });
     if (t.length === 0) {
-      this.writeln(d("No files selected"));
+      this.writeln(m("No files selected"));
       return;
     }
     for (const e of t)
@@ -2924,15 +5313,15 @@ class te {
           await this.database.dropFile(r);
         } catch {
         }
-      this.loadedFiles.clear(), this.lastQueryResult = null, this.history.reset(), this.showTimer = !1, this.outputMode = "table", this.syntaxHighlighting = !0, this.pageSize = 0, this.linkProvider.setEnabled(!0), this.prompt = W, this.continuationPrompt = j, this.paginationQuery = null, this.currentPage = 0, this.totalRows = 0, this.writeln(
-        u(
+      this.loadedFiles.clear(), this.lastQueryResult = null, this.history.reset(), this.showTimer = !1, this.outputMode = "table", this.syntaxHighlighting = !0, this.pageSize = 0, this.linkProvider.setEnabled(!0), this.prompt = yt, this.continuationPrompt = bt, this.paginationQuery = null, this.currentPage = 0, this.totalRows = 0, this.writeln(
+        d(
           `Reset complete: dropped ${e} table${e !== 1 ? "s" : ""}, cleared ${i} file${i !== 1 ? "s" : ""}, settings restored to defaults`,
-          y
+          b
         )
       );
     } catch (t) {
       const e = t instanceof Error ? t.message : String(t);
-      this.writeln(u(`Error during reset: ${e}`, p));
+      this.writeln(d(`Error during reset: ${e}`, w));
     }
   }
   cmdPrompt(t) {
@@ -2943,6 +5332,29 @@ class te {
     const e = t[0];
     this.prompt = e, t.length >= 2 ? (this.continuationPrompt = t[1], this.writeln(`Prompts set to "${this.prompt}" and "${this.continuationPrompt}"`)) : this.writeln(`Primary prompt set to "${this.prompt}"`);
   }
+  async cmdClearHistory() {
+    try {
+      await this.history.clear(), this.writeln(d("Command history cleared", b));
+    } catch (t) {
+      const e = t instanceof Error ? t.message : String(t);
+      this.writeln(d(`Error clearing history: ${e}`, w));
+    }
+  }
+  async cmdChart(t) {
+    if (!this.chartManager) {
+      const r = this.resolveContainer(), n = this.getCurrentThemeObject();
+      this.chartManager = new di(r, {
+        enabled: this.config.enableCharts ?? !1,
+        themeMode: this.getTheme(),
+        themeColors: n.colors
+      });
+    }
+    const e = t.length > 0 ? `.chart ${t.join(" ")}` : ".chart", i = await this.chartManager.executeCommand(
+      e,
+      this.lastQueryResult
+    );
+    i.success ? i.message && this.writeln(d(i.message, b)) : this.writeln(d(`Error: ${i.error}`, w));
+  }
   // ==================== TerminalInterface Implementation ====================
   /**
    * Writes text to the terminal without a trailing newline.
@@ -3027,9 +5439,9 @@ class te {
    */
   setTheme(t) {
     const e = this.getCurrentThemeObject();
-    typeof t == "object" ? (this.customTheme = t, this.currentThemeName = "custom", this.terminalAdapter.setTheme(t), this.writeln(`Theme set to ${t.name}`)) : (this.customTheme = null, this.currentThemeName = t, this.terminalAdapter.setTheme(U(t)), Zt(t), this.writeln(`Theme set to ${t}`));
+    typeof t == "object" ? (this.customTheme = t, this.currentThemeName = "custom", this.terminalAdapter.setTheme(t), this.writeln(`Theme set to ${t.name}`)) : (this.customTheme = null, this.currentThemeName = t, this.terminalAdapter.setTheme(pt(t)), vi(t), this.writeln(`Theme set to ${t}`));
     const i = this.getCurrentThemeObject();
-    this.emit("themeChange", { theme: i, previous: e });
+    this.emit("themeChange", { theme: i, previous: e }), this.chartManager && this.chartManager.setTheme(this.getTheme(), i.colors);
     const r = this.currentThemeName === "light" || this.customTheme?.name === "light";
     document.body.classList.toggle("light", r), document.body.classList.toggle("dark", !r);
   }
@@ -3050,13 +5462,235 @@ class te {
   getTheme() {
     return this.currentThemeName === "custom" && this.customTheme ? this.customTheme.name === "light" ? "light" : "dark" : this.currentThemeName;
   }
+  /**
+   * Displays the command prompt.
+   *
+   * Useful after programmatically executing SQL via {@link executeSQL} to
+   * show the prompt for the next input. This is automatically called when
+   * the user enters commands via the terminal, but needs to be called
+   * manually when executing queries programmatically.
+   *
+   * @example
+   * ```typescript
+   * // Execute queries programmatically and show the prompt afterward
+   * await terminal.executeSQL('CREATE TABLE users (id INT, name VARCHAR);');
+   * await terminal.executeSQL("INSERT INTO users VALUES (1, 'Alice');");
+   * terminal.refreshPrompt();
+   * ```
+   */
+  refreshPrompt() {
+    this.state !== "paginating" && this.state !== "executing" && this.showPrompt();
+  }
+  // ==================== AI Commands ====================
+  /**
+   * Loads AI settings from localStorage on first use.
+   */
+  loadAISettings() {
+    if (!this.aiSettingsLoaded) {
+      const t = Rt();
+      this.aiEndpoint = t.endpoint, this.aiProvider = t.provider, this.aiSettingsLoaded = !0;
+    }
+  }
+  /**
+   * Main handler for the .ai command.
+   * Routes to subcommand handlers based on the first argument.
+   */
+  async cmdAI(t) {
+    if (this.loadAISettings(), t.length === 0) {
+      this.showAIHelp();
+      return;
+    }
+    switch (t[0].toLowerCase()) {
+      case "query":
+        await this.cmdAIQuery(t.slice(1));
+        break;
+      case "provider":
+        await this.cmdAIProvider(t.slice(1));
+        break;
+      case "endpoint":
+        this.cmdAIEndpoint(t.slice(1));
+        break;
+      default:
+        await this.cmdAIQuery(t);
+        break;
+    }
+  }
+  /**
+   * Shows help for AI commands.
+   */
+  showAIHelp() {
+    this.writeln(L("AI Commands:")), this.writeln(""), this.writeln(`  ${d(".ai <question>", v)}`), this.writeln("    Generate SQL from natural language question (shorthand)"), this.writeln(""), this.writeln(`  ${d(".ai query <question>", v)}`), this.writeln("    Generate SQL from natural language question"), this.writeln(""), this.writeln(`  ${d(".ai provider list", v)}`), this.writeln("    List available AI providers"), this.writeln(""), this.writeln(`  ${d(".ai provider set <name>", v)}`), this.writeln("    Set the AI provider to use"), this.writeln(""), this.writeln(`  ${d(".ai endpoint get", v)}`), this.writeln("    Show current proxy endpoint"), this.writeln(""), this.writeln(`  ${d(".ai endpoint set <url>", v)}`), this.writeln("    Set the proxy endpoint URL");
+  }
+  /**
+   * Shows the proxy unavailable error message.
+   */
+  showProxyUnavailableError() {
+    this.writeln(
+      d(
+        "Please install and run the Text-to-SQL Proxy, see https://github.com/tobilg/text-to-sql-proxy",
+        w
+      )
+    );
+  }
+  /**
+   * Handles the .ai query subcommand.
+   * Generates SQL from a natural language question.
+   */
+  async cmdAIQuery(t) {
+    if (t.length === 0) {
+      this.writeln(d("Error: Please provide a question", w)), this.writeln("Usage: .ai query <your question>");
+      return;
+    }
+    const e = t.join(" ");
+    if (!await X(this.aiEndpoint)) {
+      this.showProxyUnavailableError();
+      return;
+    }
+    const r = await this.database.getAllDDL();
+    if (!r) {
+      this.writeln(
+        d(
+          "Please create tables or views to be able to use the Text-to-SQL features",
+          F
+        )
+      );
+      return;
+    }
+    this.writeln(m("Generating SQL..."));
+    try {
+      const n = await Ei(
+        this.aiEndpoint,
+        r,
+        e,
+        this.aiProvider
+      ), o = n.trim().split(`
+`);
+      this.writeln("");
+      for (let l = 0; l < o.length; l++) {
+        const c = o[l], f = l === 0 ? this.prompt : this.continuationPrompt;
+        this.write(f);
+        const u = await this.getHighlightedSQLAsync(c);
+        this.write(u), this.writeln("");
+      }
+      const a = n.replace(/\s*\n\s*/g, " ").replace(/\s+/g, " ").trim();
+      await this.history.add(a), this.writeln(""), await this.executeSQLInternal(n.trim());
+    } catch (n) {
+      n instanceof P ? this.writeln(d(`Error: ${n.message}`, w)) : this.writeln(
+        d(
+          `Error: ${n instanceof Error ? n.message : "Unknown error"}`,
+          w
+        )
+      );
+    }
+  }
+  /**
+   * Handles the .ai provider subcommand.
+   * Lists or sets the AI provider.
+   */
+  async cmdAIProvider(t) {
+    if (t.length === 0) {
+      this.writeln(`Current provider: ${this.aiProvider}`);
+      return;
+    }
+    const e = t[0].toLowerCase();
+    if (e === "list") {
+      if (!await X(this.aiEndpoint)) {
+        this.showProxyUnavailableError();
+        return;
+      }
+      this.writeln(m("Fetching providers..."));
+      try {
+        const r = await wt(this.aiEndpoint);
+        if (r.length === 0) {
+          this.writeln(m("No providers available"));
+          return;
+        }
+        this.writeln(""), this.writeln(L("Available providers:"));
+        for (const n of r) {
+          const a = n.name === this.aiProvider ? d(" (current)", b) : "";
+          this.writeln(`  ${d(n.name, v)}${a}`), n.description && this.writeln(`    ${m(n.description)}`);
+        }
+      } catch (r) {
+        r instanceof P ? this.writeln(d(`Error: ${r.message}`, w)) : this.writeln(
+          d(
+            `Error: ${r instanceof Error ? r.message : "Unknown error"}`,
+            w
+          )
+        );
+      }
+    } else if (e === "set") {
+      const i = t.slice(1).join(" ");
+      if (!i) {
+        this.writeln(d("Error: Please provide a provider name", w)), this.writeln("Usage: .ai provider set <name>");
+        return;
+      }
+      if (!await X(this.aiEndpoint)) {
+        this.showProxyUnavailableError();
+        return;
+      }
+      try {
+        const o = (await wt(this.aiEndpoint)).find(
+          (a) => a.name.toLowerCase() === i.toLowerCase()
+        );
+        if (!o) {
+          this.writeln(d(`Error: Provider "${i}" not found`, w)), this.writeln("Use .ai provider list to see available providers");
+          return;
+        }
+        this.aiProvider = o.name, O({ provider: this.aiProvider }), this.writeln(d(`Provider set to: ${this.aiProvider}`, b));
+      } catch (n) {
+        n instanceof P ? this.writeln(d(`Error: ${n.message}`, w)) : this.writeln(
+          d(
+            `Error: ${n instanceof Error ? n.message : "Unknown error"}`,
+            w
+          )
+        );
+      }
+    } else if (e === "clear" || e === "reset") {
+      const i = Ti();
+      this.aiProvider = i, O({ provider: i }), this.writeln(d(`Provider reset to default: ${i}`, b));
+    } else
+      this.writeln(d(`Unknown action: ${e}`, w)), this.writeln("Usage: .ai provider list|set <name>|clear");
+  }
+  /**
+   * Handles the .ai endpoint subcommand.
+   * Gets or sets the proxy endpoint URL.
+   */
+  cmdAIEndpoint(t) {
+    if (t.length === 0) {
+      this.writeln(`Current endpoint: ${this.aiEndpoint}`);
+      return;
+    }
+    const e = t[0].toLowerCase();
+    if (e === "get") {
+      this.writeln(`Endpoint: ${this.aiEndpoint}`);
+      const i = gt();
+      this.aiEndpoint !== i && this.writeln(m(`Default: ${i}`));
+    } else if (e === "set") {
+      const i = t.slice(1).join(" ");
+      if (!i) {
+        this.writeln(d("Error: Please provide an endpoint URL", w)), this.writeln("Usage: .ai endpoint set <url>");
+        return;
+      }
+      try {
+        new URL(i);
+      } catch {
+        this.writeln(d("Error: Invalid URL format", w));
+        return;
+      }
+      this.aiEndpoint = i, O({ endpoint: i }), this.writeln(d(`Endpoint set to: ${i}`, b));
+    } else if (e === "reset") {
+      const i = gt();
+      this.aiEndpoint = i, O({ endpoint: i }), this.writeln(d(`Endpoint reset to: ${i}`, b));
+    } else
+      this.writeln(d(`Unknown action: ${e}`, w)), this.writeln("Usage: .ai endpoint get|set <url>|reset");
+  }
 }
-function Pe(s) {
+function Ji(s) {
   const t = /* @__PURE__ */ new Map();
   return t.set(".help", {
     name: ".help",
     description: "Show available commands",
-    handler: () => ee(t, s)
+    handler: () => Li(t, s)
   }), t.set(".clear", {
     name: ".clear",
     description: "Clear the terminal",
@@ -3064,101 +5698,101 @@ function Pe(s) {
   }), t.set(".tables", {
     name: ".tables",
     description: "List all tables",
-    handler: () => ie(s)
+    handler: () => Pi(s)
   }), t.set(".schema", {
     name: ".schema",
     description: "Show table schema",
     usage: ".schema <table_name>",
-    handler: (e) => se(e, s)
+    handler: (e) => ki(e, s)
   }), t.set(".timer", {
     name: ".timer",
     description: "Toggle query timing",
     usage: ".timer on|off",
-    handler: (e) => re(e, s)
+    handler: (e) => Ii(e, s)
   }), t.set(".mode", {
     name: ".mode",
     description: "Set output mode",
     usage: ".mode table|csv|tsv|json",
-    handler: (e) => ne(e, s)
+    handler: (e) => $i(e, s)
   }), t.set(".theme", {
     name: ".theme",
     description: "Set color theme (clears screen)",
     usage: ".theme dark|light",
-    handler: (e) => oe(e, s)
+    handler: (e) => Ai(e, s)
   }), t.set(".examples", {
     name: ".examples",
     description: "Show example queries",
-    handler: () => ae(s)
+    handler: () => Ri(s)
   }), t.set(".files", {
     name: ".files",
     description: "Manage loaded files",
     usage: ".files [list|add|remove <name|index>]",
-    handler: (e) => le(e, s)
+    handler: (e) => Ni(e, s)
   }), t.set(".open", {
     name: ".open",
     description: "Open a file picker to load files",
-    handler: () => Z(s)
+    handler: () => Nt(s)
   }), t.set(".copy", {
     name: ".copy",
     description: "Copy last result to clipboard",
-    handler: () => me(s)
+    handler: () => Fi(s)
   }), t.set(".highlight", {
     name: ".highlight",
     description: "Toggle syntax highlighting",
     usage: ".highlight on|off",
-    handler: (e) => he(e, s)
+    handler: (e) => Mi(e, s)
   }), t.set(".links", {
     name: ".links",
     description: "Toggle clickable URL detection",
     usage: ".links on|off",
-    handler: (e) => ce(e, s)
+    handler: (e) => Bi(e, s)
   }), t.set(".pagesize", {
     name: ".pagesize",
     description: "Enable pagination for large results (default: off)",
     usage: ".pagesize <number> (0 = disabled)",
-    handler: (e) => ue(e, s)
+    handler: (e) => Di(e, s)
   }), t.set(".reset", {
     name: ".reset",
     description: "Reset database and all settings to defaults",
-    handler: () => de(s)
+    handler: () => Ui(s)
   }), t.set(".prompt", {
     name: ".prompt",
     description: "Get or set the command prompt",
     usage: ".prompt [primary [continuation]]",
-    handler: (e) => fe(e, s)
+    handler: (e) => Oi(e, s)
   }), t;
 }
-function ee(s, t) {
-  t.writeln(C("Available commands:")), t.writeln("");
+function Li(s, t) {
+  t.writeln(L("Available commands:")), t.writeln("");
   for (const e of s.values()) {
-    const i = e.usage ? `  ${d(e.usage)}` : "";
-    t.writeln(`  ${u(e.name, k)}  ${e.description}${i}`);
+    const i = e.usage ? `  ${m(e.usage)}` : "";
+    t.writeln(`  ${d(e.name, v)}  ${e.description}${i}`);
   }
   t.writeln(""), t.writeln("SQL statements must end with a semicolon (;)");
 }
-async function ie(s) {
+async function Pi(s) {
   const t = await s.getDatabase().getTables();
   if (t.length === 0) {
-    s.writeln(d("No tables found"));
+    s.writeln(m("No tables found"));
     return;
   }
   for (const e of t)
     s.writeln(e);
 }
-async function se(s, t) {
+async function ki(s, t) {
   if (s.length === 0) {
     t.writeln("Usage: .schema <table_name>");
     return;
   }
   const e = await t.getDatabase().getTableSchema(s[0]);
   if (e.length === 0) {
-    t.writeln(d(`Table not found: ${s[0]}`));
+    t.writeln(m(`Table not found: ${s[0]}`));
     return;
   }
   for (const i of e)
-    t.writeln(`  ${i.name} ${d(i.type)}`);
+    t.writeln(`  ${i.name} ${m(i.type)}`);
 }
-function re(s, t) {
+function Ii(s, t) {
   if (s.length === 0) {
     t.writeln(`Timer is ${t.getShowTimer() ? "on" : "off"}`);
     return;
@@ -3166,7 +5800,7 @@ function re(s, t) {
   const e = s[0].toLowerCase();
   e === "on" ? (t.setShowTimer(!0), t.writeln("Timer is now on")) : e === "off" ? (t.setShowTimer(!1), t.writeln("Timer is now off")) : t.writeln("Usage: .timer on|off");
 }
-function ne(s, t) {
+function $i(s, t) {
   if (s.length === 0) {
     t.writeln(`Output mode: ${t.getOutputMode()}`);
     return;
@@ -3174,7 +5808,7 @@ function ne(s, t) {
   const e = s[0].toLowerCase();
   e === "table" || e === "csv" || e === "tsv" || e === "json" ? (t.setOutputMode(e), t.writeln(`Output mode set to ${e}`)) : t.writeln("Usage: .mode table|csv|tsv|json");
 }
-function oe(s, t) {
+function Ai(s, t) {
   if (s.length === 0) {
     t.writeln(`Theme: ${t.getThemeName()}`);
     return;
@@ -3182,22 +5816,22 @@ function oe(s, t) {
   const e = s[0].toLowerCase();
   e === "dark" || e === "light" ? t.setTheme(e) : t.writeln("Usage: .theme dark|light");
 }
-function ae(s) {
-  s.writeln(C("Example queries:")), s.writeln(""), s.writeln(u("  -- Create a table", T)), s.writeln("  " + s.getHighlightedSQL("CREATE TABLE users (id INTEGER, name VARCHAR);")), s.writeln(""), s.writeln(u("  -- Insert data", T)), s.writeln("  " + s.getHighlightedSQL("INSERT INTO users VALUES (1, 'Alice'), (2, 'Bob');")), s.writeln(""), s.writeln(u("  -- Query data", T)), s.writeln("  " + s.getHighlightedSQL("SELECT * FROM users WHERE name LIKE 'A%';")), s.writeln(""), s.writeln(u("  -- Use built-in functions", T)), s.writeln("  " + s.getHighlightedSQL("SELECT range(10), current_timestamp;"));
+function Ri(s) {
+  s.writeln(L("Example queries:")), s.writeln(""), s.writeln(d("  -- Create a table", T)), s.writeln("  " + s.getHighlightedSQL("CREATE TABLE users (id INTEGER, name VARCHAR);")), s.writeln(""), s.writeln(d("  -- Insert data", T)), s.writeln("  " + s.getHighlightedSQL("INSERT INTO users VALUES (1, 'Alice'), (2, 'Bob');")), s.writeln(""), s.writeln(d("  -- Query data", T)), s.writeln("  " + s.getHighlightedSQL("SELECT * FROM users WHERE name LIKE 'A%';")), s.writeln(""), s.writeln(d("  -- Use built-in functions", T)), s.writeln("  " + s.getHighlightedSQL("SELECT range(10), current_timestamp;"));
 }
-async function le(s, t) {
+async function Ni(s, t) {
   const e = s[0]?.toLowerCase() ?? "list", i = t.getLoadedFiles();
   if (e === "list") {
     if (i.size === 0) {
-      t.writeln(d("No files loaded")), t.writeln(d("Use .open or drag-and-drop to add files"));
+      t.writeln(m("No files loaded")), t.writeln(m("Use .open or drag-and-drop to add files"));
       return;
     }
-    t.writeln(C("Loaded files:"));
+    t.writeln(L("Loaded files:"));
     let r = 1;
     for (const [n, o] of i)
-      t.writeln(`  ${d(`${r}.`)} ${n} ${d(`(${$(o.size)})`)}`), r++;
+      t.writeln(`  ${m(`${r}.`)} ${n} ${m(`(${U(o.size)})`)}`), r++;
   } else if (e === "add")
-    await Z(t);
+    await Nt(t);
   else if (e === "remove" || e === "rm") {
     const r = s.slice(1).join(" ");
     if (!r) {
@@ -3211,38 +5845,38 @@ async function le(s, t) {
       if (n <= a.length)
         o = a[n - 1];
       else {
-        t.writeln(u(`Invalid index: ${n}. Use .files list to see available files.`, "red"));
+        t.writeln(d(`Invalid index: ${n}. Use .files list to see available files.`, "red"));
         return;
       }
     } else if (i.has(r))
       o = r;
     else {
-      t.writeln(u(`File not found: ${r}`, "red"));
+      t.writeln(d(`File not found: ${r}`, "red"));
       return;
     }
     if (o)
       try {
-        await t.removeFile(o), t.writeln(u(`Removed: ${o}`, "green"));
+        await t.removeFile(o), t.writeln(d(`Removed: ${o}`, "green"));
       } catch (a) {
-        t.writeln(u(`Error removing file: ${a}`, "red"));
+        t.writeln(d(`Error removing file: ${a}`, "red"));
       }
   } else
     t.writeln("Usage: .files [list|add|remove <name|index>]");
 }
-async function Z(s) {
-  s.writeln(d("Opening file picker..."));
-  const t = await V({
+async function Nt(s) {
+  s.writeln(m("Opening file picker..."));
+  const t = await Tt({
     multiple: !0,
     accept: ".csv,.parquet,.json,.db,.duckdb"
   });
   if (t.length === 0) {
-    s.writeln(d("No files selected"));
+    s.writeln(m("No files selected"));
     return;
   }
   for (const e of t)
     await s.loadFile(e);
 }
-function he(s, t) {
+function Mi(s, t) {
   if (s.length === 0) {
     t.writeln(`Syntax highlighting is ${t.getSyntaxHighlighting() ? "on" : "off"}`);
     return;
@@ -3250,7 +5884,7 @@ function he(s, t) {
   const e = s[0].toLowerCase();
   e === "on" ? (t.setSyntaxHighlighting(!0), t.writeln("Syntax highlighting is now on")) : e === "off" ? (t.setSyntaxHighlighting(!1), t.writeln("Syntax highlighting is now off")) : t.writeln("Usage: .highlight on|off");
 }
-function ce(s, t) {
+function Bi(s, t) {
   const e = t.getLinkProvider();
   if (s.length === 0) {
     t.writeln(`URL link detection is ${e.isEnabled() ? "on" : "off"}`);
@@ -3259,7 +5893,7 @@ function ce(s, t) {
   const i = s[0].toLowerCase();
   i === "on" ? (e.setEnabled(!0), t.writeln("URL link detection is now on")) : i === "off" ? (e.setEnabled(!1), t.writeln("URL link detection is now off")) : t.writeln("Usage: .links on|off");
 }
-function ue(s, t) {
+function Di(s, t) {
   if (s.length === 0) {
     const i = t.getPageSize();
     i === 0 ? t.writeln("Pagination is disabled (showing all rows)") : t.writeln(`Page size: ${i} rows`);
@@ -3272,10 +5906,10 @@ function ue(s, t) {
   }
   t.setPageSize(e), e === 0 ? t.writeln("Pagination disabled (will show all rows)") : t.writeln(`Page size set to ${e} rows`);
 }
-async function de(s) {
+async function Ui(s) {
   await s.resetState();
 }
-function fe(s, t) {
+function Oi(s, t) {
   if (s.length === 0) {
     t.writeln(`Primary prompt: "${t.getPrompt()}"`), t.writeln(`Continuation prompt: "${t.getContinuationPrompt()}"`);
     return;
@@ -3283,30 +5917,30 @@ function fe(s, t) {
   const e = s[0];
   s.length >= 2 ? (t.setPrompts(e, s[1]), t.writeln(`Prompts set to "${e}" and "${s[1]}"`)) : (t.setPrompts(e), t.writeln(`Primary prompt set to "${e}"`));
 }
-async function me(s) {
+async function Fi(s) {
   const t = s.getLastQueryResult();
   if (!t) {
-    s.writeln(d("No query result to copy"));
+    s.writeln(m("No query result to copy"));
     return;
   }
   const e = s.getOutputMode();
   let i;
   switch (e) {
     case "csv":
-      i = N(t.columns, t.rows);
+      i = Q(t.columns, t.rows);
       break;
     case "tsv":
-      i = F(t.columns, t.rows);
+      i = _(t.columns, t.rows);
       break;
     case "json":
-      i = D(t.columns, t.rows);
+      i = z(t.columns, t.rows);
       break;
     default:
-      i = z(t.columns, t.rows);
+      i = H(t.columns, t.rows);
   }
-  await X(i) ? s.writeln(u(`Copied ${t.rowCount} rows to clipboard (${e} format)`, y)) : s.writeln(u("Failed to copy to clipboard", p));
+  await st(i) ? s.writeln(d(`Copied ${t.rowCount} rows to clipboard (${e} format)`, b)) : s.writeln(d("Failed to copy to clipboard", w));
 }
-class Ce {
+class Zi {
   constructor(t) {
     h(this, "state", {
       query: null,
@@ -3377,7 +6011,7 @@ class Ce {
       this.ctx.displayResult(i, !1), this.showNavigationHint();
     } catch (i) {
       const r = i instanceof Error ? i.message : String(i);
-      this.ctx.writeln(u(`Error: ${r}`, p));
+      this.ctx.writeln(d(`Error: ${r}`, w));
     }
   }
   /**
@@ -3386,7 +6020,7 @@ class Ce {
   showNavigationHint() {
     const t = this.getTotalPages();
     this.ctx.writeln(""), this.ctx.writeln(
-      d(
+      m(
         `Page ${this.getCurrentPageDisplay()}/${t} (${this.state.totalRows} rows) - n:next p:prev 1-${t}:goto q:quit`
       )
     );
@@ -3399,9 +6033,9 @@ class Ce {
     if (!this.state.isActive) return !1;
     const e = this.getTotalPages(), i = t.toLowerCase();
     if (i === "n" || t === "\x1B[B")
-      return this.state.currentPage < e - 1 ? (this.state.currentPage++, await this.executeCurrentPage()) : this.ctx.writeln(d("Already on last page")), !0;
+      return this.state.currentPage < e - 1 ? (this.state.currentPage++, await this.executeCurrentPage()) : this.ctx.writeln(m("Already on last page")), !0;
     if (i === "p" || t === "\x1B[A")
-      return this.state.currentPage > 0 ? (this.state.currentPage--, await this.executeCurrentPage()) : this.ctx.writeln(d("Already on first page")), !0;
+      return this.state.currentPage > 0 ? (this.state.currentPage--, await this.executeCurrentPage()) : this.ctx.writeln(m("Already on first page")), !0;
     if (i === "q" || i === "\x1B" || i === "")
       return this.ctx.writeln(""), this.exit(), !0;
     if (i === "\r" || i === `
@@ -3409,7 +6043,7 @@ class Ce {
       const r = this.ctx.getInputContent().trim();
       if (r) {
         const n = parseInt(r, 10);
-        !isNaN(n) && n >= 1 && n <= e ? (this.state.currentPage = n - 1, this.ctx.clearInput(), await this.executeCurrentPage()) : (this.ctx.writeln(u(`Invalid page number. Enter 1-${e}`, p)), this.ctx.clearInput());
+        !isNaN(n) && n >= 1 && n <= e ? (this.state.currentPage = n - 1, this.ctx.clearInput(), await this.executeCurrentPage()) : (this.ctx.writeln(d(`Invalid page number. Enter 1-${e}`, w)), this.ctx.clearInput());
       }
       return !0;
     }
@@ -3432,52 +6066,72 @@ class Ce {
     return t.replace(/;\s*$/, "");
   }
 }
-async function ge(s) {
-  const t = new te(s);
+async function Hi(s) {
+  const t = new Si(s);
   return await t.start(), t;
 }
-async function Le(s) {
-  return ge(s);
+async function ts(s) {
+  return Hi(s);
 }
 export {
-  ut as BOLD,
-  dt as DIM,
-  ct as Database,
-  te as DuckDBTerminal,
-  M as FG_BLUE,
-  k as FG_CYAN,
-  y as FG_GREEN,
-  p as FG_RED,
-  O as FG_WHITE,
-  I as FG_YELLOW,
-  vt as HistoryStore,
-  Lt as InputBuffer,
-  qt as LinkProvider,
-  Ce as PaginationHandler,
-  x as RESET,
-  ht as TerminalAdapter,
-  C as bold,
-  u as colorize,
-  Te as containsURL,
-  X as copyToClipboard,
-  Pe as createCommands,
-  ge as createTerminal,
-  Kt as darkTheme,
-  d as dim,
-  Le as embed,
-  Ee as extractURLs,
-  N as formatCSV,
-  D as formatJSON,
-  F as formatTSV,
-  z as formatTable,
-  Jt as getSavedTheme,
-  U as getTheme,
-  Mt as highlightSQLWithDuckDBTokens,
-  be as isClipboardAvailable,
-  ye as isSQLComplete,
-  Se as isValidURL,
-  Xt as lightTheme,
-  jt as linkifyText,
-  Ft as readFromClipboard,
-  Zt as saveTheme
+  P as AIClientError,
+  Gt as BOLD,
+  Vt as DIM,
+  Wt as Database,
+  Si as DuckDBTerminal,
+  tt as FG_BLUE,
+  v as FG_CYAN,
+  b as FG_GREEN,
+  w as FG_RED,
+  et as FG_WHITE,
+  F as FG_YELLOW,
+  ue as HistoryStore,
+  ce as InputBuffer,
+  Re as LinkProvider,
+  At as MAX_URL_LENGTH,
+  Zi as PaginationHandler,
+  V as RESET,
+  gi as SharingModal,
+  jt as TerminalAdapter,
+  L as bold,
+  mi as calculateURLLength,
+  X as checkProxyAvailable,
+  Xi as clearAISettings,
+  Ki as clearShareableURL,
+  d as colorize,
+  qi as containsURL,
+  st as copyToClipboard,
+  Ji as createCommands,
+  Hi as createTerminal,
+  bi as darkTheme,
+  fi as decodeQueryFromURL,
+  m as dim,
+  ts as embed,
+  G as encodeQueryForURL,
+  ji as extractURLs,
+  wt as fetchProviders,
+  Q as formatCSV,
+  z as formatJSON,
+  _ as formatTSV,
+  H as formatTable,
+  Ei as generateSQL,
+  q as generateShareableURL,
+  Rt as getAISettings,
+  mt as getBaseShareURL,
+  gt as getDefaultEndpoint,
+  Ti as getDefaultProvider,
+  Gi as getEncodedQueryLength,
+  xi as getSavedTheme,
+  pt as getTheme,
+  K as highlightSQL,
+  zi as isClipboardAvailable,
+  Te as isSQLComplete,
+  Wi as isValidURL,
+  Ci as lightTheme,
+  $e as linkifyText,
+  Yi as parseShareableURL,
+  xe as readFromClipboard,
+  O as saveAISettings,
+  vi as saveTheme,
+  Vi as wouldExceedLimit
 };