@trilogy-data/trilogy-studio-components 0.1.10 → 0.1.12

package/dist/{LLMConnectionList-CwfSkiq_.js → LLMConnectionList-DZbu1kGq.js}

@@ -1,9 +1,9 @@
 var Oe = Object.defineProperty;
-var xe = (t, e, o) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var ne = (t, e, o) => xe(t, typeof e != "symbol" ? e + "" : e, o);
-import { defineComponent as ae, ref as C, inject as Y, createElementBlock as l, createCommentVNode as I, openBlock as r, createElementVNode as s, withModifiers as A, withDirectives as _, vModelText as G, vModelSelect as ve, vModelCheckbox as Re, Fragment as pe, computed as $, createBlock as z, withCtx as q, unref as Be, normalizeClass as me, toDisplayString as j, createTextVNode as de, renderList as fe, resolveComponent as U, createVNode as x, Transition as be, onMounted as Pe, onUnmounted as Ye, normalizeStyle as Fe, watch as Ae, vModelDynamic as Ge } from "vue";
-import { K as N, a as X, T as Ee, L as Se, l as je, m as Ke, n as Qe, o as Me, S as Le, h as De, e as _e, A as Ne, O as Ie, G as qe, g as Ve } from "./main-YvioU1lW.js";
-function He(t, e, o, i) {
+var Be = (t, e, o) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var ee = (t, e, o) => Be(t, typeof e != "symbol" ? e + "" : e, o);
+import { defineComponent as ae, ref as S, inject as Y, createElementBlock as l, createCommentVNode as A, openBlock as r, createElementVNode as s, withModifiers as k, withDirectives as N, vModelText as G, vModelSelect as Ee, vModelCheckbox as Pe, Fragment as le, computed as J, createBlock as W, withCtx as q, unref as xe, normalizeClass as me, toDisplayString as j, createTextVNode as ie, renderList as fe, resolveComponent as U, createVNode as O, Transition as be, onMounted as Ie, onUnmounted as Ye, normalizeStyle as Fe, watch as Ae, vModelDynamic as Ge, createStaticVNode as je } from "vue";
+import { K as _, a as z, T as Se, L as Ce, l as Ke, m as Qe, n as Ve, o as Re, S as Me, h as Le, e as De, A as _e, O as Ne, G as qe, p as He, q as We, u as ze, g as Xe } from "./main-Bjg9NFbT.js";
+function Je(t, e, o, i) {
   const c = [];
   return Object.values(t).sort((a, d) => a.connected && !d.connected ? -1 : !a.connected && d.connected ? 1 : a.name.localeCompare(d.name)).forEach((a) => {
     if (a.deleted)
@@ -105,60 +105,60 @@ function He(t, e, o, i) {
       type: "error",
       searchPath: a.name,
       connection: a
-    }), d.forEach((w) => {
-      const h = `${a.name}${N}${w.name}`;
+    }), d.forEach((T) => {
+      const m = `${a.name}${_}${T.name}`;
       c.push({
-        id: h,
-        name: w.name,
+        id: m,
+        name: T.name,
         indent: 1,
-        count: w.schemas.length,
+        count: T.schemas.length,
         type: "database",
-        searchPath: `${w.name}`,
+        searchPath: `${T.name}`,
         connection: a
-      }), e[h] || (o[h] && c.push({
-        id: `${h}-loading`,
+      }), e[m] || (o[m] && c.push({
+        id: `${m}-loading`,
         name: "Loading...",
         indent: 1,
         count: 0,
         type: "loading",
-        searchPath: `${w.name}`,
+        searchPath: `${T.name}`,
         connection: a
-      }), w.schemas.forEach((P) => {
-        const E = `${h}${N}${P.name}`;
+      }), T.schemas.forEach((R) => {
+        const P = `${m}${_}${R.name}`;
         c.push({
-          id: E,
-          name: P.name,
+          id: P,
+          name: R.name,
           indent: 2,
-          count: P.tables.length,
+          count: R.tables.length,
           type: "schema",
-          searchPath: `${w.name}.${P.name}`,
+          searchPath: `${T.name}.${R.name}`,
           connection: a
-        }), e[E] || (o[E] && c.push({
-          id: `${E}-loading`,
+        }), e[P] || (o[P] && c.push({
+          id: `${P}-loading`,
           name: "Loading...",
           indent: 2,
           count: 0,
           type: "loading",
-          searchPath: `${w.name}.${P.name}`,
+          searchPath: `${T.name}.${R.name}`,
           connection: a
-        }), P.tables.forEach((b) => {
-          const m = `${h}${N}${P.name}${N}${b.name}`;
+        }), R.tables.forEach((g) => {
+          const h = `${m}${_}${R.name}${_}${g.name}`;
           c.push({
-            id: m,
-            name: b.name,
+            id: h,
+            name: g.name,
             indent: 3,
             count: 0,
             type: "table",
-            searchPath: `${w.name}.${P.name}.${b.name}`,
+            searchPath: `${T.name}.${R.name}.${g.name}`,
             connection: a,
-            object: b
+            object: g
           });
         }));
       }));
     }));
   }), c;
 }
-function We(t, e) {
+function Ze(t, e) {
   if (!e || e.trim() === "")
     return t;
   const o = e.toLowerCase().trim(), i = /* @__PURE__ */ new Set();
@@ -167,28 +167,28 @@ function We(t, e) {
   });
   const c = /* @__PURE__ */ new Map();
   for (let d = 0; d < t.length; d++) {
-    const w = t[d];
-    let h = null;
-    for (let P = d - 1; P >= 0; P--) {
-      const E = t[P];
-      if (E.indent < w.indent) {
-        h = E.id;
+    const T = t[d];
+    let m = null;
+    for (let R = d - 1; R >= 0; R--) {
+      const P = t[R];
+      if (P.indent < T.indent) {
+        m = P.id;
         break;
       }
     }
-    h && (c.has(w.id) || c.set(w.id, /* @__PURE__ */ new Set()), c.get(w.id).add(h));
+    m && (c.has(T.id) || c.set(T.id, /* @__PURE__ */ new Set()), c.get(T.id).add(m));
   }
-  const p = new Set(i), a = (d) => {
-    const w = c.get(d);
-    if (w)
-      for (const h of w)
-        p.has(h) || (p.add(h), a(h));
+  const y = new Set(i), a = (d) => {
+    const T = c.get(d);
+    if (T)
+      for (const m of T)
+        y.has(m) || (y.add(m), a(m));
   };
   return i.forEach((d) => {
     a(d);
-  }), t.filter((d) => p.has(d.id));
+  }), t.filter((d) => y.has(d.id));
 }
-const ze = ae({
+const $e = ae({
   name: "ConnectionCreator",
   props: {
     visible: {
@@ -207,7 +207,7 @@ const ze = ae({
     }
   },
   setup(t, { emit: e }) {
-    const o = C({
+    const o = S({
       name: "",
       type: "duckdb",
       options: {
@@ -219,8 +219,8 @@ const ze = ae({
         privateKey: "",
         saveCredential: !1
       }
-    }), i = Y("connectionStore"), c = Y("saveConnections"), p = Y("saveAll");
-    if (!i || !c || !p)
+    }), i = Y("connectionStore"), c = Y("saveConnections"), y = Y("saveAll");
+    if (!i || !c || !y)
       throw new Error("must inject connectionStore to ConnectionCreator");
     const a = i.connections;
     return {
@@ -242,31 +242,31 @@ const ze = ae({
           o.value.name,
           o.value.type,
           o.value.options
-        ), await p(), e("close"));
+        ), await y(), e("close"));
       }
     };
   }
-}), Xe = {
+}), et = {
   key: 0,
   class: "creator-container"
-}, Je = { class: "form-row" }, Ze = { class: "form-row" }, $e = {
+}, tt = { class: "form-row" }, nt = { class: "form-row" }, ot = {
   key: 0,
   class: "form-row"
-}, et = {
+}, it = {
   key: 1,
   class: "form-row"
-}, tt = {
+}, at = {
   key: 2,
   class: "form-row"
-}, nt = { class: "form-row" }, ot = { class: "form-row" }, it = { class: "form-row" }, at = { class: "button-row" };
-function st(t, e, o, i, c, p) {
-  return t.visible ? (r(), l("div", Xe, [
+}, st = { class: "form-row" }, rt = { class: "form-row" }, lt = { class: "form-row" }, ct = { class: "button-row" };
+function ut(t, e, o, i, c, y) {
+  return t.visible ? (r(), l("div", et, [
     s("form", {
-      onSubmit: e[11] || (e[11] = A((...a) => t.submitConnectionCreation && t.submitConnectionCreation(...a), ["prevent"]))
+      onSubmit: e[11] || (e[11] = k((...a) => t.submitConnectionCreation && t.submitConnectionCreation(...a), ["prevent"]))
     }, [
-      s("div", Je, [
+      s("div", tt, [
         e[12] || (e[12] = s("label", { for: "connection-name" }, "Name", -1)),
-        _(s("input", {
+        N(s("input", {
           "data-testid": "connection-creator-name",
           type: "text",
           "onUpdate:modelValue": e[0] || (e[0] = (a) => t.connectionDetails.name = a),
@@ -276,9 +276,9 @@ function st(t, e, o, i, c, p) {
           [G, t.connectionDetails.name]
         ])
       ]),
-      s("div", Ze, [
+      s("div", nt, [
         e[14] || (e[14] = s("label", { for: "connection-type" }, "Type", -1)),
-        _(s("select", {
+        N(s("select", {
           "onUpdate:modelValue": e[1] || (e[1] = (a) => t.connectionDetails.type = a),
           id: "connection-type",
           required: ""
@@ -287,12 +287,12 @@ function st(t, e, o, i, c, p) {
           s("option", { value: "bigquery" }, "Bigquery Oauth", -1),
           s("option", { value: "snowflake" }, "Snowflake", -1)
         ])], 512), [
-          [ve, t.connectionDetails.type]
+          [Ee, t.connectionDetails.type]
         ])
       ]),
-      t.connectionDetails.type === "motherduck" ? (r(), l("div", $e, [
+      t.connectionDetails.type === "motherduck" ? (r(), l("div", ot, [
         e[15] || (e[15] = s("label", { for: "md-token" }, "MotherDuck Token", -1)),
-        _(s("input", {
+        N(s("input", {
           type: "password",
           "onUpdate:modelValue": e[2] || (e[2] = (a) => t.connectionDetails.options.mdToken = a),
           id: "md-token",
@@ -302,18 +302,18 @@ function st(t, e, o, i, c, p) {
           [G, t.connectionDetails.options.mdToken]
         ]),
         e[16] || (e[16] = s("label", { for: "save-credential" }, "Save Credential?", -1)),
-        _(s("input", {
+        N(s("input", {
           type: "checkbox",
           id: "save-credential",
           "onUpdate:modelValue": e[3] || (e[3] = (a) => t.connectionDetails.options.saveCredential = a),
           label: "Save Credential?"
         }, null, 512), [
-          [Re, t.connectionDetails.options.saveCredential]
+          [Pe, t.connectionDetails.options.saveCredential]
         ])
-      ])) : I("", !0),
-      t.connectionDetails.type === "bigquery" ? (r(), l("div", et, [
+      ])) : A("", !0),
+      t.connectionDetails.type === "bigquery" ? (r(), l("div", it, [
         e[17] || (e[17] = s("label", { for: "project-id" }, "BigQuery Project ID", -1)),
-        _(s("input", {
+        N(s("input", {
           type: "text",
           "onUpdate:modelValue": e[4] || (e[4] = (a) => t.connectionDetails.options.projectId = a),
           id: "project-id",
@@ -322,10 +322,10 @@ function st(t, e, o, i, c, p) {
         }, null, 512), [
           [G, t.connectionDetails.options.projectId]
         ])
-      ])) : I("", !0),
-      t.connectionDetails.type === "sqlserver" ? (r(), l("div", tt, [
+      ])) : A("", !0),
+      t.connectionDetails.type === "sqlserver" ? (r(), l("div", at, [
         e[18] || (e[18] = s("label", { for: "username" }, "Username", -1)),
-        _(s("input", {
+        N(s("input", {
           type: "text",
           "onUpdate:modelValue": e[5] || (e[5] = (a) => t.connectionDetails.options.username = a),
           id: "username",
@@ -334,7 +334,7 @@ function st(t, e, o, i, c, p) {
           [G, t.connectionDetails.options.username]
         ]),
         e[19] || (e[19] = s("label", { for: "password" }, "Password", -1)),
-        _(s("input", {
+        N(s("input", {
           type: "password",
           "onUpdate:modelValue": e[6] || (e[6] = (a) => t.connectionDetails.options.password = a),
           id: "username",
@@ -342,11 +342,11 @@ function st(t, e, o, i, c, p) {
         }, null, 512), [
           [G, t.connectionDetails.options.password]
         ])
-      ])) : I("", !0),
-      t.connectionDetails.type === "snowflake" ? (r(), l(pe, { key: 3 }, [
-        s("div", nt, [
+      ])) : A("", !0),
+      t.connectionDetails.type === "snowflake" ? (r(), l(le, { key: 3 }, [
+        s("div", st, [
           e[20] || (e[20] = s("label", { for: "account" }, "Account", -1)),
-          _(s("input", {
+          N(s("input", {
             type: "text",
             "onUpdate:modelValue": e[7] || (e[7] = (a) => t.connectionDetails.options.account = a),
             id: "account",
@@ -355,9 +355,9 @@ function st(t, e, o, i, c, p) {
             [G, t.connectionDetails.options.account]
           ])
         ]),
-        s("div", ot, [
+        s("div", rt, [
           e[21] || (e[21] = s("label", { for: "username" }, "Username", -1)),
-          _(s("input", {
+          N(s("input", {
             type: "text",
             "onUpdate:modelValue": e[8] || (e[8] = (a) => t.connectionDetails.options.username = a),
             id: "username",
@@ -366,9 +366,9 @@ function st(t, e, o, i, c, p) {
             [G, t.connectionDetails.options.username]
           ])
         ]),
-        s("div", it, [
+        s("div", lt, [
           e[22] || (e[22] = s("label", { for: "privateKey" }, "Private Key", -1)),
-          _(s("input", {
+          N(s("input", {
             type: "password",
             "onUpdate:modelValue": e[9] || (e[9] = (a) => t.connectionDetails.options.privateKey = a),
             id: "privateKey",
@@ -377,8 +377,8 @@ function st(t, e, o, i, c, p) {
             [G, t.connectionDetails.options.privateKey]
           ])
         ])
-      ], 64)) : I("", !0),
-      s("div", at, [
+      ], 64)) : A("", !0),
+      s("div", ct, [
         e[23] || (e[23] = s("button", {
           "data-testid": "connection-creator-submit",
           type: "submit"
@@ -389,46 +389,46 @@ function st(t, e, o, i, c, p) {
         }, "Cancel")
       ])
     ], 32)
-  ])) : I("", !0);
+  ])) : A("", !0);
 }
-const rt = /* @__PURE__ */ X(ze, [["render", st], ["__scopeId", "data-v-bd6e19a1"]]), lt = "data:image/png;base64,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", ct = {
+const dt = /* @__PURE__ */ z($e, [["render", ut], ["__scopeId", "data-v-bd6e19a1"]]), pt = "data:image/png;base64,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", mt = {
   key: 0,
   class: "mdi mdi-duck"
-}, ut = ["src"], dt = {
+}, ht = ["src"], yt = {
   key: 2,
   class: "mdi mdi-google"
-}, pt = {
+}, ft = {
   key: 3,
   class: "mdi mdi-google"
-}, mt = {
+}, gt = {
   key: 4,
   class: "mdi mdi-database"
-}, ht = /* @__PURE__ */ ae({
+}, wt = /* @__PURE__ */ ae({
   __name: "ConnectionIcon",
   props: {
     connectionType: {}
   },
   setup(t) {
-    const e = t, o = $(() => ({
+    const e = t, o = J(() => ({
       duckdb: "DuckDB",
       motherduck: "MotherDuck",
       "bigquery-oauth": "BigQuery",
       snowflake: "Snowflake",
       default: "Database Connection"
     })[e.connectionType || "default"] || e.connectionType || "");
-    return (i, c) => (r(), z(Ee, { content: o.value }, {
+    return (i, c) => (r(), W(Se, { content: o.value }, {
       default: q(() => [
-        t.connectionType === "duckdb" ? (r(), l("i", ct)) : t.connectionType === "motherduck" ? (r(), l("img", {
+        t.connectionType === "duckdb" ? (r(), l("i", mt)) : t.connectionType === "motherduck" ? (r(), l("img", {
           key: 1,
-          src: Be(lt),
+          src: xe(pt),
           class: "motherduck-icon",
           alt: "MotherDuck"
-        }, null, 8, ut)) : t.connectionType === "bigquery-oauth" ? (r(), l("i", dt)) : t.connectionType === "bigquery" ? (r(), l("i", pt)) : (r(), l("i", mt))
+        }, null, 8, ht)) : t.connectionType === "bigquery-oauth" ? (r(), l("i", yt)) : t.connectionType === "bigquery" ? (r(), l("i", ft)) : (r(), l("i", gt))
       ]),
       _: 1
     }, 8, ["content"]));
   }
-}), yt = /* @__PURE__ */ X(ht, [["__scopeId", "data-v-8b4a0eaf"]]), ft = /* @__PURE__ */ ae({
+}), Tt = /* @__PURE__ */ z(wt, [["__scopeId", "data-v-8b4a0eaf"]]), bt = /* @__PURE__ */ ae({
   __name: "ConnectionRefresh",
   props: {
     connection: {},
@@ -441,7 +441,7 @@ const rt = /* @__PURE__ */ X(ze, [["render", st], ["__scopeId", "data-v-bd6e19a1
     let c;
     if (o.type === "llm" ? c = Y("llmConnectionStore") : c = Y("connectionStore"), !c)
       throw new Error("Connection store is not provided!");
-    const p = $(
+    const y = J(
       () => o.connection.connected ? "mdi mdi-refresh" : "mdi mdi-connection"
     ), a = async () => {
       try {
@@ -450,24 +450,24 @@ const rt = /* @__PURE__ */ X(ze, [["render", st], ["__scopeId", "data-v-bd6e19a1
         throw console.error("Refresh failed:", d), d;
       }
     };
-    return (d, w) => (r(), z(Se, {
+    return (d, T) => (r(), W(Ce, {
       class: "refresh-button",
       action: a,
       "data-testid": `refresh-connection-${t.connection.name}`,
       useDefaultStyle: !1,
       testId: `refresh-connection-${t.connection.name}`,
-      onClick: w[0] || (w[0] = A(() => {
+      onClick: T[0] || (T[0] = k(() => {
       }, ["stop"]))
     }, {
       default: q(() => [
         s("i", {
-          class: me([p.value, "refresh-icon"])
+          class: me([y.value, "refresh-icon"])
         }, null, 2)
       ]),
       _: 1
     }, 8, ["data-testid", "testId"]));
   }
-}), Ue = /* @__PURE__ */ X(ft, [["__scopeId", "data-v-a2ead502"]]), gt = ae({
+}), Ue = /* @__PURE__ */ z(bt, [["__scopeId", "data-v-a2ead502"]]), vt = ae({
   name: "FileUpload",
   props: {
     connection: {
@@ -476,31 +476,31 @@ const rt = /* @__PURE__ */ X(ze, [["render", st], ["__scopeId", "data-v-bd6e19a1
     }
   },
   setup(t) {
-    const e = C(!1), o = C(!1), i = C("Processing file..."), c = C(""), p = C(null), a = () => {
+    const e = S(!1), o = S(!1), i = S("Processing file..."), c = S(""), y = S(null), a = () => {
       e.value = !0;
     }, d = () => {
       e.value = !1;
-    }, w = async (b) => {
-      const m = b.target;
-      m.files && m.files.length > 0 && await E(m.files[0]);
-    }, h = async (b) => {
-      var m;
-      if (e.value = !1, (m = b.dataTransfer) != null && m.files && b.dataTransfer.files.length > 0) {
-        const F = b.dataTransfer.files[0];
-        P(F) ? await E(F) : alert("Please drop a CSV, Parquet, or DuckDB file");
+    }, T = async (g) => {
+      const h = g.target;
+      h.files && h.files.length > 0 && await P(h.files[0]);
+    }, m = async (g) => {
+      var h;
+      if (e.value = !1, (h = g.dataTransfer) != null && h.files && g.dataTransfer.files.length > 0) {
+        const F = g.dataTransfer.files[0];
+        R(F) ? await P(F) : alert("Please drop a CSV, Parquet, or DuckDB file");
       }
-    }, P = (b) => b.type === "text/csv" || b.name.endsWith(".csv") || b.type === "application/octet-stream" || b.name.endsWith(".parquet") || b.name.endsWith(".db"), E = async (b) => {
+    }, R = (g) => g.type === "text/csv" || g.name.endsWith(".csv") || g.type === "application/octet-stream" || g.name.endsWith(".parquet") || g.name.endsWith(".db"), P = async (g) => {
       try {
-        o.value = !0, i.value = `Processing ${b.name}...`;
-        const m = await t.connection.importFile(b, (F) => {
+        o.value = !0, i.value = `Processing ${g.name}...`;
+        const h = await t.connection.importFile(g, (F) => {
           i.value = F;
         });
-        m.type === "database" ? c.value = `Successfully attached database ${m.name}` : c.value = `Successfully imported ${m.name}`, o.value = !1, setTimeout(() => {
+        h.type === "database" ? c.value = `Successfully attached database ${h.name}` : c.value = `Successfully imported ${h.name}`, o.value = !1, setTimeout(() => {
           c.value = "";
-        }, 5e3), p.value && (p.value.value = "");
-      } catch (m) {
-        o.value = !1, console.error(`Error processing ${b.name}:`, m), alert(
-          `Error processing ${b.name}: ${m instanceof Error ? m.message : "Unknown error"}`
+        }, 5e3), y.value && (y.value.value = "");
+      } catch (h) {
+        o.value = !1, console.error(`Error processing ${g.name}:`, h), alert(
+          `Error processing ${g.name}: ${h instanceof Error ? h.message : "Unknown error"}`
         );
       }
     };
@@ -509,38 +509,38 @@ const rt = /* @__PURE__ */ X(ze, [["render", st], ["__scopeId", "data-v-bd6e19a1
       isLoading: o,
       loadingMessage: i,
       successMessage: c,
-      fileInput: p,
+      fileInput: y,
       handleDragOver: a,
       handleDragLeave: d,
-      handleDrop: h,
-      handleFileInput: w
+      handleDrop: m,
+      handleFileInput: T
     };
   }
-}), wt = { class: "upload-area" }, Tt = {
+}), Et = { class: "upload-area" }, St = {
   key: 0,
   class: "success-message"
-}, bt = { key: 1 }, vt = { class: "truncate-text" }, Et = { class: "file-input-label" }, St = {
+}, Ct = { key: 1 }, kt = { class: "truncate-text" }, At = { class: "file-input-label" }, It = {
   key: 2,
   class: "loading-container"
 };
-function Ct(t, e, o, i, c, p) {
+function Pt(t, e, o, i, c, y) {
   return r(), l("div", {
     class: me(["file-upload-container", { "drag-active": t.isDragging }]),
-    onDragover: e[1] || (e[1] = A((...a) => t.handleDragOver && t.handleDragOver(...a), ["prevent"])),
-    onDragleave: e[2] || (e[2] = A((...a) => t.handleDragLeave && t.handleDragLeave(...a), ["prevent"])),
-    onDrop: e[3] || (e[3] = A((...a) => t.handleDrop && t.handleDrop(...a), ["prevent"]))
+    onDragover: e[1] || (e[1] = k((...a) => t.handleDragOver && t.handleDragOver(...a), ["prevent"])),
+    onDragleave: e[2] || (e[2] = k((...a) => t.handleDragLeave && t.handleDragLeave(...a), ["prevent"])),
+    onDrop: e[3] || (e[3] = k((...a) => t.handleDrop && t.handleDrop(...a), ["prevent"]))
   }, [
-    s("div", wt, [
-      t.successMessage && !t.isLoading ? (r(), l("div", Tt, [
+    s("div", Et, [
+      t.successMessage && !t.isLoading ? (r(), l("div", St, [
         s("span", null, j(t.successMessage), 1)
-      ])) : t.isLoading ? (r(), l("div", St, [
+      ])) : t.isLoading ? (r(), l("div", It, [
         e[7] || (e[7] = s("span", { class: "spinner" }, null, -1)),
         s("span", null, j(t.loadingMessage), 1)
-      ])) : (r(), l("div", bt, [
-        s("div", vt, [
-          e[5] || (e[5] = de(" Drag or", -1)),
-          s("label", Et, [
-            e[4] || (e[4] = de(" select ", -1)),
+      ])) : (r(), l("div", Ct, [
+        s("div", kt, [
+          e[5] || (e[5] = ie(" Drag or", -1)),
+          s("label", At, [
+            e[4] || (e[4] = ie(" select ", -1)),
             s("input", {
               type: "file",
               accept: ".csv,.parquet,.db",
@@ -549,90 +549,90 @@ function Ct(t, e, o, i, c, p) {
               class: "hidden-input"
             }, null, 544)
           ]),
-          e[6] || (e[6] = de(" CSV/Parquet or DuckDB DB ", -1))
+          e[6] || (e[6] = ie(" CSV/Parquet or DuckDB DB ", -1))
         ])
       ]))
     ])
   ], 34);
 }
-const kt = /* @__PURE__ */ X(gt, [["render", Ct], ["__scopeId", "data-v-d7832089"]]), At = { class: "model-anchor" }, It = {
+const Rt = /* @__PURE__ */ z(vt, [["render", Pt], ["__scopeId", "data-v-d7832089"]]), Mt = { class: "model-anchor" }, Lt = {
   key: 0,
   class: "model-form"
-}, Pt = ["value"], Rt = /* @__PURE__ */ ae({
+}, Dt = ["value"], _t = /* @__PURE__ */ ae({
   __name: "ModelSelector",
   props: {
     connection: {}
   },
   setup(t) {
     const e = t, o = Y("modelStore"), i = Y("connectionStore"), c = Y("saveConnections", () => {
-    }), p = C(!1), a = C(e.connection.model || ""), d = $(() => o ? Object.keys(o.models) : []), w = () => {
-      p.value = !p.value;
-    }, h = () => {
-      p.value = !1;
-    }, P = async () => {
+    }), y = S(!1), a = S(e.connection.model || ""), d = J(() => o ? Object.keys(o.models) : []), T = () => {
+      y.value = !y.value;
+    }, m = () => {
+      y.value = !1;
+    }, R = async () => {
       if (a.value && i) {
-        let E = a.value;
-        E === "~new-model" && (E = e.connection.name, await (o == null ? void 0 : o.addModelConfig(
-          new je({
+        let P = a.value;
+        P === "~new-model" && (P = e.connection.name, await (o == null ? void 0 : o.addModelConfig(
+          new Ke({
             name: e.connection.name,
             sources: [],
             storage: "local",
             description: ""
           })
-        ))), i.connections[e.connection.name].model = E;
+        ))), i.connections[e.connection.name].model = P;
       }
-      c(), p.value = !1;
+      c(), y.value = !1;
     };
-    return (E, b) => (r(), l("div", At, [
+    return (P, g) => (r(), l("div", Mt, [
       s("button", {
         class: "button truncate-text",
-        onClick: w
+        onClick: T
       }, j(t.connection.model || "Set Model"), 1),
-      p.value ? (r(), l("div", It, [
+      y.value ? (r(), l("div", Lt, [
         s("form", {
-          onSubmit: A(P, ["prevent"])
+          onSubmit: k(R, ["prevent"])
         }, [
-          _(s("select", {
-            "onUpdate:modelValue": b[0] || (b[0] = (m) => a.value = m),
+          N(s("select", {
+            "onUpdate:modelValue": g[0] || (g[0] = (h) => a.value = h),
             class: "model-select",
             required: ""
           }, [
-            (r(!0), l(pe, null, fe(d.value, (m) => (r(), l("option", {
-              key: m,
-              value: m,
+            (r(!0), l(le, null, fe(d.value, (h) => (r(), l("option", {
+              key: h,
+              value: h,
               class: "model-select-item"
-            }, j(m), 9, Pt))), 128)),
-            b[1] || (b[1] = s("option", {
+            }, j(h), 9, Dt))), 128)),
+            g[1] || (g[1] = s("option", {
               key: "~new-model",
               value: "~new-model",
               class: "model-select-item"
             }, " Create New Model ", -1))
           ], 512), [
-            [ve, a.value]
+            [Ee, a.value]
           ]),
           s("div", { class: "model-form-actions" }, [
-            b[2] || (b[2] = s("button", { type: "submit" }, "Submit", -1)),
+            g[2] || (g[2] = s("button", { type: "submit" }, "Submit", -1)),
             s("button", {
               type: "button",
-              onClick: h
+              onClick: m
             }, "Close")
           ])
         ], 32)
-      ])) : I("", !0)
+      ])) : A("", !0)
     ]));
   }
-}), Mt = /* @__PURE__ */ X(Rt, [["__scopeId", "data-v-11ffb5f2"]]), Lt = {
+}), Nt = /* @__PURE__ */ z(_t, [["__scopeId", "data-v-11ffb5f2"]]), qt = {
   name: "ConnectionListItem",
   components: {
-    SidebarItem: Le,
-    ConnectionIcon: yt,
+    SidebarItem: Me,
+    ConnectionIcon: Tt,
     ConnectionRefresh: Ue,
-    ConnectionStatusIcon: Me,
-    EditorCreatorIcon: Qe,
-    CreateEditorFromDatasourcePopup: Ke,
-    DuckDBImporter: kt,
-    ModelSelector: Mt,
-    Tooltip: Ee
+    ConnectionStatusIcon: Re,
+    EditorCreatorIcon: Ve,
+    CreateEditorFromDatasourcePopup: Qe,
+    DuckDBImporter: Rt,
+    ModelSelector: Nt,
+    Tooltip: Se
   },
   props: {
     item: {
@@ -667,12 +667,12 @@ const kt = /* @__PURE__ */ X(gt, [["render", Ct], ["__scopeId", "data-v-d7832089
     "toggleMobileMenu"
   ],
   setup(t, { emit: e }) {
-    var re, H, ge;
-    const o = Y("isMobile", !1), i = $(
+    var re, V, ge;
+    const o = Y("isMobile", !1), i = J(
       () => ["connection", "database", "schema"].includes(t.item.type)
-    ), c = $(
+    ), c = J(
       () => ["connection", "database", "schema", "table", "schema"].includes(t.item.type)
-    ), p = () => [
+    ), y = () => [
       "refresh-connection",
       "refresh-database",
       "refresh-schema",
@@ -686,139 +686,139 @@ const kt = /* @__PURE__ */ X(gt, [["render", Ct], ["__scopeId", "data-v-d7832089
       "snowflake-username",
       "toggle-save-credential"
     ].includes(t.item.type) ? "" : t.item.name, a = () => {
-      var R;
-      c.value && e("click", t.item.id, ((R = t.item.connection) == null ? void 0 : R.name) || "", t.item.type);
+      var M;
+      c.value && e("click", t.item.id, ((M = t.item.connection) == null ? void 0 : M.name) || "", t.item.type);
     }, d = () => {
-      var R;
-      c.value && e("toggle", t.item.id, ((R = t.item.connection) == null ? void 0 : R.name) || "", t.item.type);
-    }, w = () => {
+      var M;
+      c.value && e("toggle", t.item.id, ((M = t.item.connection) == null ? void 0 : M.name) || "", t.item.type);
+    }, T = () => {
       e("toggleMobileMenu");
-    }, h = () => {
-      var R, ie;
-      e("refresh", (R = t.item.connection) == null ? void 0 : R.name, ((ie = t.item.connection) == null ? void 0 : ie.name) || "", "connection");
+    }, m = () => {
+      var M, oe;
+      e("refresh", (M = t.item.connection) == null ? void 0 : M.name, ((oe = t.item.connection) == null ? void 0 : oe.name) || "", "connection");
+    }, R = () => {
+      var M;
+      e("refresh", t.item.id, ((M = t.item.connection) == null ? void 0 : M.name) || "", "database");
     }, P = () => {
-      var R;
-      e("refresh", t.item.id, ((R = t.item.connection) == null ? void 0 : R.name) || "", "database");
-    }, E = () => {
-      var R;
-      e("refresh", t.item.id, ((R = t.item.connection) == null ? void 0 : R.name) || "", "schema");
-    }, b = (R) => {
-      e("deleteConnection", R);
-    }, m = C(
+      var M;
+      e("refresh", t.item.id, ((M = t.item.connection) == null ? void 0 : M.name) || "", "schema");
+    }, g = (M) => {
+      e("deleteConnection", M);
+    }, h = S(
       t.item.connection.projectId || ""
-    ), F = C(
+    ), F = S(
       t.item.connection.browsingProjectId || ""
-    ), g = C(t.item.connection.mdToken || ""), le = C(
+    ), w = S(t.item.connection.mdToken || ""), ce = S(
       ((re = t.item.connection.config) == null ? void 0 : re.privateKey) || ""
-    ), f = C(
-      ((H = t.item.connection.config) == null ? void 0 : H.account) || ""
-    ), k = C(
+    ), ue = S(
+      ((V = t.item.connection.config) == null ? void 0 : V.account) || ""
+    ), f = S(
       ((ge = t.item.connection.config) == null ? void 0 : ge.username) || ""
-    ), v = C(!1), L = C(!1), T = C(!1), V = C(!1), J = C(!1), Q = (R) => {
-      R.value = !0, setTimeout(() => {
-        R.value = !1;
+    ), C = S(!1), v = S(!1), b = S(!1), I = S(!1), te = S(!1), Q = (M) => {
+      M.value = !0, setTimeout(() => {
+        M.value = !1;
       }, 1500);
-    }, K = (R, ie) => {
+    }, K = (M, oe) => {
       let we;
-      return (...ce) => {
-        clearTimeout(we), we = setTimeout(() => R(...ce), ie);
+      return (...de) => {
+        clearTimeout(we), we = setTimeout(() => M(...de), oe);
       };
-    }, y = () => {
-      e("updateBigqueryProject", t.item.connection, m.value), Q(v);
+    }, p = () => {
+      e("updateBigqueryProject", t.item.connection, h.value), Q(C);
     }, D = () => {
-      e("updateBigqueryBrowsingProject", t.item.connection, F.value), Q(L);
+      e("updateBigqueryBrowsingProject", t.item.connection, F.value), Q(v);
     }, u = () => {
-      e("updateSnowflakePrivateKey", t.item.connection, le.value), Q(T);
-    }, S = () => {
-      e("updateSnowflakeAccount", t.item.connection, f.value), Q(V);
-    }, B = () => {
-      e("updateSnowflakeUsername", t.item.connection, k.value), Q(J);
-    }, ee = K(y, 500), Z = K(
+      e("updateSnowflakePrivateKey", t.item.connection, ce.value), Q(b);
+    }, E = () => {
+      e("updateSnowflakeAccount", t.item.connection, ue.value), Q(I);
+    }, x = () => {
+      e("updateSnowflakeUsername", t.item.connection, f.value), Q(te);
+    }, Z = K(p, 500), X = K(
       D,
       500
-    ), te = K(u, 500), oe = K(S, 500), O = K(B, 500);
+    ), $ = K(u, 500), ne = K(E, 500), B = K(x, 500);
     return {
       isMobile: o,
       isExpandable: i,
-      getItemName: p,
+      getItemName: y,
       handleItemClick: a,
       handleToggle: d,
-      toggleMobileMenu: w,
-      handleRefreshConnectionClick: h,
-      handleRefreshDatabaseClick: P,
-      handleRefreshSchemaClick: E,
-      deleteConnection: b,
+      toggleMobileMenu: T,
+      handleRefreshConnectionClick: m,
+      handleRefreshDatabaseClick: R,
+      handleRefreshSchemaClick: P,
+      deleteConnection: g,
       // Config variables
-      bigqueryProject: m,
+      bigqueryProject: h,
       bigqueryBrowsingProject: F,
-      mdToken: g,
-      snowflakePrivateKey: le,
-      snowflakeAccount: f,
-      snowflakeUsername: k,
+      mdToken: w,
+      snowflakePrivateKey: ce,
+      snowflakeAccount: ue,
+      snowflakeUsername: f,
       // Success indicators
-      showBillingSuccess: v,
-      showBrowsingSuccess: L,
-      showPrivateKeySuccess: T,
-      showAccountSuccess: V,
-      showUsernameSuccess: J,
+      showBillingSuccess: C,
+      showBrowsingSuccess: v,
+      showPrivateKeySuccess: b,
+      showAccountSuccess: I,
+      showUsernameSuccess: te,
       // Update functions
-      debouncedUpdateBigqueryProject: ee,
-      debouncedUpdateBigqueryBrowsingProject: Z,
-      debouncedUpdateSnowflakePrivateKey: te,
-      debouncedUpdateSnowflakeAccount: oe,
-      debouncedUpdateSnowflakeUsername: O,
-      updateMotherDuckToken: (R, ie) => {
-        e("updateMotherDuckToken", R, ie);
+      debouncedUpdateBigqueryProject: Z,
+      debouncedUpdateBigqueryBrowsingProject: X,
+      debouncedUpdateSnowflakePrivateKey: $,
+      debouncedUpdateSnowflakeAccount: ne,
+      debouncedUpdateSnowflakeUsername: B,
+      updateMotherDuckToken: (M, oe) => {
+        e("updateMotherDuckToken", M, oe);
       },
-      toggleSaveCredential: (R) => {
-        e("toggleSaveCredential", R);
+      toggleSaveCredential: (M) => {
+        e("toggleSaveCredential", M);
       }
     };
   }
-}, Dt = {
+}, Ut = {
   key: 1,
   class: "mdi mdi-database node-icon"
-}, _t = {
+}, Ot = {
   key: 2,
   class: "mdi mdi-folder-outline node-icon"
-}, Nt = {
+}, Bt = {
   key: 3,
   class: "mdi mdi-table node-icon"
-}, qt = {
+}, xt = {
   key: 4,
   class: "mdi mdi-alert-circle node-icon"
-}, Ut = {
+}, Yt = {
   key: 5,
   class: "mdi mdi-loading mdi-spin node-icon"
-}, Ot = {
+}, Ft = {
   key: 6,
   class: "mdi mdi-table-column node-icon"
-}, xt = {
+}, Gt = {
   key: 0,
   class: "mdi mdi-check-circle success-icon"
-}, Bt = {
+}, jt = {
   key: 0,
   class: "mdi mdi-check-circle success-icon"
-}, Yt = {
+}, Kt = {
   key: 0,
   class: "mdi mdi-check-circle success-icon"
-}, Ft = {
+}, Qt = {
   key: 0,
   class: "mdi mdi-check-circle success-icon"
-}, Gt = {
+}, Vt = {
   key: 0,
   class: "mdi mdi-check-circle success-icon"
-}, jt = { class: "save-credential-toggle" }, Kt = ["checked"], Qt = { key: 0 }, Vt = {
+}, Ht = { class: "save-credential-toggle" }, Wt = ["checked"], zt = { key: 0 }, Xt = {
   key: 0,
   class: "connection-actions"
-}, Ht = {
+}, Jt = {
   key: 1,
   class: "connection-actions"
-}, Wt = ["data-testid"];
-function zt(t, e, o, i, c, p) {
-  const a = U("connection-icon"), d = U("DuckDBImporter"), w = U("model-selector"), h = U("CreateEditorFromDatasourcePopup"), P = U("editor-creator-icon"), E = U("connection-refresh"), b = U("tooltip"), m = U("connection-status-icon"), F = U("sidebar-item");
+}, Zt = ["data-testid"];
+function $t(t, e, o, i, c, y) {
+  const a = U("connection-icon"), d = U("DuckDBImporter"), T = U("model-selector"), m = U("CreateEditorFromDatasourcePopup"), R = U("editor-creator-icon"), P = U("connection-refresh"), g = U("tooltip"), h = U("connection-status-icon"), F = U("sidebar-item");
   return r(), l("div", null, [
-    x(F, {
+    O(F, {
       "item-id": o.item.id,
       name: i.getItemName(),
       indent: o.item.indent,
@@ -830,61 +830,61 @@ function zt(t, e, o, i, c, p) {
       onToggle: i.handleToggle
     }, {
       icon: q(() => {
-        var g;
+        var w;
         return [
-          o.item.type === "connection" ? (r(), z(a, {
+          o.item.type === "connection" ? (r(), W(a, {
             key: 0,
-            "connection-type": (g = o.item.connection) == null ? void 0 : g.type
-          }, null, 8, ["connection-type"])) : o.item.type === "database" ? (r(), l("i", Dt)) : o.item.type === "schema" ? (r(), l("i", _t)) : o.item.type === "table" ? (r(), l("i", Nt)) : o.item.type === "error" ? (r(), l("i", qt)) : o.item.type === "loading" ? (r(), l("i", Ut)) : o.item.type === "column" ? (r(), l("i", Ot)) : I("", !0)
+            "connection-type": (w = o.item.connection) == null ? void 0 : w.type
+          }, null, 8, ["connection-type"])) : o.item.type === "database" ? (r(), l("i", Ut)) : o.item.type === "schema" ? (r(), l("i", Ot)) : o.item.type === "table" ? (r(), l("i", Bt)) : o.item.type === "error" ? (r(), l("i", xt)) : o.item.type === "loading" ? (r(), l("i", Yt)) : o.item.type === "column" ? (r(), l("i", Ft)) : A("", !0)
         ];
       }),
       name: q(() => [
         o.item.type === "refresh-connection" ? (r(), l("div", {
           key: 0,
           class: "refresh title-pad-left truncate-text sidebar-sub-item",
-          onClick: e[0] || (e[0] = (...g) => i.handleRefreshConnectionClick && i.handleRefreshConnectionClick(...g))
+          onClick: e[0] || (e[0] = (...w) => i.handleRefreshConnectionClick && i.handleRefreshConnectionClick(...w))
         }, j(o.item.name), 1)) : o.item.type === "refresh-database" ? (r(), l("div", {
           key: 1,
           class: "refresh title-pad-left truncate-text sidebar-sub-item",
-          onClick: e[1] || (e[1] = (...g) => i.handleRefreshDatabaseClick && i.handleRefreshDatabaseClick(...g))
+          onClick: e[1] || (e[1] = (...w) => i.handleRefreshDatabaseClick && i.handleRefreshDatabaseClick(...w))
         }, j(o.item.name), 1)) : o.item.type === "refresh-schema" ? (r(), l("div", {
           key: 2,
           class: "refresh title-pad-left truncate-text sidebar-sub-item",
-          onClick: e[2] || (e[2] = (...g) => i.handleRefreshSchemaClick && i.handleRefreshSchemaClick(...g))
-        }, j(o.item.name), 1)) : o.item.type === "duckdb-upload" ? (r(), z(d, {
+          onClick: e[2] || (e[2] = (...w) => i.handleRefreshSchemaClick && i.handleRefreshSchemaClick(...w))
+        }, j(o.item.name), 1)) : o.item.type === "duckdb-upload" ? (r(), W(d, {
           key: 3,
           db: o.item.connection.db,
           connection: o.item.connection
         }, null, 8, ["db", "connection"])) : o.item.type === "model" ? (r(), l("div", {
           key: 4,
           class: "bq-project-container",
-          onClick: e[3] || (e[3] = A(() => {
+          onClick: e[3] || (e[3] = k(() => {
           }, ["stop"]))
         }, [
           e[29] || (e[29] = s("label", { class: "input-label" }, "Model", -1)),
-          x(w, {
+          O(T, {
             connection: o.item.connection
           }, null, 8, ["connection"])
         ])) : o.item.type === "bigquery-project" ? (r(), l("div", {
           key: 5,
           class: "bq-project-container",
-          onClick: e[6] || (e[6] = A(() => {
+          onClick: e[6] || (e[6] = k(() => {
           }, ["stop"]))
         }, [
           e[30] || (e[30] = s("label", { class: "input-label" }, "Billing", -1)),
           s("span", null, [
-            x(be, { name: "fade" }, {
+            O(be, { name: "fade" }, {
               default: q(() => [
-                i.showBillingSuccess ? (r(), l("i", xt)) : I("", !0)
+                i.showBillingSuccess ? (r(), l("i", Gt)) : A("", !0)
               ]),
               _: 1
             }),
-            _(s("input", {
+            N(s("input", {
               type: "text",
-              "onUpdate:modelValue": e[4] || (e[4] = (g) => i.bigqueryProject = g),
+              "onUpdate:modelValue": e[4] || (e[4] = (w) => i.bigqueryProject = w),
               placeholder: "Billing Project",
               class: "bq-project-input",
-              onInput: e[5] || (e[5] = (...g) => i.debouncedUpdateBigqueryProject && i.debouncedUpdateBigqueryProject(...g))
+              onInput: e[5] || (e[5] = (...w) => i.debouncedUpdateBigqueryProject && i.debouncedUpdateBigqueryProject(...w))
             }, null, 544), [
               [G, i.bigqueryProject]
             ])
@@ -892,23 +892,23 @@ function zt(t, e, o, i, c, p) {
         ])) : o.item.type === "bigquery-browsing-project" ? (r(), l("div", {
           key: 6,
           class: "bq-project-container",
-          onClick: e[9] || (e[9] = A(() => {
+          onClick: e[9] || (e[9] = k(() => {
           }, ["stop"]))
         }, [
           e[31] || (e[31] = s("label", { class: "input-label" }, "Browsing", -1)),
           s("span", null, [
-            x(be, { name: "fade" }, {
+            O(be, { name: "fade" }, {
               default: q(() => [
-                i.showBrowsingSuccess ? (r(), l("i", Bt)) : I("", !0)
+                i.showBrowsingSuccess ? (r(), l("i", jt)) : A("", !0)
               ]),
               _: 1
             }),
-            _(s("input", {
+            N(s("input", {
               type: "text",
-              "onUpdate:modelValue": e[7] || (e[7] = (g) => i.bigqueryBrowsingProject = g),
+              "onUpdate:modelValue": e[7] || (e[7] = (w) => i.bigqueryBrowsingProject = w),
               placeholder: "Browsing Project",
               class: "bq-project-input",
-              onInput: e[8] || (e[8] = (...g) => i.debouncedUpdateBigqueryBrowsingProject && i.debouncedUpdateBigqueryBrowsingProject(...g))
+              onInput: e[8] || (e[8] = (...w) => i.debouncedUpdateBigqueryBrowsingProject && i.debouncedUpdateBigqueryBrowsingProject(...w))
             }, null, 544), [
               [G, i.bigqueryBrowsingProject]
             ])
@@ -916,19 +916,19 @@ function zt(t, e, o, i, c, p) {
         ])) : o.item.type === "motherduck-token" ? (r(), l("div", {
           key: 7,
           class: "md-token-container",
-          onClick: e[12] || (e[12] = A(() => {
+          onClick: e[12] || (e[12] = k(() => {
           }, ["stop"]))
         }, [
           s("form", {
-            onSubmit: e[11] || (e[11] = A((g) => i.updateMotherDuckToken(o.item.connection, i.mdToken), ["prevent"]))
+            onSubmit: e[11] || (e[11] = k((w) => i.updateMotherDuckToken(o.item.connection, i.mdToken), ["prevent"]))
           }, [
             e[32] || (e[32] = s("button", {
               type: "submit",
               class: "customize-button"
             }, "Update Token", -1)),
-            _(s("input", {
+            N(s("input", {
               type: "password",
-              "onUpdate:modelValue": e[10] || (e[10] = (g) => i.mdToken = g),
+              "onUpdate:modelValue": e[10] || (e[10] = (w) => i.mdToken = w),
               placeholder: "mdToken",
               class: "connection-customize"
             }, null, 512), [
@@ -938,23 +938,23 @@ function zt(t, e, o, i, c, p) {
         ])) : o.item.type === "snowflake-private-key" ? (r(), l("div", {
           key: 8,
           class: "bq-project-container",
-          onClick: e[15] || (e[15] = A(() => {
+          onClick: e[15] || (e[15] = k(() => {
           }, ["stop"]))
         }, [
           e[33] || (e[33] = s("label", { class: "input-label" }, "Private Key", -1)),
           s("span", null, [
-            x(be, { name: "fade" }, {
+            O(be, { name: "fade" }, {
               default: q(() => [
-                i.showPrivateKeySuccess ? (r(), l("i", Yt)) : I("", !0)
+                i.showPrivateKeySuccess ? (r(), l("i", Kt)) : A("", !0)
               ]),
               _: 1
             }),
-            _(s("input", {
+            N(s("input", {
               type: "password",
-              "onUpdate:modelValue": e[13] || (e[13] = (g) => i.snowflakePrivateKey = g),
+              "onUpdate:modelValue": e[13] || (e[13] = (w) => i.snowflakePrivateKey = w),
               placeholder: "Private Key",
               class: "bq-project-input",
-              onInput: e[14] || (e[14] = (...g) => i.debouncedUpdateSnowflakePrivateKey && i.debouncedUpdateSnowflakePrivateKey(...g))
+              onInput: e[14] || (e[14] = (...w) => i.debouncedUpdateSnowflakePrivateKey && i.debouncedUpdateSnowflakePrivateKey(...w))
             }, null, 544), [
               [G, i.snowflakePrivateKey]
             ])
@@ -962,23 +962,23 @@ function zt(t, e, o, i, c, p) {
         ])) : o.item.type === "snowflake-account" ? (r(), l("div", {
           key: 9,
           class: "bq-project-container",
-          onClick: e[18] || (e[18] = A(() => {
+          onClick: e[18] || (e[18] = k(() => {
           }, ["stop"]))
         }, [
           e[34] || (e[34] = s("label", { class: "input-label" }, "Account", -1)),
           s("span", null, [
-            x(be, { name: "fade" }, {
+            O(be, { name: "fade" }, {
               default: q(() => [
-                i.showAccountSuccess ? (r(), l("i", Ft)) : I("", !0)
+                i.showAccountSuccess ? (r(), l("i", Qt)) : A("", !0)
               ]),
               _: 1
             }),
-            _(s("input", {
+            N(s("input", {
               type: "text",
-              "onUpdate:modelValue": e[16] || (e[16] = (g) => i.snowflakeAccount = g),
+              "onUpdate:modelValue": e[16] || (e[16] = (w) => i.snowflakeAccount = w),
               placeholder: "Account",
               class: "bq-project-input",
-              onInput: e[17] || (e[17] = (...g) => i.debouncedUpdateSnowflakeAccount && i.debouncedUpdateSnowflakeAccount(...g))
+              onInput: e[17] || (e[17] = (...w) => i.debouncedUpdateSnowflakeAccount && i.debouncedUpdateSnowflakeAccount(...w))
             }, null, 544), [
               [G, i.snowflakeAccount]
             ])
@@ -986,23 +986,23 @@ function zt(t, e, o, i, c, p) {
         ])) : o.item.type === "snowflake-username" ? (r(), l("div", {
           key: 10,
           class: "bq-project-container",
-          onClick: e[21] || (e[21] = A(() => {
+          onClick: e[21] || (e[21] = k(() => {
           }, ["stop"]))
         }, [
           e[35] || (e[35] = s("label", { class: "input-label" }, "Username", -1)),
           s("span", null, [
-            x(be, { name: "fade" }, {
+            O(be, { name: "fade" }, {
               default: q(() => [
-                i.showUsernameSuccess ? (r(), l("i", Gt)) : I("", !0)
+                i.showUsernameSuccess ? (r(), l("i", Vt)) : A("", !0)
               ]),
               _: 1
             }),
-            _(s("input", {
+            N(s("input", {
               type: "text",
-              "onUpdate:modelValue": e[19] || (e[19] = (g) => i.snowflakeUsername = g),
+              "onUpdate:modelValue": e[19] || (e[19] = (w) => i.snowflakeUsername = w),
               placeholder: "Username",
               class: "bq-project-input",
-              onInput: e[20] || (e[20] = (...g) => i.debouncedUpdateSnowflakeUsername && i.debouncedUpdateSnowflakeUsername(...g))
+              onInput: e[20] || (e[20] = (...w) => i.debouncedUpdateSnowflakeUsername && i.debouncedUpdateSnowflakeUsername(...w))
             }, null, 544), [
               [G, i.snowflakeUsername]
             ])
@@ -1010,81 +1010,81 @@ function zt(t, e, o, i, c, p) {
         ])) : o.item.type === "toggle-save-credential" ? (r(), l("div", {
           key: 11,
           class: "md-token-container",
-          onClick: e[23] || (e[23] = A(() => {
+          onClick: e[23] || (e[23] = k(() => {
           }, ["stop"]))
         }, [
-          s("label", jt, [
+          s("label", Ht, [
             s("input", {
               type: "checkbox",
               checked: o.item.connection.saveCredential,
-              onChange: e[22] || (e[22] = (g) => i.toggleSaveCredential(o.item.connection))
-            }, null, 40, Kt),
+              onChange: e[22] || (e[22] = (w) => i.toggleSaveCredential(o.item.connection))
+            }, null, 40, Wt),
             e[36] || (e[36] = s("span", { class: "checkbox-label" }, "Save Credentials", -1))
           ])
         ])) : (r(), l("span", {
           key: 12,
           class: me(["title-pad-left truncate-text", { "error-indicator": o.item.type === "error" }])
         }, [
-          de(j(o.item.name) + " ", 1),
-          o.item.count !== void 0 && o.item.count > 0 ? (r(), l("span", Qt, " (" + j(o.item.count) + ") ", 1)) : I("", !0),
+          ie(j(o.item.name) + " ", 1),
+          o.item.count !== void 0 && o.item.count > 0 ? (r(), l("span", zt, " (" + j(o.item.count) + ") ", 1)) : A("", !0),
           o.item.type === "connection" ? (r(), l("span", {
             key: 1,
             class: "hover-icon",
-            onClick: e[24] || (e[24] = A((...g) => i.handleRefreshConnectionClick && i.handleRefreshConnectionClick(...g), ["stop"]))
+            onClick: e[24] || (e[24] = k((...w) => i.handleRefreshConnectionClick && i.handleRefreshConnectionClick(...w), ["stop"]))
           }, [...e[37] || (e[37] = [
             s("i", { class: "mdi mdi-refresh" }, null, -1)
-          ])])) : I("", !0),
+          ])])) : A("", !0),
           o.item.type === "database" ? (r(), l("span", {
             key: 2,
             class: "hover-icon",
-            onClick: e[25] || (e[25] = A((...g) => i.handleRefreshDatabaseClick && i.handleRefreshDatabaseClick(...g), ["stop"]))
+            onClick: e[25] || (e[25] = k((...w) => i.handleRefreshDatabaseClick && i.handleRefreshDatabaseClick(...w), ["stop"]))
           }, [...e[38] || (e[38] = [
             s("i", { class: "mdi mdi-refresh" }, null, -1)
-          ])])) : I("", !0),
+          ])])) : A("", !0),
           o.item.type === "schema" ? (r(), l("span", {
             key: 3,
             class: "hover-icon",
-            onClick: e[26] || (e[26] = A((...g) => i.handleRefreshSchemaClick && i.handleRefreshSchemaClick(...g), ["stop"]))
+            onClick: e[26] || (e[26] = k((...w) => i.handleRefreshSchemaClick && i.handleRefreshSchemaClick(...w), ["stop"]))
           }, [...e[39] || (e[39] = [
             s("i", { class: "mdi mdi-refresh" }, null, -1)
-          ])])) : I("", !0)
+          ])])) : A("", !0)
         ], 2))
       ]),
       "extra-content": q(() => [
-        o.item.type === "table" ? (r(), l("div", Vt, [
-          x(h, {
+        o.item.type === "table" ? (r(), l("div", Xt, [
+          O(m, {
             class: "hover-icon",
             connection: o.item.connection,
             table: o.item.object,
             mode: "icon"
           }, null, 8, ["connection", "table"])
-        ])) : o.item.type === "connection" ? (r(), l("div", Ht, [
+        ])) : o.item.type === "connection" ? (r(), l("div", Jt, [
           i.isMobile ? (r(), l("i", {
             key: 0,
             "data-testid": `toggle-history-${o.item.connection.name}`,
             class: "mdi mdi-history hover-icon",
             title: "Query History",
-            onClick: e[27] || (e[27] = A((...g) => i.toggleMobileMenu && i.toggleMobileMenu(...g), ["stop"]))
-          }, null, 8, Wt)) : I("", !0),
-          x(P, {
+            onClick: e[27] || (e[27] = k((...w) => i.toggleMobileMenu && i.toggleMobileMenu(...w), ["stop"]))
+          }, null, 8, Zt)) : A("", !0),
+          O(R, {
             class: "tacticle-button hover-icon",
             connection: o.item.connection.name,
             type: "sql",
             title: "New SQL Editor",
             "data-testid": o.testTag ? `new-sql-editor-${o.item.connection.name}-${o.testTag}` : `new-sql-editor-${o.item.connection.name}`
           }, null, 8, ["connection", "data-testid"]),
-          x(P, {
+          O(R, {
             class: "tacticle-button hover-icon",
             connection: o.item.connection.name,
             title: "New Trilogy Editor",
             "data-testid": o.testTag ? `new-trilogy-editor-${o.item.connection.name}-${o.testTag}` : `new-trilogy-editor-${o.item.connection.name}`
           }, null, 8, ["connection", "data-testid"]),
-          x(E, {
+          O(P, {
             class: "tacticle-button hover-icon",
             connection: o.item.connection,
             "is-connected": o.item.connection.connected
           }, null, 8, ["connection", "is-connected"]),
-          x(b, {
+          O(g, {
             class: "tacticle-button hover-icon",
             content: "Delete Connection",
             position: "left"
@@ -1092,23 +1092,23 @@ function zt(t, e, o, i, c, p) {
             default: q(() => [
               s("span", {
                 class: "remove-btn",
-                onClick: e[28] || (e[28] = A((g) => i.deleteConnection(o.item.connection), ["stop"]))
+                onClick: e[28] || (e[28] = k((w) => i.deleteConnection(o.item.connection), ["stop"]))
               }, [...e[40] || (e[40] = [
                 s("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
               ])])
             ]),
             _: 1
           }),
-          x(m, {
+          O(h, {
             connection: o.item.connection
           }, null, 8, ["connection"])
-        ])) : I("", !0)
+        ])) : A("", !0)
       ]),
       _: 1
     }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "itemType", "onClick", "onToggle"])
   ]);
 }
-const Xt = /* @__PURE__ */ X(Lt, [["render", zt], ["__scopeId", "data-v-fce665fc"]]), Jt = {
+const en = /* @__PURE__ */ z(qt, [["render", $t], ["__scopeId", "data-v-fce665fc"]]), tn = {
   name: "ConnectionList",
   props: {
     activeConnectionKey: {
@@ -1128,146 +1128,146 @@ const Xt = /* @__PURE__ */ X(Lt, [["render", zt], ["__scopeId", "data-v-fce665fc
     };
   },
   setup(t, { emit: e }) {
-    const o = Y("connectionStore"), i = Y("saveConnections"), c = Y("modelStore"), p = Y("editorStore"), a = Y("isMobile", C(!1));
-    if (!o || !i || !c || !p)
+    const o = Y("connectionStore"), i = Y("saveConnections"), c = Y("modelStore"), y = Y("editorStore"), a = Y("isMobile", S(!1));
+    if (!o || !i || !c || !y)
       throw new Error("Connection store is not provided!");
-    const d = C({}), w = C({}), h = C({}), P = C(!1), E = C(""), b = () => {
-      E.value = "";
-    }, m = (u, S) => {
-      u.type === "motherduck" && (u.setAttribute("mdToken", S), o.resetConnection(u.name));
-    }, F = async (u, S) => {
-      u.type === "snowflake" && (u.setPrivateKey(S), await i(), await o.resetConnection(u.name));
-    }, g = async (u, S) => {
-      u.type === "snowflake" && (u.setAccount(S), await i(), o.resetConnection(u.name));
-    }, le = async (u, S) => {
-      u.type === "snowflake" && (u.setUsername(S), await i(), o.resetConnection(u.name));
-    }, f = async (u, S) => {
-      u.type === "bigquery-oauth" && (u.setAttribute("projectId", S), await i(), o.resetConnection(u.name));
-    }, k = async (u, S) => {
-      u.type === "bigquery-oauth" && (u.setAttribute("browsingProjectId", S), await i(), u.databases = [], await u.getDatabases());
-    }, v = (u) => {
+    const d = S({}), T = S({}), m = S({}), R = S(!1), P = S(""), g = () => {
+      P.value = "";
+    }, h = (u, E) => {
+      u.type === "motherduck" && (u.setAttribute("mdToken", E), o.resetConnection(u.name));
+    }, F = async (u, E) => {
+      u.type === "snowflake" && (u.setPrivateKey(E), await i(), await o.resetConnection(u.name));
+    }, w = async (u, E) => {
+      u.type === "snowflake" && (u.setAccount(E), await i(), o.resetConnection(u.name));
+    }, ce = async (u, E) => {
+      u.type === "snowflake" && (u.setUsername(E), await i(), o.resetConnection(u.name));
+    }, ue = async (u, E) => {
+      u.type === "bigquery-oauth" && (u.setAttribute("projectId", E), await i(), o.resetConnection(u.name));
+    }, f = async (u, E) => {
+      u.type === "bigquery-oauth" && (u.setAttribute("browsingProjectId", E), await i(), u.databases = [], await u.getDatabases());
+    }, C = (u) => {
       u.saveCredential = !u.saveCredential, o.resetConnection(u.name);
-    }, L = () => {
+    }, v = () => {
       e("toggle-mobile-menu");
-    }, T = C({}), V = async (u, S, B) => {
-      var ee, Z, te, oe;
+    }, b = S({}), I = async (u, E, x) => {
+      var Z, X, $, ne;
       try {
-        if (w.value[u] = !0, (ee = o.connections[S]) != null && ee.connected || await o.resetConnection(S), B === "connection") {
+        if (T.value[u] = !0, (Z = o.connections[E]) != null && Z.connected || await o.resetConnection(E), x === "connection") {
           console.log("getting databases");
-          let O = await o.connections[S].getDatabases();
-          for (let W of O) {
-            let se = `${S}${N}${W.name}`;
-            T.value[se] = !0;
+          let B = await o.connections[E].getDatabases();
+          for (let H of B) {
+            let se = `${E}${_}${H.name}`;
+            b.value[se] = !0;
           }
         }
-        if (B === "database") {
+        if (x === "database") {
           console.log("getting schemas");
-          let O = u.split(N)[1];
-          await o.connections[S].refreshDatabase(O);
+          let B = u.split(_)[1];
+          await o.connections[E].refreshDatabase(B);
         }
-        if (B === "schema") {
-          let O = u.split(N)[1], W = u.split(N)[2];
-          await o.connections[S].refreshSchema(O, W);
+        if (x === "schema") {
+          let B = u.split(_)[1], H = u.split(_)[2];
+          await o.connections[E].refreshSchema(B, H);
         }
-        if (B === "table") {
-          let O = u.split(N)[1], W = u.split(N)[2], se = u.split(N)[3], re = (oe = (te = (Z = o.connections[S].databases) == null ? void 0 : Z.find((H) => H.name === O)) == null ? void 0 : te.schemas.find((H) => H.name === W)) == null ? void 0 : oe.tables.find((H) => H.name === se);
+        if (x === "table") {
+          let B = u.split(_)[1], H = u.split(_)[2], se = u.split(_)[3], re = (ne = ($ = (X = o.connections[E].databases) == null ? void 0 : X.find((V) => V.name === B)) == null ? void 0 : $.schemas.find((V) => V.name === H)) == null ? void 0 : ne.tables.find((V) => V.name === se);
           if (re) {
-            let H = await o.connections[S].getColumns(
-              O,
-              W,
+            let V = await o.connections[E].getColumns(
+              B,
+              H,
               se
             );
-            re.columns = H;
+            re.columns = V;
           }
         }
-        delete h.value[u];
-      } catch (O) {
-        console.error(O), O instanceof Error ? h.value[u] = O.message : h.value[u] = "An error occurred";
+        delete m.value[u];
+      } catch (B) {
+        console.error(B), B instanceof Error ? m.value[u] = B.message : m.value[u] = "An error occurred";
       }
-      delete w.value[u];
-    }, J = async (u, S, B) => {
+      delete T.value[u];
+    }, te = async (u, E, x) => {
       console.log("emitting connection key selected:", u), e("connection-key-selected", u);
-    }, Q = async (u, S, B) => {
-      var ee, Z, te, oe, O, W, se, re, H, ge, R, ie, we;
-      if (B === "connection" && (T.value[u] === void 0 || T.value[u] === !0))
-        T.value[u] = !1, (((ee = o.connections[S].databases) == null ? void 0 : ee.length) === 0 || ((Z = o.connections[S].databases) == null ? void 0 : Z.length) === void 0) && await V(u, S, B);
-      else if (B === "database" && T.value[u] !== !1) {
-        T.value[u] = !1;
-        let ce = u.split(N)[1], he = (te = o.connections[S].databases) == null ? void 0 : te.find((ue) => ue.name === ce);
-        he && ((oe = he.schemas) == null ? void 0 : oe.length) === 0 && await V(u, S, B);
-      } else if (B === "schema" && T.value[u] !== !1) {
-        T.value[u] = !1;
-        let ce = u.split(N)[1], he = u.split(N)[2], ue = (se = (W = (O = o.connections[S].databases) == null ? void 0 : O.find((ye) => ye.name === ce)) == null ? void 0 : W.schemas) == null ? void 0 : se.find((ye) => ye.name === he);
-        ue && ((re = ue.tables) == null ? void 0 : re.length) === 0 && await V(u, S, B);
-      } else if (B === "table" && T.value[u] !== !1) {
-        let ce = u.split(N)[1], he = u.split(N)[3], ue = u.split(N)[2];
-        if (ue) {
-          let ye = await ((we = (ie = (R = (ge = (H = o.connections[S].databases) == null ? void 0 : H.find((Te) => Te.name === ce)) == null ? void 0 : ge.schemas) == null ? void 0 : R.find((Te) => Te.name === ue)) == null ? void 0 : ie.tables) == null ? void 0 : we.find((Te) => Te.name === he));
+    }, Q = async (u, E, x) => {
+      var Z, X, $, ne, B, H, se, re, V, ge, M, oe, we;
+      if (x === "connection" && (b.value[u] === void 0 || b.value[u] === !0))
+        b.value[u] = !1, (((Z = o.connections[E].databases) == null ? void 0 : Z.length) === 0 || ((X = o.connections[E].databases) == null ? void 0 : X.length) === void 0) && await I(u, E, x);
+      else if (x === "database" && b.value[u] !== !1) {
+        b.value[u] = !1;
+        let de = u.split(_)[1], he = ($ = o.connections[E].databases) == null ? void 0 : $.find((pe) => pe.name === de);
+        he && ((ne = he.schemas) == null ? void 0 : ne.length) === 0 && await I(u, E, x);
+      } else if (x === "schema" && b.value[u] !== !1) {
+        b.value[u] = !1;
+        let de = u.split(_)[1], he = u.split(_)[2], pe = (se = (H = (B = o.connections[E].databases) == null ? void 0 : B.find((ye) => ye.name === de)) == null ? void 0 : H.schemas) == null ? void 0 : se.find((ye) => ye.name === he);
+        pe && ((re = pe.tables) == null ? void 0 : re.length) === 0 && await I(u, E, x);
+      } else if (x === "table" && b.value[u] !== !1) {
+        let de = u.split(_)[1], he = u.split(_)[3], pe = u.split(_)[2];
+        if (pe) {
+          let ye = await ((we = (oe = (M = (ge = (V = o.connections[E].databases) == null ? void 0 : V.find((Te) => Te.name === de)) == null ? void 0 : ge.schemas) == null ? void 0 : M.find((Te) => Te.name === pe)) == null ? void 0 : oe.tables) == null ? void 0 : we.find((Te) => Te.name === he));
           if (ye && ye.columns.length === 0) {
-            await V(u, S, B);
+            await I(u, E, x);
             return;
           }
         }
-      } else T.value[u] === void 0 ? T.value[u] = !1 : T.value[u] = !T.value[u];
+      } else b.value[u] === void 0 ? b.value[u] = !1 : b.value[u] = !b.value[u];
     };
     Object.values(o.connections).forEach((u) => {
-      var B;
-      let S = `${u.name}`;
-      T.value[S] = !0, (B = u.databases) == null || B.forEach((ee) => {
-        let Z = `${S}${N}${ee.name}`;
-        T.value[Z] = !0, ee.schemas.forEach((te) => {
-          let oe = `${Z}${N}${te.name}`;
-          T.value[oe] = !0;
-          for (let O of te.tables) {
-            let W = `${Z}${N}${O.schema}${N}${O.name}`;
-            T.value[W] = !0;
+      var x;
+      let E = `${u.name}`;
+      b.value[E] = !0, (x = u.databases) == null || x.forEach((Z) => {
+        let X = `${E}${_}${Z.name}`;
+        b.value[X] = !0, Z.schemas.forEach(($) => {
+          let ne = `${X}${_}${$.name}`;
+          b.value[ne] = !0;
+          for (let B of $.tables) {
+            let H = `${X}${_}${B.schema}${_}${B.name}`;
+            b.value[H] = !0;
           }
         });
       });
     });
-    const K = $(() => He(
+    const K = J(() => Je(
       Object.values(o.connections),
+      b.value,
       T.value,
-      w.value,
-      h.value
-    )), y = $(() => We(K.value, E.value));
+      m.value
+    )), p = J(() => Ze(K.value, P.value));
     return {
       connectionStore: o,
-      editorStore: p,
+      editorStore: y,
       contentList: K,
-      filteredContentList: y,
+      filteredContentList: p,
       toggleCollapse: Q,
-      handleItemClick: J,
-      toggleMobileMenu: L,
-      collapsed: T,
+      handleItemClick: te,
+      toggleMobileMenu: v,
+      collapsed: b,
       saveConnections: i,
       modelStore: c,
       connectionModelVisible: d,
-      updateMotherDuckToken: m,
+      updateMotherDuckToken: h,
       updateSnowflakePrivateKey: F,
-      updateSnowflakeAccount: g,
-      updateSnowflakeUsername: le,
-      toggleSaveCredential: v,
-      updateBigqueryProject: f,
-      updateBigqueryBrowsingProject: k,
-      refreshId: V,
+      updateSnowflakeAccount: w,
+      updateSnowflakeUsername: ce,
+      toggleSaveCredential: C,
+      updateBigqueryProject: ue,
+      updateBigqueryBrowsingProject: f,
+      refreshId: I,
       rightSplit: (u) => {
-        const S = u.lastIndexOf(N);
-        return S !== -1 ? u.substring(0, S) : u;
+        const E = u.lastIndexOf(_);
+        return E !== -1 ? u.substring(0, E) : u;
       },
-      creatorVisible: P,
+      creatorVisible: R,
       isMobile: a,
-      searchTerm: E,
-      clearSearch: b
+      searchTerm: P,
+      clearSearch: g
     };
   },
   components: {
-    SidebarList: _e,
-    ConnectionCreatorInline: rt,
-    LoadingButton: Se,
-    StatusIcon: De,
-    Tooltip: Ee,
-    ConnectionListItem: Xt
+    SidebarList: De,
+    ConnectionCreatorInline: dt,
+    LoadingButton: Ce,
+    StatusIcon: Le,
+    Tooltip: Se,
+    ConnectionListItem: en
   },
   methods: {
     resetConnection(t) {
@@ -1300,51 +1300,51 @@ const Xt = /* @__PURE__ */ X(Lt, [["render", zt], ["__scopeId", "data-v-fce665fc
       return Object.keys(this.modelStore.models);
     }
   }
-}, Zt = { class: "button-container" }, $t = ["data-testid"], en = {
+}, nn = { class: "button-container" }, on = ["data-testid"], an = {
   key: 0,
   class: "mdi mdi-plus icon"
-}, tn = { class: "search-container" }, nn = ["data-testid"], on = ["data-testid"], an = { class: "confirmation-dialog" }, sn = { class: "dialog-actions" };
-function rn(t, e, o, i, c, p) {
-  const a = U("connection-creator-inline"), d = U("connection-list-item"), w = U("sidebar-list");
-  return r(), z(w, { title: "Connections" }, {
+}, sn = { class: "search-container" }, rn = ["data-testid"], ln = ["data-testid"], cn = { class: "confirmation-dialog" }, un = { class: "dialog-actions" };
+function dn(t, e, o, i, c, y) {
+  const a = U("connection-creator-inline"), d = U("connection-list-item"), T = U("sidebar-list");
+  return r(), W(T, { title: "Connections" }, {
     actions: q(() => [
-      s("div", Zt, [
+      s("div", nn, [
         s("button", {
-          onClick: e[0] || (e[0] = (h) => i.creatorVisible = !i.creatorVisible),
+          onClick: e[0] || (e[0] = (m) => i.creatorVisible = !i.creatorVisible),
           "data-testid": o.testTag ? `connection-creator-add-${o.testTag}` : "connection-creator-add"
         }, [
-          i.creatorVisible ? (r(), l("i", en)) : I("", !0),
-          de(" " + j(i.creatorVisible ? "Hide" : "New"), 1)
-        ], 8, $t)
+          i.creatorVisible ? (r(), l("i", an)) : A("", !0),
+          ie(" " + j(i.creatorVisible ? "Hide" : "New"), 1)
+        ], 8, on)
       ]),
-      x(a, {
+      O(a, {
         visible: i.creatorVisible,
-        onClose: e[1] || (e[1] = (h) => i.creatorVisible = !i.creatorVisible)
+        onClose: e[1] || (e[1] = (m) => i.creatorVisible = !i.creatorVisible)
       }, null, 8, ["visible"]),
-      s("div", tn, [
-        _(s("input", {
+      s("div", sn, [
+        N(s("input", {
           type: "text",
-          "onUpdate:modelValue": e[2] || (e[2] = (h) => i.searchTerm = h),
+          "onUpdate:modelValue": e[2] || (e[2] = (m) => i.searchTerm = m),
           placeholder: "Search objects...",
           class: "search-input",
           "data-testid": o.testTag ? `connection-search-${o.testTag}` : "connection-search"
-        }, null, 8, nn), [
+        }, null, 8, rn), [
           [G, i.searchTerm]
         ]),
         i.searchTerm ? (r(), l("button", {
           key: 0,
-          onClick: e[3] || (e[3] = (...h) => i.clearSearch && i.clearSearch(...h)),
+          onClick: e[3] || (e[3] = (...m) => i.clearSearch && i.clearSearch(...m)),
           class: "clear-search-btn",
           "data-testid": o.testTag ? `connection-search-clear-${o.testTag}` : "connection-search-clear"
-        }, " ✕ ", 8, on)) : I("", !0)
+        }, " ✕ ", 8, ln)) : A("", !0)
       ])
     ]),
     default: q(() => [
-      (r(!0), l(pe, null, fe(i.filteredContentList, (h) => (r(), z(d, {
-        key: h.id,
-        item: h,
-        "is-collapsed": i.collapsed[h.id],
-        isSelected: h.id === o.activeConnectionKey,
+      (r(!0), l(le, null, fe(i.filteredContentList, (m) => (r(), W(d, {
+        key: m.id,
+        item: m,
+        "is-collapsed": i.collapsed[m.id],
+        isSelected: m.id === o.activeConnectionKey,
         isMobile: i.isMobile,
         testTag: o.testTag,
         onToggle: i.toggleCollapse,
@@ -1358,58 +1358,58 @@ function rn(t, e, o, i, c, p) {
         onUpdateSnowflakeUsername: i.updateSnowflakeUsername,
         onToggleSaveCredential: i.toggleSaveCredential,
         onToggleMobileMenu: i.toggleMobileMenu,
-        "delete-connection": p.deleteConnection
+        "delete-connection": y.deleteConnection
       }, null, 8, ["item", "is-collapsed", "isSelected", "isMobile", "testTag", "onToggle", "onClick", "onRefresh", "onUpdateMotherduckToken", "onUpdateBigqueryProject", "onUpdateBigqueryBrowsingProject", "onUpdateSnowflakePrivateKey", "onUpdateSnowflakeAccount", "onUpdateSnowflakeUsername", "onToggleSaveCredential", "onToggleMobileMenu", "delete-connection"]))), 128)),
       c.showDeleteConfirmationState ? (r(), l("div", {
         key: 0,
         class: "confirmation-overlay",
-        onClick: e[6] || (e[6] = A((...h) => p.cancelDelete && p.cancelDelete(...h), ["self"]))
+        onClick: e[6] || (e[6] = k((...m) => y.cancelDelete && y.cancelDelete(...m), ["self"]))
       }, [
-        s("div", an, [
+        s("div", cn, [
           e[7] || (e[7] = s("h3", null, "Confirm Deletion", -1)),
           e[8] || (e[8] = s("p", null, " Are you sure you want to delete this connection? All associated editors will be deleted. ", -1)),
-          s("div", sn, [
+          s("div", un, [
             s("button", {
               class: "cancel-btn",
-              onClick: e[4] || (e[4] = (...h) => p.cancelDelete && p.cancelDelete(...h))
+              onClick: e[4] || (e[4] = (...m) => y.cancelDelete && y.cancelDelete(...m))
             }, "Cancel"),
             s("button", {
               class: "confirm-btn",
-              onClick: e[5] || (e[5] = (...h) => p.confirmDelete && p.confirmDelete(...h))
+              onClick: e[5] || (e[5] = (...m) => y.confirmDelete && y.confirmDelete(...m))
             }, "Delete")
           ])
         ])
-      ])) : I("", !0)
+      ])) : A("", !0)
     ]),
     _: 1
   });
 }
-const wo = /* @__PURE__ */ X(Jt, [["render", rn], ["__scopeId", "data-v-e9246856"]]);
+const So = /* @__PURE__ */ z(tn, [["render", dn], ["__scopeId", "data-v-e9246856"]]);
 class n {
   constructor(e, o, i = null, c = null) {
-    ne(this, "title");
-    ne(this, "content");
-    ne(this, "type");
-    ne(this, "data");
+    ee(this, "title");
+    ee(this, "content");
+    ee(this, "type");
+    ee(this, "data");
     this.title = e, this.content = o, this.type = i, this.data = c || {};
   }
 }
-class M {
+class L {
   constructor(e, o, i = void 0) {
-    ne(this, "title");
-    ne(this, "paragraphs");
-    ne(this, "displayName");
+    ee(this, "title");
+    ee(this, "paragraphs");
+    ee(this, "displayName");
     this.title = e, this.paragraphs = o, this.displayName = i;
   }
 }
 class ke {
   constructor(e, o) {
-    ne(this, "title");
-    ne(this, "articles");
+    ee(this, "title");
+    ee(this, "articles");
     this.title = e, this.articles = o;
   }
 }
-const ln = new M(
+const pn = new L(
   "Dashboards",
   [
     new n(
@@ -1468,7 +1468,7 @@ const ln = new M(
     )
   ],
   "Dashboard Tutorial"
-), cn = new M(
+), mn = new L(
   "Model Tutorial",
   [
     new n(
@@ -1522,8 +1522,8 @@ order by
             "Make sure the state output is named state and you've ordered properly."
           ],
           validationFn: (t) => {
-            var e, o, i, c, p, a, d;
-            return ((e = t.data) == null ? void 0 : e.length) === 3 && ((i = (o = t.data) == null ? void 0 : o[0]) == null ? void 0 : i.state) === "CA" && ((p = (c = t.data) == null ? void 0 : c[1]) == null ? void 0 : p.state) === "NY" && ((d = (a = t.data) == null ? void 0 : a[2]) == null ? void 0 : d.state) === "TX";
+            var e, o, i, c, y, a, d;
+            return ((e = t.data) == null ? void 0 : e.length) === 3 && ((i = (o = t.data) == null ? void 0 : o[0]) == null ? void 0 : i.state) === "CA" && ((y = (c = t.data) == null ? void 0 : c[1]) == null ? void 0 : y.state) === "NY" && ((d = (a = t.data) == null ? void 0 : a[2]) == null ? void 0 : d.state) === "TX";
           }
         },
         {
@@ -1681,7 +1681,7 @@ select
     )
   ],
   "Model Tutorial"
-), un = new M(
+), hn = new L(
   "Welcome",
   [
     new n(
@@ -1802,7 +1802,7 @@ order by
     )
   ],
   "Welcome and Query Tutorial"
-), dn = new M("LLM Tutorial", [
+), yn = new L("LLM Tutorial", [
   new n(
     "Connections",
     "LLMs can optionally be used to enhance the studio experience. The LLM screen is accessible on the left-hand nav and provides some basic validation that your LLM will work. LLMs is not required, but we aim to make the best use of them when available."
@@ -1902,7 +1902,7 @@ auto state.population <- random(state)*10000;
     "LLMs operate on the imported concept context. Make sure you have a datasource selected on a dashboard, or add imports to an editor before typing your comment. Ctrl-shift-enter is the default LLM activation shortcut; typically you will highlight text and then run this.",
     "tip"
   )
-]), pn = new M("Functions", [
+]), fn = new L("Functions", [
   new n(
     "Trilogy Built-in Functions",
     "Trilogy provides a comprehensive set of built-in functions that closely map to standard SQL functions. These functions enable data transformation, aggregation, and manipulation within your queries. They are categorized into aggregate, date/time, string, numeric, collection, and utility functions."
@@ -2789,7 +2789,7 @@ auto state.population <- random(state)*10000;
       }
     }
   )
-]), mn = new M("Window Functions", [
+]), gn = new L("Window Functions", [
   new n(
     "Trilogy Built-in Functions",
     "Window functions are a set of built-in functions in the Trilogy query language that allow you to perform calculations across a set of rows related to the current row. These functions are essential for data analysis, reporting, and complex aggregations."
@@ -2875,7 +2875,7 @@ auto state.population <- random(state)*10000;
       }
     }
   )
-]), hn = new M(
+]), wn = new L(
   "Modeling",
   // Article Title
   [
@@ -3105,8 +3105,8 @@ select pi * 2 as circumference_ratio;`,
     )
   ],
   "Modeling"
-), yn = new ke("Trilogy Reference", [
-  new M("Overview/Goals", [
+), Tn = new ke("Trilogy Reference", [
+  new L("Overview/Goals", [
     new n(
       "Introduction",
       "Trilogy is a new, SQL-derived language that compiles to SQL. Trilogy Studio provides you with both native Trilogy and SQL editors, allowing you to query your data in a way that is more expressive and easier to maintain than traditional SQL."
@@ -3191,7 +3191,7 @@ ORDER BY
       "Explore the rest of the reference documentation for more details on how Trilogy works and explore these concepts in more detail."
     )
   ]),
-  new M("Code", [
+  new L("Code", [
     new n(
       "How Trilogy Works",
       `Studio and dependent code is open-source under the MIT license. The code is available on GitHub at the following locations:
@@ -3204,7 +3204,7 @@ ORDER BY
         `
     )
   ]),
-  new M("Querying Data", [
+  new L("Querying Data", [
     new n(
       "SELECT Without FROM, JOIN, or GROUP BY",
       "In Trilogy, you write queries without explicitly specifying tables, joins, or grouping."
@@ -3249,7 +3249,7 @@ LIMIT 10;`,
       "All concepts and outputs must be explicitly named, using AS to bind any transformation. The having clause and order clause can only reference fields in the select list, while the where clause can reference any field in the model."
     )
   ]),
-  new M("Syntax", [
+  new L("Syntax", [
     new n(
       "Basic SELECT Statement",
       "A Trilogy statement consists of one or more lines ending in a semicolon. Trilogy follows SQL syntax closely but removes redundant features like explicit joins and the FROM clause. A basic select could look like this:"
@@ -3338,7 +3338,7 @@ complete_for_clause?
       "code"
     )
   ]),
-  new M("Concepts", [
+  new L("Concepts", [
     new n(
       "What Are Concepts?",
       "Concepts are core semantic building blocks in Trilogy. They represent keys, properties, or metrics: Keys (unique identifiers), Properties (additional values), and Metrics (aggregatable values)."
@@ -3392,7 +3392,7 @@ metric product_count <-count(product.id); # the count of products`,
       "A metric can be created by an aggregation with a defined grain, ex: `metric product_count <-count(product_id) by store;`, in which case it behaves similar to a property. However, where conditions for a select will still be pushed inside these aggregates."
     )
   ]),
-  new M("Datasources and Joins", [
+  new L("Datasources and Joins", [
     new n(
       "Defining Datasources",
       "A table in a warehouse is defined as a dataset with each column bound to a concept. When datasources share a common key, trilogy can join between them. Not all joins are equal; some are 1-1, 1-many, or many-1. Trilogy handles these by looking at the grain of each datasource involved. If a join is on a key other than the grain of the sources, the output may need to be grouped up to avoid duplication. "
@@ -3424,7 +3424,7 @@ address warehouse.customers;`,
       'A query of the form `SELECT sum(orders.revenue), customer.name` would mean "get all customer names, and their total revenue". This would be resolved via a join through customer.id, with the order table being on the right side of the join, to ensure that all customers were returned regardless of if they placed an order.'
     )
   ]),
-  new M("Grains and Aggregation", [
+  new L("Grains and Aggregation", [
     new n(
       "What Is a Grain?",
       "A grain represents the unique combination of keys. Tables and aggregations both have grains, which determine the minimum keys required to uniquely identify a row of data. For example, finding the total sales by customer id, anme, and address would be an aggregation to the grain of a customer id, no matter how many other customer properties are included. Properties of a key are implicitly dropped from any grain that includes that key, though a grain without the key associated with a property will include that property in the grain."
@@ -3442,9 +3442,9 @@ address warehouse.customers;`,
       "This query would aggregate revenue to the grain of order_date, as order year is a property of order date."
     )
   ]),
-  pn,
-  mn,
-  new M("Custom Functions", [
+  fn,
+  gn,
+  new L("Custom Functions", [
     new n(
       "Defining Functions",
       "Custom functions can be used to extend the language with reusable code macros. Functions are defined using the def keyword and have a list of arguments and are mapped to an expression. Any argument alias will be locally scoped within the function, but external concepts can be referenced as well."
@@ -3482,9 +3482,9 @@ SELECT
       "code"
     )
   ]),
-  hn
-]), fn = new ke("Terms of Service", [
-  new M("Terms of Service", [
+  wn
+]), bn = new ke("Terms of Service", [
+  new L("Terms of Service", [
     new n("Last Updated", "February 22, 2025"),
     new n(
       "Service Description",
@@ -3558,13 +3558,13 @@ SELECT
       "conclusion"
     )
   ])
-]), To = [
+]), Co = [
   new ke("Studio", [
-    un,
-    ln,
-    cn,
-    dn,
-    new M("Functionality", [
+    hn,
+    pn,
+    mn,
+    yn,
+    new L("Functionality", [
       new n(
         "Tip",
         "Trilogy Studio is a statically hosted website that uses a mix of precompiled scripts and dynamic imports for some connections to reduce bundle size."
@@ -3579,7 +3579,7 @@ SELECT
         "tip"
       )
     ]),
-    new M("Navigation", [
+    new L("Navigation", [
       new n(
         "Navigation",
         "On desktop, Trilogy Studio uses a left-hand navigation bar, a sidebar with context, and a main pane (which may be split) to present information. The sidebar is further split into sections; the first icons change the sidebar for the query editor, while the next section configures entirely new main screen experiences. Configuration/profile are accessible at the bottom. On mobile, Trilogy will instead use a top menu to access a navigation screen, and the main display will show only one particular field at a time."
@@ -3590,7 +3590,7 @@ SELECT
         "tip"
       )
     ]),
-    new M("Querying", [
+    new L("Querying", [
       new n(
         "Querying",
         "A core goal of Trilogy Studio is to enable seamless running of Trilogy against backends. Raw SQL is fully supported as well to help with debugging, diagnostics, and other development tasks."
@@ -3604,7 +3604,7 @@ SELECT
         "When running Trilogy queries, your command will first go to a backend server to be parsed/type-checked, then the output SQL will be returned to the editor to be run as a normal SQL query. SQL editors will submit directly to the configured connection without the first parsing pass."
       )
     ]),
-    new M("Connections", [
+    new L("Connections", [
       new n(
         "Connections",
         "Editors must be associated with a connection. A connection represents a particular underlying backend database resource. Many IDEs can share one connection, but only a single query can be executed on a connection at a single point in time. Connections are also associated with a model, which enables configuration of additional editors as semantic sources."
@@ -3615,34 +3615,34 @@ SELECT
       ),
       new n("ConnectionList", "", "connections")
     ]),
-    new M("DuckDB", [
+    new L("DuckDB", [
       new n(
         "DuckDB",
         "DuckDB is always available as an in-browser database using the DuckDB WASM integration. No authentication is required. DuckDB also natively supports csv uploads through a widget available on the connection view. Most community duckdb models will reference publically available CSV or parquet files."
       )
     ]),
-    new M("Bigquery", [
+    new L("Bigquery", [
       new n(
         "Connections",
         'Bigquery is supported through Oauth authentication as your identity. If you wish to use a service key file, please upvote this github issue: <a href="https://github.com/trilogy-data/trilogy-studio-core/issues/33" target="_blank">BQ Service Account Support</a>.'
       )
     ]),
-    new M("Snowflake", [
+    new L("Snowflake", [
       new n(
         "Connections",
         'Snowflake is supported with private key authentication. Read more at this link: <a href="https://docs.snowflake.com/en/user-guide/key-pair-auth" target="_blank">Snowflake Private Key Pairs</a>. You will need to provide the private key to connect after configuring your user with the public key portion. The rest of the authentication header can be derived from this. Remember to use caution of saving this key.'
       )
     ]),
-    new M("Scheduling", [
+    new L("Scheduling", [
       new n(
         "Scheduling",
         'Scheduling dashboards/scripts is a future feature. Please upvote this github issue: <a href="https://github.com/trilogy-data/trilogy-studio-core/issues/75" target="_blank">Scheduling</a>.'
       )
     ])
   ]),
-  yn,
+  Tn,
   new ke("Privacy And Data", [
-    new M("Privacy Policy", [
+    new L("Privacy Policy", [
       new n("Last Updated", "February 22, 2025"),
       new n(
         "Introduction",
@@ -3709,7 +3709,7 @@ SELECT
         "conclusion"
       )
     ]),
-    new M("Stored Info", [
+    new L("Stored Info", [
       new n(
         "Local Data",
         "Trilogy Studio uses browser local storage for your editors and models. These do not leave your browser (except when a model is sent in to generate a query)."
@@ -3729,19 +3729,19 @@ SELECT
         "tip"
       )
     ]),
-    new M("Google", [
+    new L("Google", [
       new n(
         "Google Account",
         "Trilogy Studio uses Google OAuth to authenticate users when using a Google Bigquery connection. Trilogy Studio uses a token provided by Google to authenticate your account through the interactive sign-in flow. Trilogy Studio only requests scopes required for Bigquery read/write access, and the token never leaves your browser. This token is only used to communicate directly with BigQuery with the standard google javascript client library."
       )
     ]),
-    new M("Snowflake", [
+    new L("Snowflake", [
       new n(
         "Google Account",
         "Trilogy Studio supports private key authentication for Snowflake. You will need to provide the private key to connect after configuring your user with the public key portion in Snowflake directly. The rest of the authentication header can be derived from this."
       )
     ]),
-    new M("Telemetry Details", [
+    new L("Telemetry Details", [
       new n(
         "Telemetry",
         `<a href="https://www.goatcounter.com/">GoatCounter</a> is used to collect anonymized
@@ -3749,8 +3749,8 @@ SELECT
       )
     ])
   ]),
-  fn
-], gn = ae({
+  bn
+], vn = ae({
   name: "LLMProviderIcon",
   props: {
     providerType: {
@@ -3758,29 +3758,37 @@ SELECT
       required: !0
     }
   }
-}), wn = { class: "provider-icon-container" }, Tn = {
+}), En = { class: "provider-icon-container" }, Sn = {
   key: 0,
   class: "mdi mdi-alpha-c-circle",
   title: "Anthropic"
-}, bn = {
+}, Cn = {
   key: 1,
   class: "mdi mdi-flash",
   title: "OpenAI"
-}, vn = {
+}, kn = {
   key: 2,
   class: "mdi mdi-google",
   title: "Google"
-}, En = {
+}, An = {
   key: 3,
   class: "mdi mdi-robot",
+  title: "OpenRouter"
+}, In = {
+  key: 4,
+  class: "mdi mdi-history demo-icon",
+  title: "Demo"
+}, Pn = {
+  key: 5,
+  class: "mdi mdi-robot",
   title: "LLM Provider"
 };
-function Sn(t, e, o, i, c, p) {
-  return r(), l("div", wn, [
-    t.providerType === "anthropic" ? (r(), l("i", Tn)) : t.providerType === "openai" ? (r(), l("i", bn)) : t.providerType === "google" ? (r(), l("i", vn)) : (r(), l("i", En))
+function Rn(t, e, o, i, c, y) {
+  return r(), l("div", En, [
+    t.providerType === "anthropic" ? (r(), l("i", Sn)) : t.providerType === "openai" ? (r(), l("i", Cn)) : t.providerType === "google" ? (r(), l("i", kn)) : t.providerType === "openrouter" ? (r(), l("i", An)) : t.providerType === "demo" ? (r(), l("i", In)) : (r(), l("i", Pn))
   ]);
 }
-const Cn = /* @__PURE__ */ X(gn, [["render", Sn], ["__scopeId", "data-v-e96cf50b"]]), kn = ae({
+const Mn = /* @__PURE__ */ z(vn, [["render", Rn], ["__scopeId", "data-v-66f81112"]]), Ln = ae({
   name: "ContextMenu",
   props: {
     items: {
@@ -3802,15 +3810,15 @@ const Cn = /* @__PURE__ */ X(gn, [["render", Sn], ["__scopeId", "data-v-e96cf50b
   },
   emits: ["item-click", "close"],
   setup(t, { emit: e }) {
-    const o = $(() => ({
+    const o = J(() => ({
       left: `${t.position.x}px`,
       top: `${t.position.y}px`
-    })), i = (p) => {
-      e("item-click", p), e("close");
-    }, c = (p) => {
+    })), i = (y) => {
+      e("item-click", y), e("close");
+    }, c = (y) => {
       t.isVisible && e("close");
     };
-    return Pe(() => {
+    return Ie(() => {
       setTimeout(() => {
         document.addEventListener("click", c);
       }, 300);
@@ -3821,14 +3829,14 @@ const Cn = /* @__PURE__ */ X(gn, [["render", Sn], ["__scopeId", "data-v-e96cf50b
       handleItemClick: i
     };
   }
-}), An = ["onClick"];
-function In(t, e, o, i, c, p) {
+}), Dn = ["onClick"];
+function _n(t, e, o, i, c, y) {
   return t.isVisible ? (r(), l("div", {
     key: 0,
     style: Fe(t.positionStyle),
     class: "context-menu"
   }, [
-    (r(!0), l(pe, null, fe(t.items, (a) => (r(), l("div", {
+    (r(!0), l(le, null, fe(t.items, (a) => (r(), l("div", {
       key: a.id,
       class: me(["context-menu-item", { danger: a.danger }]),
       onClick: (d) => t.handleItemClick(a)
@@ -3836,21 +3844,21 @@ function In(t, e, o, i, c, p) {
       a.icon ? (r(), l("i", {
         key: 0,
         class: me(`mdi ${a.icon}`)
-      }, null, 2)) : I("", !0),
+      }, null, 2)) : A("", !0),
       s("span", null, j(a.label), 1)
-    ], 10, An))), 128))
-  ], 4)) : I("", !0);
+    ], 10, Dn))), 128))
+  ], 4)) : A("", !0);
 }
-const Pn = /* @__PURE__ */ X(kn, [["render", In], ["__scopeId", "data-v-48938153"]]), Rn = ae({
+const Nn = /* @__PURE__ */ z(Ln, [["render", _n], ["__scopeId", "data-v-48938153"]]), qn = ae({
   name: "LLMConnectionListItem",
   components: {
-    SidebarItem: Le,
-    LLMProviderIcon: Cn,
+    SidebarItem: Me,
+    LLMProviderIcon: Mn,
     ConnectionRefresh: Ue,
-    ConnectionStatusIcon: Me,
-    LoadingButton: Se,
-    ContextMenu: Pn,
-    Tooltip: Ee
+    ConnectionStatusIcon: Re,
+    LoadingButton: Ce,
+    ContextMenu: Nn,
+    Tooltip: Se
   },
   props: {
     item: {
@@ -3878,115 +3886,115 @@ const Pn = /* @__PURE__ */ X(kn, [["render", In], ["__scopeId", "data-v-48938153
     "deleteChat"
   ],
   setup(t, { emit: e }) {
-    const o = C(""), i = C(!1), c = C(""), p = C("");
-    Pe(() => {
-      var y, D, u;
-      t.item.type === "api-key" && ((y = t.item.connection) != null && y.getApiKey()) && (o.value = t.item.connection.getApiKey()), t.item.type === "model" && ((D = t.item.connection) != null && D.model) && (c.value = t.item.connection.model), t.item.type === "fast-model" && (p.value = ((u = t.item.connection) == null ? void 0 : u.fastModel) || "");
+    const o = S(""), i = S(!1), c = S(""), y = S("");
+    Ie(() => {
+      var p, D, u;
+      t.item.type === "api-key" && ((p = t.item.connection) != null && p.getApiKey()) && (o.value = t.item.connection.getApiKey()), t.item.type === "model" && ((D = t.item.connection) != null && D.model) && (c.value = t.item.connection.model), t.item.type === "fast-model" && (y.value = ((u = t.item.connection) == null ? void 0 : u.fastModel) || "");
     }), Ae(
       // @ts-ignore
       () => {
-        var y;
-        return (y = t.item.connection) == null ? void 0 : y.apiKey;
+        var p;
+        return (p = t.item.connection) == null ? void 0 : p.apiKey;
       },
-      (y) => {
-        t.item.type === "api-key" && y && (o.value = y);
+      (p) => {
+        t.item.type === "api-key" && p && (o.value = p);
       }
     ), Ae(
       () => {
-        var y;
-        return (y = t.item.connection) == null ? void 0 : y.model;
+        var p;
+        return (p = t.item.connection) == null ? void 0 : p.model;
       },
-      (y) => {
-        t.item.type === "model" && y && (c.value = y);
+      (p) => {
+        t.item.type === "model" && p && (c.value = p);
       },
       { immediate: !0 }
     ), Ae(
       () => {
-        var y;
-        return (y = t.item.connection) == null ? void 0 : y.fastModel;
+        var p;
+        return (p = t.item.connection) == null ? void 0 : p.fastModel;
       },
-      (y) => {
-        t.item.type === "fast-model" && (p.value = y || "");
+      (p) => {
+        t.item.type === "fast-model" && (y.value = p || "");
       },
       { immediate: !0 }
     );
-    const a = C(!1), d = C({ x: 0, y: 0 }), w = $(() => {
-      const y = [];
-      return t.item.type === "connection" && y.push(
+    const a = S(!1), d = S({ x: 0, y: 0 }), T = J(() => {
+      const p = [];
+      return t.item.type === "connection" && p.push(
         { id: "set-default", label: "Set as Default", icon: "mdi-star-outline" },
         { id: "refresh", label: "Refresh Connection", icon: "mdi-refresh" },
         { id: "delete", label: "Delete Connection", icon: "mdi-delete-outline", danger: !0 }
-      ), y;
-    }), h = (y) => {
+      ), p;
+    }), m = (p) => {
       t.item.type === "connection" && (d.value = {
-        x: y.clientX,
-        y: y.clientY
+        x: p.clientX,
+        y: p.clientY
       }, a.value = !0);
-    }, P = (y) => {
+    }, R = (p) => {
       var D;
-      switch (y.id) {
+      switch (p.id) {
         case "delete":
-          L(t.item.id);
+          v(t.item.id);
           break;
         case "set-default":
-          v(t.item.id);
+          C(t.item.id);
           break;
         case "refresh":
           e("refresh", t.item.id, ((D = t.item.connection) == null ? void 0 : D.name) || "", "connection");
           break;
       }
-    }, E = $(() => ["connection"].includes(t.item.type)), b = () => ["api-key", "model", "fast-model", "toggle-save-credential", "refresh-connection"].includes(
+    }, P = J(() => ["connection"].includes(t.item.type)), g = () => ["api-key", "model", "fast-model", "toggle-save-credential", "refresh-connection"].includes(
       t.item.type
-    ) ? "" : t.item.name, m = () => {
-      (E.value || t.item.type === "open-chat" || t.item.type === "open-validation" || t.item.type === "new-chat" || t.item.type === "chat-item") && F(t.item.id);
-    }, F = (y) => {
+    ) ? "" : t.item.name, h = () => {
+      (P.value || t.item.type === "open-chat" || t.item.type === "open-validation" || t.item.type === "new-chat" || t.item.type === "chat-item") && F(t.item.id);
+    }, F = (p) => {
       var u;
       const D = t.item.type === "chat-item" ? { chatId: t.item.chatId } : void 0;
-      e("toggle", y, ((u = t.item.connection) == null ? void 0 : u.name) || "", t.item.type, D);
-    }, g = (y) => {
+      e("toggle", p, ((u = t.item.connection) == null ? void 0 : u.name) || "", t.item.type, D);
+    }, w = (p) => {
       var D;
-      y.stopPropagation(), e("refresh", t.item.id, ((D = t.item.connection) == null ? void 0 : D.name) || "", "connection");
-    }, le = (y) => {
-      e("toggleSaveCredential", y);
-    }, f = (y) => y instanceof Ne ? "anthropic" : y instanceof Ie ? "openai" : y instanceof qe ? "google" : "unknown", k = (y) => y && y.connected === !0, v = (y) => {
+      p.stopPropagation(), e("refresh", t.item.id, ((D = t.item.connection) == null ? void 0 : D.name) || "", "connection");
+    }, ce = (p) => {
+      e("toggleSaveCredential", p);
+    }, ue = (p) => p instanceof _e ? "anthropic" : p instanceof Ne ? "openai" : p instanceof qe ? "google" : p.type || "unknown", f = (p) => p && p.connected === !0, C = (p) => {
       var D;
-      e("setActive", y, ((D = t.item.connection) == null ? void 0 : D.name) || "", "connection");
-    }, L = (y) => {
+      e("setActive", p, ((D = t.item.connection) == null ? void 0 : D.name) || "", "connection");
+    }, v = (p) => {
       var D;
-      e("deleteConnection", y, ((D = t.item.connection) == null ? void 0 : D.name) || "");
+      e("deleteConnection", p, ((D = t.item.connection) == null ? void 0 : D.name) || "");
     };
     return {
       apiKeyInput: o,
       selectedModel: c,
-      selectedFastModel: p,
-      isExpandable: E,
-      getItemName: b,
-      handleItemClick: m,
-      handleRefreshConnectionClick: g,
-      getProviderType: f,
-      isConnected: k,
-      setAsActive: v,
-      updateApiKey: (y, D) => {
-        e("updateApiKey", y, D);
+      selectedFastModel: y,
+      isExpandable: P,
+      getItemName: g,
+      handleItemClick: h,
+      handleRefreshConnectionClick: w,
+      getProviderType: ue,
+      isConnected: f,
+      setAsActive: C,
+      updateApiKey: (p, D) => {
+        e("updateApiKey", p, D);
       },
-      updateModel: (y, D) => {
-        e("updateModel", y, D);
+      updateModel: (p, D) => {
+        e("updateModel", p, D);
       },
-      updateFastModel: (y, D) => {
-        e("updateFastModel", y, D);
+      updateFastModel: (p, D) => {
+        e("updateFastModel", p, D);
       },
-      toggleSaveCredential: le,
-      deleteConnection: L,
-      deleteChat: (y) => {
+      toggleSaveCredential: ce,
+      deleteConnection: v,
+      deleteChat: (p) => {
         var D;
-        y && e("deleteChat", y, ((D = t.item.connection) == null ? void 0 : D.name) || "");
+        p && e("deleteChat", p, ((D = t.item.connection) == null ? void 0 : D.name) || "");
       },
       // Context menu
       contextMenuVisible: a,
       contextMenuPosition: d,
-      contextMenuItems: w,
-      showContextMenu: h,
-      handleContextMenuItemClick: P,
+      contextMenuItems: T,
+      showContextMenu: m,
+      handleContextMenuItemClick: R,
       toggleCollapse: F,
       // API key visibility
       showApiKey: i,
@@ -3995,38 +4003,38 @@ const Pn = /* @__PURE__ */ X(kn, [["render", In], ["__scopeId", "data-v-48938153
       }
     };
   }
-}), Mn = {
+}), Un = {
   key: 1,
   class: "mdi mdi-alert-circle node-icon"
-}, Ln = {
+}, On = {
   key: 2,
   class: "mdi mdi-chat-outline node-icon"
-}, Dn = {
+}, Bn = {
   key: 3,
   class: "mdi mdi-test-tube node-icon"
-}, _n = {
+}, xn = {
   key: 4,
   class: "mdi mdi-chat-plus-outline node-icon"
-}, Nn = {
+}, Yn = {
   key: 5,
   class: "mdi mdi-chat node-icon"
-}, qn = {
+}, Fn = {
   key: 6,
   class: "mdi mdi-folder-outline node-icon"
-}, Un = { class: "api-key-input-wrapper" }, On = ["type", "data-testid"], xn = ["data-testid", "title"], Bn = ["data-testid"], Yn = ["data-testid"], Fn = ["data-testid"], Gn = ["value", "data-testid"], jn = ["data-testid"], Kn = ["data-testid"], Qn = ["data-testid"], Vn = ["value", "data-testid"], Hn = { class: "save-credential-toggle" }, Wn = ["checked"], zn = { key: 0 }, Xn = {
+}, Gn = { class: "api-key-input-wrapper" }, jn = ["type", "data-testid"], Kn = ["data-testid", "title"], Qn = ["data-testid"], Vn = ["data-testid"], Hn = ["value", "data-testid"], Wn = ["data-testid"], zn = ["data-testid"], Xn = ["value", "data-testid"], Jn = { class: "save-credential-toggle" }, Zn = ["checked"], $n = { key: 0 }, eo = {
   key: 0,
   class: "chat-actions"
-}, Jn = {
+}, to = {
   key: 1,
   class: "connection-actions"
-}, Zn = {
+}, no = {
   key: 0,
   class: "mdi mdi-star loading-button is-active"
 };
-function $n(t, e, o, i, c, p) {
-  const a = U("context-menu"), d = U("LLMProviderIcon"), w = U("tooltip"), h = U("LoadingButton"), P = U("connection-refresh"), E = U("connection-status-icon"), b = U("sidebar-item");
+function oo(t, e, o, i, c, y) {
+  const a = U("context-menu"), d = U("LLMProviderIcon"), T = U("LoadingButton"), m = U("tooltip"), R = U("connection-refresh"), P = U("connection-status-icon"), g = U("sidebar-item");
   return r(), l("div", null, [
-    x(b, {
+    O(g, {
       "item-id": t.item.id,
       name: t.getItemName(),
       indent: t.item.indent,
@@ -4036,145 +4044,159 @@ function $n(t, e, o, i, c, p) {
       itemType: "llm-connection",
       onClick: t.handleItemClick,
       onToggle: t.toggleCollapse,
-      onContextmenu: A(t.showContextMenu, ["prevent"])
+      onContextmenu: k(t.showContextMenu, ["prevent"])
     }, {
       icon: q(() => [
-        t.item.type === "connection" ? (r(), z(d, {
+        t.item.type === "connection" ? (r(), W(d, {
           key: 0,
           "provider-type": t.getProviderType(t.item.connection)
-        }, null, 8, ["provider-type"])) : t.item.type === "error" ? (r(), l("i", Mn)) : t.item.type === "open-chat" ? (r(), l("i", Ln)) : t.item.type === "open-validation" ? (r(), l("i", Dn)) : t.item.type === "new-chat" ? (r(), l("i", _n)) : t.item.type === "chat-item" ? (r(), l("i", Nn)) : t.item.type === "chats-header" ? (r(), l("i", qn)) : I("", !0)
+        }, null, 8, ["provider-type"])) : t.item.type === "error" ? (r(), l("i", Un)) : t.item.type === "open-chat" ? (r(), l("i", On)) : t.item.type === "open-validation" ? (r(), l("i", Bn)) : t.item.type === "new-chat" ? (r(), l("i", xn)) : t.item.type === "chat-item" ? (r(), l("i", Yn)) : t.item.type === "chats-header" ? (r(), l("i", Fn)) : A("", !0)
       ]),
       name: q(() => [
         t.item.type === "refresh-connection" ? (r(), l("div", {
           key: 0,
           class: "refresh title-pad-left truncate-text sidebar-sub-item",
-          onClick: e[1] || (e[1] = (...m) => t.handleRefreshConnectionClick && t.handleRefreshConnectionClick(...m))
+          onClick: e[1] || (e[1] = (...h) => t.handleRefreshConnectionClick && t.handleRefreshConnectionClick(...h))
         }, j(t.item.name), 1)) : t.item.type === "api-key" ? (r(), l("div", {
           key: 1,
           class: "api-key-container",
-          onClick: e[5] || (e[5] = A(() => {
+          onClick: e[5] || (e[5] = k(() => {
           }, ["stop"]))
         }, [
           s("form", {
-            onSubmit: e[4] || (e[4] = A((m) => t.updateApiKey(t.item.connection, t.apiKeyInput), ["prevent"]))
+            onSubmit: e[4] || (e[4] = k((h) => t.updateApiKey(t.item.connection, t.apiKeyInput), ["prevent"]))
           }, [
             e[17] || (e[17] = s("button", {
               type: "submit",
               class: "customize-button"
             }, "Update API Key", -1)),
-            s("div", Un, [
-              _(s("input", {
+            s("div", Gn, [
+              N(s("input", {
                 type: t.showApiKey ? "text" : "password",
                 id: "api-key",
-                "onUpdate:modelValue": e[2] || (e[2] = (m) => t.apiKeyInput = m),
+                "onUpdate:modelValue": e[2] || (e[2] = (h) => t.apiKeyInput = h),
                 placeholder: "API Key",
                 class: "connection-customize",
                 "data-testid": `api-key-input-${t.item.connection.name}`
-              }, null, 8, On), [
+              }, null, 8, jn), [
                 [Ge, t.apiKeyInput]
               ]),
               s("button", {
                 type: "button",
                 class: "visibility-toggle",
-                onClick: e[3] || (e[3] = (...m) => t.toggleApiKeyVisibility && t.toggleApiKeyVisibility(...m)),
+                onClick: e[3] || (e[3] = (...h) => t.toggleApiKeyVisibility && t.toggleApiKeyVisibility(...h)),
                 "data-testid": `toggle-api-key-visibility-${t.item.connection.name}`,
                 title: t.showApiKey ? "Hide API Key" : "Show API Key"
               }, [
                 s("i", {
                   class: me(t.showApiKey ? "mdi mdi-eye-off" : "mdi mdi-eye")
                 }, null, 2)
-              ], 8, xn)
+              ], 8, Kn)
             ])
           ], 32)
         ])) : t.item.type === "model" ? (r(), l("div", {
           key: 2,
           class: "api-key-container",
-          onClick: e[8] || (e[8] = A(() => {
+          onClick: e[8] || (e[8] = k(() => {
           }, ["stop"]))
         }, [
           s("form", {
-            onSubmit: e[7] || (e[7] = A((m) => t.updateModel(t.item.connection, t.selectedModel), ["prevent"])),
+            onSubmit: e[7] || (e[7] = k(() => {
+            }, ["prevent"])),
             "data-testid": `model-update-form-${t.item.connection.name}`
           }, [
-            s("button", {
-              type: "submit",
+            O(T, {
+              action: () => t.updateModel(t.item.connection, t.selectedModel),
+              "use-default-style": !1,
               class: "customize-button",
               "data-testid": `update-model-${t.item.connection.name}`
-            }, " Update Model ", 8, Yn),
-            _(s("select", {
-              "onUpdate:modelValue": e[6] || (e[6] = (m) => t.selectedModel = m),
+            }, {
+              default: q(() => [...e[18] || (e[18] = [
+                ie(" Update Model ", -1)
+              ])]),
+              _: 1
+            }, 8, ["action", "data-testid"]),
+            N(s("select", {
+              "onUpdate:modelValue": e[6] || (e[6] = (h) => t.selectedModel = h),
               id: "connection-type",
               required: "",
               class: "connection-customize",
               "data-testid": `model-select-${t.item.connection.name}`
             }, [
-              (r(!0), l(pe, null, fe(t.item.connection.models, (m) => (r(), l("option", {
-                value: m,
-                key: m,
-                "data-testid": `model-option-${m}`
-              }, j(m), 9, Gn))), 128))
-            ], 8, Fn), [
-              [ve, t.selectedModel]
+              (r(!0), l(le, null, fe(t.item.connection.models, (h) => (r(), l("option", {
+                value: h,
+                key: h,
+                "data-testid": `model-option-${h}`
+              }, j(h), 9, Hn))), 128))
+            ], 8, Vn), [
+              [Ee, t.selectedModel]
             ])
-          ], 40, Bn)
+          ], 40, Qn)
         ])) : t.item.type === "fast-model" ? (r(), l("div", {
           key: 3,
           class: "api-key-container",
-          onClick: e[11] || (e[11] = A(() => {
+          onClick: e[11] || (e[11] = k(() => {
           }, ["stop"]))
         }, [
           s("form", {
-            onSubmit: e[10] || (e[10] = A((m) => t.updateFastModel(t.item.connection, t.selectedFastModel || null), ["prevent"])),
+            onSubmit: e[10] || (e[10] = k(() => {
+            }, ["prevent"])),
             "data-testid": `fast-model-update-form-${t.item.connection.name}`
           }, [
-            s("button", {
-              type: "submit",
+            O(T, {
+              action: () => t.updateFastModel(t.item.connection, t.selectedFastModel || null),
+              "use-default-style": !1,
               class: "customize-button",
               "data-testid": `update-fast-model-${t.item.connection.name}`
-            }, " Update Fast Model ", 8, Kn),
-            _(s("select", {
-              "onUpdate:modelValue": e[9] || (e[9] = (m) => t.selectedFastModel = m),
+            }, {
+              default: q(() => [...e[19] || (e[19] = [
+                ie(" Update Fast Model ", -1)
+              ])]),
+              _: 1
+            }, 8, ["action", "data-testid"]),
+            N(s("select", {
+              "onUpdate:modelValue": e[9] || (e[9] = (h) => t.selectedFastModel = h),
               class: "connection-customize",
               "data-testid": `fast-model-select-${t.item.connection.name}`
             }, [
-              e[18] || (e[18] = s("option", {
+              e[20] || (e[20] = s("option", {
                 value: "",
                 "data-testid": "fast-model-option-none"
               }, "(Use primary model)", -1)),
-              (r(!0), l(pe, null, fe(t.item.connection.models, (m) => (r(), l("option", {
-                value: m,
-                key: m,
-                "data-testid": `fast-model-option-${m}`
-              }, j(m), 9, Vn))), 128))
-            ], 8, Qn), [
-              [ve, t.selectedFastModel]
+              (r(!0), l(le, null, fe(t.item.connection.models, (h) => (r(), l("option", {
+                value: h,
+                key: h,
+                "data-testid": `fast-model-option-${h}`
+              }, j(h), 9, Xn))), 128))
+            ], 8, zn), [
+              [Ee, t.selectedFastModel]
             ])
-          ], 40, jn)
+          ], 40, Wn)
         ])) : t.item.type === "toggle-save-credential" ? (r(), l("div", {
           key: 4,
           class: "md-token-container",
-          onClick: e[13] || (e[13] = A(() => {
+          onClick: e[13] || (e[13] = k(() => {
           }, ["stop"]))
         }, [
-          s("label", Hn, [
+          s("label", Jn, [
             s("input", {
               type: "checkbox",
               checked: t.item.connection.saveCredential,
-              onChange: e[12] || (e[12] = (m) => t.toggleSaveCredential(t.item.connection))
-            }, null, 40, Wn),
-            e[19] || (e[19] = s("span", { class: "checkbox-label" }, "Save Credentials", -1))
+              onChange: e[12] || (e[12] = (h) => t.toggleSaveCredential(t.item.connection))
+            }, null, 40, Zn),
+            e[21] || (e[21] = s("span", { class: "checkbox-label" }, "Save Credentials", -1))
           ])
         ])) : (r(), l("span", {
           key: 5,
           class: me(["title-pad-left truncate-text", { "error-indicator": t.item.type === "error" }])
         }, [
-          de(j(t.item.name) + " ", 1),
-          t.item.count !== void 0 && t.item.count > 0 ? (r(), l("span", zn, " (" + j(t.item.count) + ") ", 1)) : I("", !0)
+          ie(j(t.item.name) + " ", 1),
+          t.item.count !== void 0 && t.item.count > 0 ? (r(), l("span", $n, " (" + j(t.item.count) + ") ", 1)) : A("", !0)
         ], 2))
       ]),
       "extra-content": q(() => [
-        t.item.type === "chat-item" ? (r(), l("div", Xn, [
-          x(w, {
+        t.item.type === "chat-item" ? (r(), l("div", eo, [
+          O(m, {
             class: "tactile-button",
             content: "Delete Chat",
             position: "left"
@@ -4182,36 +4204,36 @@ function $n(t, e, o, i, c, p) {
             default: q(() => [
               s("span", {
                 class: "remove-btn hover-icon",
-                onClick: e[14] || (e[14] = A((m) => t.deleteChat(t.item.chatId), ["stop"]))
-              }, [...e[20] || (e[20] = [
+                onClick: e[14] || (e[14] = k((h) => t.deleteChat(t.item.chatId), ["stop"]))
+              }, [...e[22] || (e[22] = [
                 s("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
               ])])
             ]),
             _: 1
           })
-        ])) : I("", !0),
-        t.item.type === "connection" ? (r(), l("div", Jn, [
-          t.item.connection && t.item.connection.isDefault ? (r(), l("i", Zn)) : (r(), z(h, {
+        ])) : A("", !0),
+        t.item.type === "connection" ? (r(), l("div", to, [
+          t.item.connection && t.item.connection.isDefault ? (r(), l("i", no)) : (r(), W(T, {
             key: 1,
             class: "loading-button",
-            onClick: e[15] || (e[15] = A(() => {
+            onClick: e[15] || (e[15] = k(() => {
             }, ["stop"])),
             action: () => t.setAsActive(t.item.id),
             title: "Set as default"
           }, {
-            default: q(() => [...e[21] || (e[21] = [
+            default: q(() => [...e[23] || (e[23] = [
               s("i", { class: "mdi mdi-star-outline" }, null, -1)
             ])]),
             _: 1
           }, 8, ["action"])),
-          t.item.connection ? (r(), z(P, {
+          t.item.connection ? (r(), W(R, {
             key: 2,
             connection: t.item.connection,
             type: "llm",
             "is-connected": t.isConnected(t.item.connection),
             "data-testid": `refresh-llm-connection-${t.item.connection.name}`
-          }, null, 8, ["connection", "is-connected", "data-testid"])) : I("", !0),
-          x(w, {
+          }, null, 8, ["connection", "is-connected", "data-testid"])) : A("", !0),
+          O(m, {
             class: "tacticle-button",
             content: "Delete Connection",
             position: "left"
@@ -4219,41 +4241,39 @@ function $n(t, e, o, i, c, p) {
             default: q(() => [
               s("span", {
                 class: "remove-btn",
-                onClick: e[16] || (e[16] = A((m) => t.deleteConnection(t.item.id), ["stop"]))
-              }, [...e[22] || (e[22] = [
+                onClick: e[16] || (e[16] = k((h) => t.deleteConnection(t.item.id), ["stop"]))
+              }, [...e[24] || (e[24] = [
                 s("i", { class: "mdi mdi-trash-can-outline tactile-button" }, null, -1)
               ])])
             ]),
             _: 1
           }),
-          t.item.connection ? (r(), z(E, {
+          t.item.connection ? (r(), W(P, {
             key: 3,
             connection: t.item.connection
-          }, null, 8, ["connection"])) : I("", !0)
-        ])) : I("", !0)
+          }, null, 8, ["connection"])) : A("", !0)
+        ])) : A("", !0)
       ]),
       default: q(() => [
-        x(a, {
+        O(a, {
           items: t.contextMenuItems,
           position: t.contextMenuPosition,
           "is-visible": t.contextMenuVisible,
           onItemClick: t.handleContextMenuItemClick,
-          onClose: e[0] || (e[0] = (m) => t.contextMenuVisible = !1)
+          onClose: e[0] || (e[0] = (h) => t.contextMenuVisible = !1)
         }, null, 8, ["items", "position", "is-visible", "onItemClick"])
       ]),
       _: 1
     }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "onClick", "onToggle", "onContextmenu"])
   ]);
 }
-const eo = /* @__PURE__ */ X(Rn, [["render", $n], ["__scopeId", "data-v-c4adb9d9"]]), Ce = {
+const io = /* @__PURE__ */ z(qn, [["render", oo], ["__scopeId", "data-v-45d1389b"]]), ve = {
   openai: ["gpt-5.3", "gpt-5.2", "gpt-5.2-mini"],
-  anthropic: [
-    "claude-opus-4-6-20260514",
-    "claude-opus-4-20250514",
-    "claude-sonnet-4-20250514"
-  ],
-  google: ["models/gemini-2.5-pro", "models/gemini-2.5-flash"]
-}, to = ae({
+  anthropic: ["claude-opus-4-6-20260514", "claude-opus-4-20250514", "claude-sonnet-4-20250514"],
+  google: ["models/gemini-2.5-pro", "models/gemini-2.5-flash"],
+  openrouter: ["anthropic/claude-sonnet-4", "openai/gpt-4o", "google/gemini-2.5-pro"],
+  demo: ["deepseek/deepseek-v3.2"]
+}, ao = ae({
   name: "LLMConnectionCreator",
   props: {
     visible: {
@@ -4272,54 +4292,62 @@ const eo = /* @__PURE__ */ X(Rn, [["render", $n], ["__scopeId", "data-v-c4adb9d9
     }
   },
   components: {
-    LoadingButton: Se
+    LoadingButton: Ce
   },
   setup(t, { emit: e }) {
-    const o = C({
+    const o = S({
       name: "",
-      type: "openai",
+      type: "demo",
       options: {
         apiKey: "",
-        model: Ie.getDefaultModel(Ce.openai),
+        model: "deepseek/deepseek-v3.2",
         saveCredential: !1
       }
     }), i = Y("llmConnectionStore");
     if (!i)
       throw new Error("must inject llmConnectionStore to LLMConnectionCreator");
-    const c = i.connections, p = () => {
-      o.value.name = "", o.value.type = "openai", o.value.options = {
+    const c = i.connections, y = () => {
+      o.value.name = "", o.value.type = "demo", o.value.options = {
         apiKey: "",
         model: "",
         saveCredential: !1
-      }, a("openai");
-    }, a = (h) => {
-      switch (h) {
+      }, a("demo");
+    }, a = (m) => {
+      switch (m) {
         case "openai":
-          o.value.options.model = Ie.getDefaultModel(
-            Ce.openai
+          o.value.options.model = Ne.getDefaultModel(
+            ve.openai
           );
           break;
         case "anthropic":
-          o.value.options.model = Ne.getDefaultModel(
-            Ce.anthropic
+          o.value.options.model = _e.getDefaultModel(
+            ve.anthropic
           );
           break;
         case "google":
           o.value.options.model = qe.getDefaultModel(
-            Ce.google
+            ve.google
+          );
+          break;
+        case "demo":
+          o.value.options.model = We.getDefaultModel(ve.demo);
+          break;
+        case "openrouter":
+          o.value.options.model = He.getDefaultModel(
+            ve.openrouter
           );
           break;
         default:
           o.value.options.model = "";
       }
     }, d = async () => {
-      await w();
-    }, w = async () => {
+      await T();
+    }, T = async () => {
       if (!o.value.name)
         throw new Error("Connection name is required");
       if (!o.value.type)
         throw new Error("Provider type is required");
-      if (!o.value.options.apiKey)
+      if (!o.value.options.apiKey && o.value.type !== "demo")
         throw new Error("API key is required");
       return await i.newConnection(
         o.value.name,
@@ -4330,8 +4358,8 @@ const eo = /* @__PURE__ */ X(Rn, [["render", $n], ["__scopeId", "data-v-c4adb9d9
     return {
       connectionDetails: o,
       connections: c,
-      createConnection: p,
-      handleSubmitConnection: w,
+      createConnection: y,
+      handleSubmitConnection: T,
       submitConnectionCreation: d,
       updateDefaultModel: a
     };
@@ -4343,19 +4371,22 @@ const eo = /* @__PURE__ */ X(Rn, [["render", $n], ["__scopeId", "data-v-c4adb9d9
       }
     }
   }
-}), no = {
+}), so = {
   key: 0,
   class: "creator-container"
-}, oo = { class: "form-row" }, io = { class: "form-row" }, ao = { class: "form-row" }, so = { class: "form-row" }, ro = { class: "button-row" };
-function lo(t, e, o, i, c, p) {
+}, ro = { class: "form-row" }, lo = { class: "form-row" }, co = {
+  key: 0,
+  class: "form-row demo-info"
+}, uo = { class: "form-row" }, po = { class: "form-row" }, mo = { class: "button-row" };
+function ho(t, e, o, i, c, y) {
   const a = U("loading-button");
-  return t.visible ? (r(), l("div", no, [
+  return t.visible ? (r(), l("div", so, [
     s("form", {
-      onSubmit: e[5] || (e[5] = A((...d) => t.submitConnectionCreation && t.submitConnectionCreation(...d), ["prevent"]))
+      onSubmit: e[5] || (e[5] = k((...d) => t.submitConnectionCreation && t.submitConnectionCreation(...d), ["prevent"]))
     }, [
-      s("div", oo, [
+      s("div", ro, [
         e[6] || (e[6] = s("label", { for: "llm-connection-name" }, "Name", -1)),
-        _(s("input", {
+        N(s("input", {
           type: "text",
           "onUpdate:modelValue": e[0] || (e[0] = (d) => t.connectionDetails.name = d),
           id: "llm-connection-name",
@@ -4366,62 +4397,56 @@ function lo(t, e, o, i, c, p) {
           [G, t.connectionDetails.name]
         ])
       ]),
-      s("div", io, [
+      s("div", lo, [
         e[8] || (e[8] = s("label", { for: "llm-provider-type" }, "Provider", -1)),
-        _(s("select", {
+        N(s("select", {
           "onUpdate:modelValue": e[1] || (e[1] = (d) => t.connectionDetails.type = d),
           id: "llm-provider-type",
           required: "",
           "data-testid": "llm-connection-creator-type"
         }, [...e[7] || (e[7] = [
-          s("option", {
-            value: "openai",
-            "data-testid": "llm-connection-creator-openai"
-          }, "OpenAI", -1),
-          s("option", {
-            value: "anthropic",
-            "data-testid": "llm-connection-creator-anthropic"
-          }, " Anthropic ", -1),
-          s("option", {
-            value: "google",
-            "data-testid": "llm-connection-creator-google"
-          }, "Google", -1)
+          je('<option value="demo" data-testid="llm-connection-creator-demo" data-v-56d82681>Demo (Free Trial)</option><option value="openai" data-testid="llm-connection-creator-openai" data-v-56d82681>OpenAI</option><option value="anthropic" data-testid="llm-connection-creator-anthropic" data-v-56d82681> Anthropic </option><option value="google" data-testid="llm-connection-creator-google" data-v-56d82681>Google</option><option value="openrouter" data-testid="llm-connection-creator-openrouter" data-v-56d82681> OpenRouter </option>', 5)
         ])], 512), [
-          [ve, t.connectionDetails.type]
+          [Ee, t.connectionDetails.type]
         ])
       ]),
-      s("div", ao, [
-        e[9] || (e[9] = s("label", { for: "llm-api-key" }, "API Key", -1)),
-        _(s("input", {
-          type: "password",
-          "onUpdate:modelValue": e[2] || (e[2] = (d) => t.connectionDetails.options.apiKey = d),
-          id: "llm-api-key",
-          placeholder: "API Key",
-          required: "",
-          "data-testid": "llm-connection-creator-api-key"
-        }, null, 512), [
-          [G, t.connectionDetails.options.apiKey]
-        ])
-      ]),
-      s("div", so, [
-        e[10] || (e[10] = s("label", { for: "save-credential" }, "Save Credential?", -1)),
-        _(s("input", {
-          type: "checkbox",
-          id: "save-credential",
-          "onUpdate:modelValue": e[3] || (e[3] = (d) => t.connectionDetails.options.saveCredential = d),
-          "data-testid": "llm-connection-creator-save-credential"
-        }, null, 512), [
-          [Re, t.connectionDetails.options.saveCredential]
+      t.connectionDetails.type === "demo" ? (r(), l("div", co, [...e[9] || (e[9] = [
+        s("span", { class: "demo-label" }, "A limited free API key will be issued automatically.", -1)
+      ])])) : A("", !0),
+      t.connectionDetails.type !== "demo" ? (r(), l(le, { key: 1 }, [
+        s("div", uo, [
+          e[10] || (e[10] = s("label", { for: "llm-api-key" }, "API Key", -1)),
+          N(s("input", {
+            type: "password",
+            "onUpdate:modelValue": e[2] || (e[2] = (d) => t.connectionDetails.options.apiKey = d),
+            id: "llm-api-key",
+            placeholder: "API Key",
+            required: "",
+            "data-testid": "llm-connection-creator-api-key"
+          }, null, 512), [
+            [G, t.connectionDetails.options.apiKey]
+          ])
+        ]),
+        s("div", po, [
+          e[11] || (e[11] = s("label", { for: "save-credential" }, "Save Credential?", -1)),
+          N(s("input", {
+            type: "checkbox",
+            id: "save-credential",
+            "onUpdate:modelValue": e[3] || (e[3] = (d) => t.connectionDetails.options.saveCredential = d),
+            "data-testid": "llm-connection-creator-save-credential"
+          }, null, 512), [
+            [Pe, t.connectionDetails.options.saveCredential]
+          ])
         ])
-      ]),
-      s("div", ro, [
-        x(a, {
+      ], 64)) : A("", !0),
+      s("div", mo, [
+        O(a, {
           "data-testid": "llm-connection-creator-submit",
           action: t.handleSubmitConnection,
           class: "submit-button"
         }, {
-          default: q(() => [...e[11] || (e[11] = [
-            de(" Submit ", -1)
+          default: q(() => [...e[12] || (e[12] = [
+            ie(" Submit ", -1)
           ])]),
           _: 1
         }, 8, ["action"]),
@@ -4431,9 +4456,9 @@ function lo(t, e, o, i, c, p) {
         }, "Cancel")
       ])
     ], 32)
-  ])) : I("", !0);
+  ])) : A("", !0);
 }
-const co = /* @__PURE__ */ X(to, [["render", lo], ["__scopeId", "data-v-96f71520"]]), uo = {
+const yo = /* @__PURE__ */ z(ao, [["render", ho], ["__scopeId", "data-v-56d82681"]]), fo = {
   name: "LLMConnectionList",
   props: {
     activeLLMKey: {
@@ -4452,100 +4477,100 @@ const co = /* @__PURE__ */ X(to, [["render", lo], ["__scopeId", "data-v-96f71520
     const o = Y("llmConnectionStore"), i = Y("saveLLMConnections"), c = Y("chatStore", null);
     if (!o || !i)
       throw new Error("LLM connection store is not provided!");
-    const p = C({}), a = C({}), d = C(!1), w = async (f, k) => {
-      k && (await o.connections[f.name].setApiKey(k), o.resetConnection(f.name), await i());
-    }, h = (f, k) => {
-      k && (o.connections[f.name].setModel(k), o.resetConnection(f.name), i());
-    }, P = (f, k) => {
-      o.connections[f.name].setFastModel(k), i();
-    }, E = C({}), b = async (f, k, v) => {
-      if (!o.connections[k]) {
-        a.value[f] = "Connection not found";
+    const y = ze(), a = S({}), d = S({}), T = S(!1), m = async (f, C) => {
+      C && (await o.connections[f.name].setApiKey(C), o.resetConnection(f.name), await i());
+    }, R = (f, C) => {
+      C && (o.connections[f.name].setModel(C), o.resetConnection(f.name), i());
+    }, P = (f, C) => {
+      o.connections[f.name].setFastModel(C), i();
+    }, g = S({}), h = async (f, C, v) => {
+      if (!o.connections[C]) {
+        d.value[f] = "Connection not found";
         return;
       }
       try {
-        if (p.value[f] = !0, v === "connection") {
-          const L = o.connections[k];
-          L.testConnection && await L.testConnection();
+        if (a.value[f] = !0, v === "connection") {
+          const b = o.connections[C];
+          b.testConnection && await b.testConnection();
         }
-        delete a.value[f];
-      } catch (L) {
-        L instanceof Error ? a.value[f] = L.message : a.value[f] = "An error occurred";
+        delete d.value[f];
+      } catch (b) {
+        b instanceof Error ? d.value[f] = b.message : d.value[f] = "An error occurred";
       }
-      delete p.value[f];
-    }, m = async (f, k, v, L) => {
+      delete a.value[f];
+    }, F = async (f, C, v, b) => {
       if (v === "new-chat") {
-        e("create-new-chat", k);
+        e("create-new-chat", C);
         return;
       }
       if (v === "chat-item") {
-        c && (L != null && L.chatId) && (c.setActiveChat(L.chatId), o.activeConnection = k), e("llm-open-view", k, "chat", L == null ? void 0 : L.chatId);
+        c && (b != null && b.chatId) && (c.setActiveChat(b.chatId), o.activeConnection = C), e("llm-open-view", C, "chat", b == null ? void 0 : b.chatId);
         return;
       }
       if (v === "open-chat") {
-        e("llm-open-view", k, "chat");
+        e("llm-open-view", C, "chat");
         return;
       }
       if (v === "open-validation") {
-        e("llm-open-view", k, "validation");
+        e("llm-open-view", C, "validation");
         return;
       }
-      if (v === "connection" && (E.value[f] === void 0 || E.value[f] === !0)) {
-        const T = o.connections[k];
-        if (!T) {
-          console.log(`Connection not found ${T}`);
+      if (v === "connection" && (g.value[f] === void 0 || g.value[f] === !0)) {
+        const I = o.connections[C];
+        if (!I) {
+          console.log(`Connection not found ${I}`);
           return;
         }
-        (!T.models || T.models.length === 0) && await b(f, k, "models");
+        (!I.models || I.models.length === 0) && await h(f, C, "models");
       }
-      E.value[f] === void 0 ? E.value[f] = !1 : E.value[f] = !E.value[f];
+      g.value[f] === void 0 ? g.value[f] = !1 : g.value[f] = !g.value[f];
     };
-    Object.entries(o.connections).forEach(([f, k]) => {
+    Object.entries(o.connections).forEach(([f, C]) => {
       let v = f;
-      E.value[v] = !0;
-    }), Pe(() => {
-      const f = Ve("llm-key", "");
+      g.value[v] = !0;
+    }), Ie(() => {
+      const f = Xe("llm-key", "");
       if (f) {
-        const k = f.split(N), v = k[0], L = k[1];
-        v && o.connections[v] && (E.value[v] = !1, o.activeConnection = v, L && c && c.setActiveChat(L));
+        const C = f.split(_), v = C[0], b = C[1];
+        v && o.connections[v] && (g.value[v] = !1, o.activeConnection = v, b && c && c.setActiveChat(b));
       }
     });
-    const F = $(() => {
+    const w = J(() => {
       const f = [];
       return Object.entries(o.connections).sort(
-        ([v, L], [T, V]) => {
-          const J = L, Q = V;
-          return J.connected && !Q.connected ? -1 : !J.connected && Q.connected ? 1 : v.localeCompare(T);
+        ([v, b], [I, te]) => {
+          const Q = b, K = te;
+          return Q.connected && !K.connected ? -1 : !Q.connected && K.connected ? 1 : v.localeCompare(I);
         }
-      ).forEach(([v, L]) => {
-        var J;
-        const T = L, V = ((J = T.availableModels) == null ? void 0 : J.length) || 0;
-        if (!T.deleted && (f.push({
+      ).forEach(([v, b]) => {
+        var Q;
+        const I = b, te = ((Q = I.availableModels) == null ? void 0 : Q.length) || 0;
+        if (!I.deleted && (f.push({
           id: v,
           name: v,
           indent: 0,
-          count: V,
+          count: te,
           type: "connection",
-          connection: T
-        }), E.value[v] === !1)) {
-          const Q = c ? c.getConnectionChats(v) : [];
+          connection: I
+        }), g.value[v] === !1)) {
+          const K = c ? c.getConnectionChats(v) : [];
           f.push({
             id: `${v}-new-chat`,
             name: "New Chat",
             indent: 1,
-            count: Q.length,
+            count: K.length,
             type: "new-chat",
-            connection: T
-          }), Q.forEach((K) => {
+            connection: I
+          }), K.forEach((p) => {
             f.push({
-              id: `${v}-chat-${K.id}`,
-              name: K.name,
+              id: `${v}-chat-${p.id}`,
+              name: p.name,
               indent: 2,
-              count: K.messages.length,
+              count: p.messages.length,
               type: "chat-item",
-              connection: T,
-              chat: K,
-              chatId: K.id
+              connection: I,
+              chat: p,
+              chatId: p.id
             });
           }), f.push({
             id: `${v}-open-validation`,
@@ -4553,49 +4578,49 @@ const co = /* @__PURE__ */ X(to, [["render", lo], ["__scopeId", "data-v-96f71520
             indent: 1,
             count: 0,
             type: "open-validation",
-            connection: T
-          }), f.push({
+            connection: I
+          }), I.type !== "demo" && f.push({
             id: `${v}-api-key`,
             name: "API Key",
             indent: 1,
             count: 0,
             type: "api-key",
-            connection: T
+            connection: I
           }), f.push({
             id: `${v}-model`,
             name: "Model",
             indent: 1,
             count: 0,
             type: "model",
-            connection: T
+            connection: I
           }), f.push({
             id: `${v}-fast-model`,
             name: "Fast Model",
             indent: 1,
             count: 0,
             type: "fast-model",
-            connection: T
-          }), f.push({
+            connection: I
+          }), I.type !== "demo" && f.push({
             id: `${v}-toggle-save-credential`,
             name: "Toggle Save Credential",
             indent: 1,
             count: 0,
             type: "toggle-save-credential",
-            connection: T
-          }), p.value[v] && f.push({
+            connection: I
+          }), a.value[v] && f.push({
             id: `${v}-loading`,
             name: "Loading...",
             indent: 1,
             count: 0,
             type: "loading",
-            connection: T
-          }), a.value[v] && f.push({
+            connection: I
+          }), d.value[v] && f.push({
             id: `${v}-error`,
-            name: a.value[v],
+            name: d.value[v],
             indent: 1,
             count: 0,
             type: "error",
-            connection: T
+            connection: I
           });
         }
       }), f;
@@ -4603,29 +4628,30 @@ const co = /* @__PURE__ */ X(to, [["render", lo], ["__scopeId", "data-v-96f71520
     return {
       llmConnectionStore: o,
       chatStore: c,
-      contentList: F,
-      toggleCollapse: m,
-      collapsed: E,
+      contentList: w,
+      toggleCollapse: F,
+      collapsed: g,
       saveConnections: i,
-      updateApiKey: w,
-      updateModel: h,
+      updateApiKey: m,
+      updateModel: R,
       updateFastModel: P,
-      refreshId: b,
+      refreshId: h,
       rightSplit: (f) => {
-        const k = f.lastIndexOf(N);
-        return k !== -1 ? f.substring(0, k) : f;
+        const C = f.lastIndexOf(_);
+        return C !== -1 ? f.substring(0, C) : f;
       },
-      creatorVisible: d,
-      isItemSelected: (f) => f.type === "chat-item" && f.chatId && c ? f.chatId === c.activeChatId : f.type === "connection" ? f.id === o.activeConnection : !1
+      creatorVisible: T,
+      isItemSelected: (f) => f.type === "chat-item" && f.chatId && c ? f.chatId === c.activeChatId : f.type === "connection" ? f.id === o.activeConnection : !1,
+      screenNavigation: y
     };
   },
   components: {
-    SidebarList: _e,
-    LLMConnectionListItem: eo,
-    LLMConnectionCreator: co,
-    LoadingButton: Se,
-    StatusIcon: De,
-    Tooltip: Ee
+    SidebarList: De,
+    LLMConnectionListItem: io,
+    LLMConnectionCreator: yo,
+    LoadingButton: Ce,
+    StatusIcon: Le,
+    Tooltip: Se
   },
   methods: {
     resetConnection(t) {
@@ -4637,7 +4663,9 @@ const co = /* @__PURE__ */ X(to, [["render", lo], ["__scopeId", "data-v-96f71520
       }), this.saveConnections();
     },
     deleteConnection(t, e) {
-      confirm(`Are you sure you want to delete the connection "${e}"?`) && (this.llmConnectionStore.connections[e].delete(), this.llmConnectionStore.activeConnection === t && (this.llmConnectionStore.activeConnection = ""));
+      confirm(`Are you sure you want to delete the connection "${e}"?`) && (this.chatStore && this.chatStore.getConnectionChats(e).forEach((i) => {
+        this.screenNavigation.closeTab(null, `${e}${_}${i.id}`), this.chatStore.removeChat(i.id);
+      }), this.screenNavigation.closeTab(null, e), this.llmConnectionStore.connections[e].delete(), this.llmConnectionStore.activeConnection === t && (this.llmConnectionStore.activeConnection = ""));
     },
     deleteChat(t, e) {
       confirm("Are you sure you want to delete this chat?") && this.chatStore && this.chatStore.removeChat(t);
@@ -4651,46 +4679,46 @@ const co = /* @__PURE__ */ X(to, [["render", lo], ["__scopeId", "data-v-96f71520
       return Object.values(this.llmConnectionStore.connections);
     }
   }
-}, po = { class: "button-container" }, mo = ["data-testid"];
-function ho(t, e, o, i, c, p) {
-  const a = U("LLMConnectionCreator"), d = U("LLMConnectionListItem"), w = U("sidebar-list");
-  return r(), z(w, { title: "LLM Connections" }, {
+}, go = { class: "button-container" }, wo = ["data-testid"];
+function To(t, e, o, i, c, y) {
+  const a = U("LLMConnectionCreator"), d = U("LLMConnectionListItem"), T = U("sidebar-list");
+  return r(), W(T, { title: "LLM Connections" }, {
     actions: q(() => [
-      s("div", po, [
+      s("div", go, [
         s("button", {
-          onClick: e[0] || (e[0] = (h) => i.creatorVisible = !i.creatorVisible),
+          onClick: e[0] || (e[0] = (m) => i.creatorVisible = !i.creatorVisible),
           "data-testid": o.testTag ? `llm-connection-creator-add-${o.testTag}` : "llm-connection-creator-add"
-        }, j(i.creatorVisible ? "Hide" : "New"), 9, mo)
+        }, j(i.creatorVisible ? "Hide" : "New"), 9, wo)
       ]),
-      x(a, {
+      O(a, {
         visible: i.creatorVisible,
-        onClose: e[1] || (e[1] = (h) => i.creatorVisible = !i.creatorVisible)
+        onClose: e[1] || (e[1] = (m) => i.creatorVisible = !i.creatorVisible)
       }, null, 8, ["visible"])
     ]),
     default: q(() => [
-      (r(!0), l(pe, null, fe(i.contentList, (h) => (r(), z(d, {
-        key: h.id,
-        item: h,
-        "is-collapsed": i.collapsed[h.id],
-        isSelected: i.isItemSelected(h),
+      (r(!0), l(le, null, fe(i.contentList, (m) => (r(), W(d, {
+        key: m.id,
+        item: m,
+        "is-collapsed": i.collapsed[m.id],
+        isSelected: i.isItemSelected(m),
         onToggle: i.toggleCollapse,
         onRefresh: i.refreshId,
         onUpdateApiKey: i.updateApiKey,
         onUpdateModel: i.updateModel,
         onUpdateFastModel: i.updateFastModel,
-        onSetActive: p.setActiveConnection,
-        onDeleteConnection: p.deleteConnection,
-        onDeleteChat: p.deleteChat,
-        onToggleSaveCredential: p.toggleSaveCredential
+        onSetActive: y.setActiveConnection,
+        onDeleteConnection: y.deleteConnection,
+        onDeleteChat: y.deleteChat,
+        onToggleSaveCredential: y.toggleSaveCredential
       }, null, 8, ["item", "is-collapsed", "isSelected", "onToggle", "onRefresh", "onUpdateApiKey", "onUpdateModel", "onUpdateFastModel", "onSetActive", "onDeleteConnection", "onDeleteChat", "onToggleSaveCredential"]))), 128))
     ]),
     _: 1
   });
 }
-const bo = /* @__PURE__ */ X(uo, [["render", ho], ["__scopeId", "data-v-6e87d854"]]);
+const ko = /* @__PURE__ */ z(fo, [["render", To], ["__scopeId", "data-v-cd5d5232"]]);
 export {
-  wo as C,
-  bo as L,
-  yt as a,
-  To as d
+  So as C,
+  ko as L,
+  Tt as a,
+  Co as d
 };