@trilogy-data/trilogy-studio-components 0.1.0

package/dist/LLMConnectionList-DVM5t-P2.js

@@ -0,0 +1,4692 @@
+var _e = Object.defineProperty;
+var Ne = (t, e, o) => e in t ? _e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var ne = (t, e, o) => Ne(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 Ie, Fragment as pe, computed as $, createBlock as z, withCtx as q, unref as qe, normalizeClass as me, toDisplayString as j, createTextVNode as de, renderList as fe, resolveComponent as U, createVNode as x, Transition as be, onMounted as Ae, onUnmounted as Ue, normalizeStyle as Oe, watch as ke, vModelDynamic as xe } from "vue";
+import { K as N, a as X, T as Ee, L as Se, l as Be, m as Ye, n as Fe, o as Pe, S as Re, h as Me, e as Le, A as Ge, O as je, p as Ke, G as Qe, g as Ve } from "./main-oVvKtGNk.js";
+function He(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)
+      return;
+    let d = a.databases ? a.databases : [];
+    c.push({
+      id: a.name,
+      name: a.name,
+      indent: 0,
+      count: d.length,
+      type: "connection",
+      searchPath: a.name,
+      connection: a
+    }), e[a.name] === !1 && (["duckdb"].includes(a.type) && c.push({
+      id: `${a.name}-upload`,
+      name: "Upload",
+      indent: 1,
+      count: 0,
+      type: "duckdb-upload",
+      searchPath: a.name,
+      connection: a
+    }), c.push({
+      id: `${a.name}-model`,
+      name: "Model",
+      indent: 1,
+      count: 0,
+      type: "model",
+      searchPath: a.name,
+      connection: a
+    }), a.type === "motherduck" && c.push({
+      id: `${a.name}-md-token`,
+      name: "MotherDuck Token",
+      indent: 1,
+      count: 0,
+      type: "motherduck-token",
+      searchPath: a.name,
+      connection: a
+    }), a.type === "bigquery-oauth" && (c.push({
+      id: `${a.name}-billing-project`,
+      name: "Billing Project",
+      indent: 1,
+      count: 0,
+      type: "bigquery-project",
+      searchPath: a.name,
+      connection: a
+    }), c.push({
+      id: `${a.name}-browsing-project`,
+      name: "Browsing Project",
+      indent: 1,
+      count: 0,
+      type: "bigquery-browsing-project",
+      searchPath: a.name,
+      connection: a
+    })), a.type === "snowflake" && (c.push({
+      id: `${a.name}-account`,
+      name: "Account",
+      indent: 1,
+      count: 0,
+      type: "snowflake-account",
+      searchPath: a.name,
+      connection: a
+    }), c.push({
+      id: `${a.name}-username`,
+      name: "Username",
+      indent: 1,
+      count: 0,
+      type: "snowflake-username",
+      searchPath: a.name,
+      connection: a
+    }), c.push({
+      id: `${a.name}-private-key`,
+      name: "Private Key",
+      indent: 1,
+      count: 0,
+      type: "snowflake-private-key",
+      searchPath: a.name,
+      connection: a
+    })), ["snowflake", "motherduck"].includes(a.type) && c.push({
+      id: `${a.name}-toggle-save-credential`,
+      name: "Toggle Credential Saving",
+      indent: 1,
+      count: 0,
+      type: "toggle-save-credential",
+      searchPath: a.name,
+      connection: a
+    }), o[a.name] && c.push({
+      id: `${a.name}-loading`,
+      name: "Loading...",
+      indent: 1,
+      count: 0,
+      type: "loading",
+      searchPath: a.name,
+      connection: a
+    }), i[a.name] && c.push({
+      id: `${a.name}-error`,
+      name: i[a.name],
+      indent: 1,
+      count: 0,
+      type: "error",
+      searchPath: a.name,
+      connection: a
+    }), d.forEach((w) => {
+      const h = `${a.name}${N}${w.name}`;
+      c.push({
+        id: h,
+        name: w.name,
+        indent: 1,
+        count: w.schemas.length,
+        type: "database",
+        searchPath: `${w.name}`,
+        connection: a
+      }), e[h] || (o[h] && c.push({
+        id: `${h}-loading`,
+        name: "Loading...",
+        indent: 1,
+        count: 0,
+        type: "loading",
+        searchPath: `${w.name}`,
+        connection: a
+      }), w.schemas.forEach((P) => {
+        const E = `${h}${N}${P.name}`;
+        c.push({
+          id: E,
+          name: P.name,
+          indent: 2,
+          count: P.tables.length,
+          type: "schema",
+          searchPath: `${w.name}.${P.name}`,
+          connection: a
+        }), e[E] || (o[E] && c.push({
+          id: `${E}-loading`,
+          name: "Loading...",
+          indent: 2,
+          count: 0,
+          type: "loading",
+          searchPath: `${w.name}.${P.name}`,
+          connection: a
+        }), P.tables.forEach((b) => {
+          const m = `${h}${N}${P.name}${N}${b.name}`;
+          c.push({
+            id: m,
+            name: b.name,
+            indent: 3,
+            count: 0,
+            type: "table",
+            searchPath: `${w.name}.${P.name}.${b.name}`,
+            connection: a,
+            object: b
+          });
+        }));
+      }));
+    }));
+  }), c;
+}
+function We(t, e) {
+  if (!e || e.trim() === "")
+    return t;
+  const o = e.toLowerCase().trim(), i = /* @__PURE__ */ new Set();
+  t.forEach((d) => {
+    (d.type === "view-queries" || d.searchPath.toLowerCase().includes(o)) && i.add(d.id);
+  });
+  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;
+        break;
+      }
+    }
+    h && (c.has(w.id) || c.set(w.id, /* @__PURE__ */ new Set()), c.get(w.id).add(h));
+  }
+  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));
+  };
+  return i.forEach((d) => {
+    a(d);
+  }), t.filter((d) => p.has(d.id));
+}
+const ze = ae({
+  name: "ConnectionCreator",
+  props: {
+    visible: {
+      type: Boolean,
+      required: !0
+    },
+    testTag: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  methods: {
+    close() {
+      this.$emit("close");
+    }
+  },
+  setup(t, { emit: e }) {
+    const o = C({
+      name: "",
+      type: "duckdb",
+      options: {
+        mdToken: "",
+        account: "",
+        projectId: "",
+        username: "",
+        password: "",
+        privateKey: "",
+        saveCredential: !1
+      }
+    }), i = Y("connectionStore"), c = Y("saveConnections"), p = Y("saveAll");
+    if (!i || !c || !p)
+      throw new Error("must inject connectionStore to ConnectionCreator");
+    const a = i.connections;
+    return {
+      connectionDetails: o,
+      connections: a,
+      createConnection: () => {
+        o.value.name = "", o.value.type = "duckdb", o.value.options = {
+          mdToken: "",
+          account: "",
+          projectId: "",
+          username: "",
+          password: "",
+          privateKey: "",
+          saveCredential: !1
+        };
+      },
+      submitConnectionCreation: async () => {
+        o.value.name && o.value.type && (await i.newConnection(
+          o.value.name,
+          o.value.type,
+          o.value.options
+        ), await p(), e("close"));
+      }
+    };
+  }
+}), Xe = {
+  key: 0,
+  class: "creator-container"
+}, Je = { class: "form-row" }, Ze = { class: "form-row" }, $e = {
+  key: 0,
+  class: "form-row"
+}, et = {
+  key: 1,
+  class: "form-row"
+}, tt = {
+  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, [
+    s("form", {
+      onSubmit: e[11] || (e[11] = A((...a) => t.submitConnectionCreation && t.submitConnectionCreation(...a), ["prevent"]))
+    }, [
+      s("div", Je, [
+        e[12] || (e[12] = s("label", { for: "connection-name" }, "Name", -1)),
+        _(s("input", {
+          "data-testid": "connection-creator-name",
+          type: "text",
+          "onUpdate:modelValue": e[0] || (e[0] = (a) => t.connectionDetails.name = a),
+          id: "connection-name",
+          required: ""
+        }, null, 512), [
+          [G, t.connectionDetails.name]
+        ])
+      ]),
+      s("div", Ze, [
+        e[14] || (e[14] = s("label", { for: "connection-type" }, "Type", -1)),
+        _(s("select", {
+          "onUpdate:modelValue": e[1] || (e[1] = (a) => t.connectionDetails.type = a),
+          id: "connection-type",
+          required: ""
+        }, [...e[13] || (e[13] = [
+          s("option", { value: "duckdb" }, "DuckDB", -1),
+          s("option", { value: "bigquery" }, "Bigquery Oauth", -1),
+          s("option", { value: "snowflake" }, "Snowflake", -1)
+        ])], 512), [
+          [ve, t.connectionDetails.type]
+        ])
+      ]),
+      t.connectionDetails.type === "motherduck" ? (r(), l("div", $e, [
+        e[15] || (e[15] = s("label", { for: "md-token" }, "MotherDuck Token", -1)),
+        _(s("input", {
+          type: "password",
+          "onUpdate:modelValue": e[2] || (e[2] = (a) => t.connectionDetails.options.mdToken = a),
+          id: "md-token",
+          placeholder: "MotherDuck Token",
+          required: ""
+        }, null, 512), [
+          [G, t.connectionDetails.options.mdToken]
+        ]),
+        e[16] || (e[16] = s("label", { for: "save-credential" }, "Save Credential?", -1)),
+        _(s("input", {
+          type: "checkbox",
+          id: "save-credential",
+          "onUpdate:modelValue": e[3] || (e[3] = (a) => t.connectionDetails.options.saveCredential = a),
+          label: "Save Credential?"
+        }, null, 512), [
+          [Ie, t.connectionDetails.options.saveCredential]
+        ])
+      ])) : I("", !0),
+      t.connectionDetails.type === "bigquery" ? (r(), l("div", et, [
+        e[17] || (e[17] = s("label", { for: "project-id" }, "BigQuery Project ID", -1)),
+        _(s("input", {
+          type: "text",
+          "onUpdate:modelValue": e[4] || (e[4] = (a) => t.connectionDetails.options.projectId = a),
+          id: "project-id",
+          placeholder: "Billing Project ID",
+          required: ""
+        }, null, 512), [
+          [G, t.connectionDetails.options.projectId]
+        ])
+      ])) : I("", !0),
+      t.connectionDetails.type === "sqlserver" ? (r(), l("div", tt, [
+        e[18] || (e[18] = s("label", { for: "username" }, "Username", -1)),
+        _(s("input", {
+          type: "text",
+          "onUpdate:modelValue": e[5] || (e[5] = (a) => t.connectionDetails.options.username = a),
+          id: "username",
+          required: ""
+        }, null, 512), [
+          [G, t.connectionDetails.options.username]
+        ]),
+        e[19] || (e[19] = s("label", { for: "password" }, "Password", -1)),
+        _(s("input", {
+          type: "password",
+          "onUpdate:modelValue": e[6] || (e[6] = (a) => t.connectionDetails.options.password = a),
+          id: "username",
+          required: ""
+        }, null, 512), [
+          [G, t.connectionDetails.options.password]
+        ])
+      ])) : I("", !0),
+      t.connectionDetails.type === "snowflake" ? (r(), l(pe, { key: 3 }, [
+        s("div", nt, [
+          e[20] || (e[20] = s("label", { for: "account" }, "Account", -1)),
+          _(s("input", {
+            type: "text",
+            "onUpdate:modelValue": e[7] || (e[7] = (a) => t.connectionDetails.options.account = a),
+            id: "account",
+            required: ""
+          }, null, 512), [
+            [G, t.connectionDetails.options.account]
+          ])
+        ]),
+        s("div", ot, [
+          e[21] || (e[21] = s("label", { for: "username" }, "Username", -1)),
+          _(s("input", {
+            type: "text",
+            "onUpdate:modelValue": e[8] || (e[8] = (a) => t.connectionDetails.options.username = a),
+            id: "username",
+            required: ""
+          }, null, 512), [
+            [G, t.connectionDetails.options.username]
+          ])
+        ]),
+        s("div", it, [
+          e[22] || (e[22] = s("label", { for: "privateKey" }, "Private Key", -1)),
+          _(s("input", {
+            type: "password",
+            "onUpdate:modelValue": e[9] || (e[9] = (a) => t.connectionDetails.options.privateKey = a),
+            id: "privateKey",
+            required: ""
+          }, null, 512), [
+            [G, t.connectionDetails.options.privateKey]
+          ])
+        ])
+      ], 64)) : I("", !0),
+      s("div", at, [
+        e[23] || (e[23] = s("button", {
+          "data-testid": "connection-creator-submit",
+          type: "submit"
+        }, "Submit", -1)),
+        s("button", {
+          type: "button",
+          onClick: e[10] || (e[10] = (a) => t.close())
+        }, "Cancel")
+      ])
+    ], 32)
+  ])) : I("", !0);
+}
+const rt = /* @__PURE__ */ X(ze, [["render", st], ["__scopeId", "data-v-bd6e19a1"]]), lt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAIAAAD+96djAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGYktHRAD/AP8A/6C9p5MAAAAHdElNRQfnBRMXJzJGoqCLAAANmElEQVR42u2be4xdxX3HPzNzzn3u3r3s2qy9rLFZxS4E7CA1dVDjBnDclAANbXEgaUpbVIFSqa2UqK1UqfmnaVPURmlUqSRqJKIIQwg1hEDlypaJISIBnFiE+IEfGLxmvX7tw/f9OOfM9I8z997dZV93927vUu1Pd6XV3bNzZj5n5vt7zBxxyy23sGIg292B5WIrIKytgLC2AsLaCghrKyCsrYCw5rS7A4syY3+sCfEBB2HM1G/mM6Twv4RACgBtMAYBLAjHsgABSIESINCaIBzSrOMJL3AElYC8j4CEiyPxNcz1v9N3oL3jNwZjcCSVgAtFzufJezgSIaaZJlMoAOfyGPhwDxu7KfpcLKCkvaBZa/+MUJILBfo6+PR1xBxeHeatUdYkQUw/L+pfjhT50kf54s24cYBsjkde4wcnWJMk0M13o7+/vy3jDx+aI7lY4PM38Pg9bL+eTwzwhc1ENHvPkI5hZni2UcVgln+9jQdvRXrgQUAsxic3U8rxkyHSUYKagix3ECGFsTLbruGbvw9V/BK6Cpqt15PP8j/v0JucdL0QKElUcWqc+6/nS7fjjyNqEyTwkR7bNvDccXIersQ0A6I9GlF/zBWfB7aAj+fhKBwFBnOFv9/Ow1s4OUa2YpE5EiBX5cQYOzfxjTuggJJIiRAIgaPwfYjy8XXkKqgm9bJNGmGsHDqSVQkIrAs0BikwBlPmq3ew/Vr+/Q1OjlEOAKKKgS6+9lvcvRnKGG0bmfTYDd1RtGnaibYJhMAYpMTTnL3CTdc0ggJTY6Tz3H4Dt2/iwhiDWbRhXSf9PeCiCwimowDA6jj6g+I1BBgw4EheHOTOmxrjqQ9PgF9ACdZcxZpVAAQYj6CMktNTEAJ8PtaHI5tm0c44Qhs6Ixw8T1BEqYaDsMMTVhd0haCIXySogMFR9oL3zwUpMBU29fEbaxktEam1aYx1QO//LBcQcYfhHL+4ANHpn6EQSImSONJOhFlMCLQBzT/fRqDJe0RU7W+1pedIXIWrpoZebQMx8am+eAbUQsLBqWZQkqDE+qt54jOUPIbzVpJdiSMxhtESQzmGcmQqk0LYdsYRYHOkKxW+cAOSuVOMOZsLNTiosu5q7t/I+RynrjBaIlslVwXYdg0P3Mit6yh4HB+jw62FsG0s59dFcazMCzvZeLUVwkW1CcKAINCoKLhkxjg8wniZVISbVtHTAxIMSL7zCo8ctCF5O3MNG0ooKj4vnWXjNZjSotsEI2prpAIVupJsS9cclY8uoA0GlOShT/DGJX58llXxdmefgDYkXA4MQoCSLVCKMMQIWSiJ9vGL+Hn8ItqzMair0Bqq3P9hvADanoaHIDoiHB3h8jjCZfGK2eABgBQ4EkfhSKSYFLCg6UngyHChtNcExhBRZCu8MgQRdPMZdLMWTrpAQ4QTo3gaKdoNQtR6FlXsHwRs0rGkFITAD4jEocS3DpGKEuh2gwhNGzqiHDpPJYd0FpIpzAvBBApOAt/j3t0M5elw0aYdIBoR7gQQMcWlIq+fh8iSgAjrupZCB2NZfvv7HB5hdQJfIxa5NEzz1cF6lhkKez2CCovR+8+Aaq7B+VIQAH6Ak+LtYXZ8n0sl1iTxAvunBYKwGYtp/D4fIMbYrCEsvbvKVh+AQNMZ4WfnoITTknB7MgVj8AOcNK+e5M7dGOiOUQ0aTmQhIMKmXWULR+F45iQRxvz5KsN5fE3RYyiLp20pyUDCZTDD4UutXB2N6obBSfPDX/C5F0hHSbqNuRBa05Fl+FR9zXAOBAICTTpG0rWLbRYKY2Wu7eTbn+KmVVQC9g/yL69T1CQcgjBHMPx4kM3rWzMjQgpag0R18ujL/NNrrE8hmKarzeUaIYV8FQN/ciPb+okojlzmscMM57k6ORXzRAq5Kr0J9n0e4lAGAUnOvsc9z9ikWAqyFTZ28+x9UGmu9DoThUCjHIjylb08doTrumbcPWoi+zQGJSj4pCLsuZcdW+jvYm0XH1nPn97IG+f51WVWxe2dJt1DAlzI893fZU03lQwSjKaap2ctXokDg3TFCAwRxXCOzwzQ1YHxFw7CUghQMZA89By7TzGQxp95D22+GmEXGxSr/MfvsLqX6jh+kaCEdwXgsXv4aC+nxpGCSF0+JBFF2ef0OF+7lZuvxc8TdZECKXAUlNnaZ5dxOHGKHi+/B+4CZSLcFg7dpEpQqXLPU7x4loEuqsFsaX4TYhlO3a19bFlHkCXi2KqR6xBUQfNfO/mzzVwq8F6OyyVGS1woMpjFley6mwe2ovM2sG90WlD1GzPIGOIOLw6CaTiU5iYCEAYLnVwcZ8eTHB+nv5NKUPPZM1gTYikF5YCN3SAmuYhQOLSHUPzDHTz8EV44zVujlHxWxfnNPu7aiIwT5Ow2L/VauwHJ0RF0TQ4CQ0eUNy+SydAVR/tNFOXrDiLQOF0cO8PnnsdAb2KSm2wBiHDKVX2YvGkganUhrdE5+nv487WgaeR0ZYIJ27OT8j84Nkqkln2HScflAq8McdeN6CpyfvFVg4LBSXPgCA/tJRUl6cyLAguII8KlO2XOWhbClkP8LEEBHVYBcpgAJRvl03rXlYQqb48TcyatDlex/wyI+YqldZMGDU4XT77GH++hJ07cwdPzbaSZGSHwAwbSTENiwgjrtTZjcCbNnMm9B6EYz3M+T8yhnnxrQyrCwfP4BRwHM9fzrAcLQiETfH0//3aIDV12jSzJ3qc2KMnt62F+jm3OAeBw+gq5qq0v1+8Sczif5/VhiNhN7dkpBAHSRUT58vN88xADabRBN1kHboCYaQsk/MQchvN86jo+1Icut6BqYAwojo0SaNtaXdXDBGzfGVAzRu4Tc2oVB8MfPs0zpxhI483qJmcyZ2Lb4SIPexlWOEVtU+Rcnr4kX98OlSZW7yxmlXIE932jDROwnw41ErApt7Pf1HLqTIadP+TdDBtSVIJG4wsBEQYzJZ9MEW2IKhIuSqANJZ9MhV/v5bt3k4ijy0i52A2IMEjF5+Q4McWU6lxYzj2T4ZeXuPkadAk1wenaWxt8jZPinXPc9yOKPn0dNlhYmDl1CpeLrEnyB5vodDkywrFRSj5Rxa9189lN/N5mMK2hQDgoh0KBoSzRySUpu7sLSvC9N7l5AFNEm8ZitA7C4KT52XEe3EPcpSc+Xzc5I4iQwqUiO9bz6KchBkCAKZGrknRQSZCYIka3hgI1gXg3w5UKqxPTRNO+ZlWCH73Ntp9z78cwGXx/QqddZJKnD/I3L9GbJKKmT/aaAyEFBY91HTx6Jwi8jNUqqUglwKBLaG3PprSEAjWXcXwUL0CKqX6uXkHoTfK3LzGc4y+34qRqUiKgyFf38p9vsq7TUlt8rxwlyVZ4cAtE8TK4ju2o0Rht7+vUwruWULCNwtGRGTf46scfepN84xC7T7JjAx9Kow0nxtg/yMUi61PzOpE5XxCAgb5O0Ihat6wba9Gop5hVyoDjY8TUjFmm3acW9HeS8/jeERtTKEE6Sl8STze62hoQUnB6HBxbzFlqMyAVXomz2UnB9UwsvICYIplspGqBaSJ2nqfJQHNVjN1vMT5KJIXnN/KfpQJhwGEwWzvUMuvFonbO2tN4AV6ApxdyVmxuENoQUZQDdj7L8EXcMD6tHVhbKhCK46NUAlRt/s/OYppPq3slw8JeV5TLJW57iqd/jupEugQ1h7QkOCRHR5BYBEu8yzfPHoX7P5pUhO4YXz7AF5+l6qE68YNGnt8qCysXBLw1StRZwgW4EBB1FkIwkGb/IB/fxeuncNIY2VwyO69bSijzbobYkm1zLhwENYmuBqztQBs++zyP7EO6qLidGrRimWgDDmezXC4SnUsp2wOCmix5AVHFtSm+9SZ3PcnQCE5XyxTUAA4nxij5OPNQyvaAqOPQBl+zPsVglu1P8dRBVCcygr94Ba0VbOvvHC0PDjPET+HUqAako3TH+OuXePgZyhWcxSloWNdEc2yUaEt3epcKRB1HXUEPnGXbLl49uVgFlQoqnL6yvJSSOSPquoKu6cDAfS/wj3uRzgIVNAylhnNcLCwvpZwbBJMVdH2K7/yKO55g8BJOF5rmFFQDDifHKHqTCrbLweabY01U0HN5PvkDHn8NlWxSQQ0ojly2DdLCvP7/DAQTFLQryuoEf/cTHtxNoYyTwg9s+Xy2dxSxSnlkpPECwfKxprPuUEGBgTQ/Pce2Xbx8DKcLIRvpyfSr31ilfHuc+DJTyoWAYIKC9iZRgj/aw1f2ICQqWVPQ6aZGqJRDObu1tcw4LLQOU1fQiGJDil3H2P4EJ87hpNFieufqa4iz711Kfk0pl41AsMj3NepV1u4442UeO0zUY+t1SIVftRsRBrQhCIh0MjrGX+0jGamdDfh/A4La1Ag0MYcOl/9+h1cHua2PzlXIcKNMIl1UJ2Mj3Pcc2SpJl6BFFddlBKKOIyyf9cQ5k+Hxo5gKfQniCq0ZzvDkL/mL/RQ8uqKtqb633Fr5Bk94fsmReJpLRWKK7jgYxsqUA1bHcVXrqxutsla+wWPPL2mkoL+TQFPxAa6K2aOZy5ZCi0FYHLUavBD2bUODfUtm2VJYEhD1AU88oL2cESwhiA/K4CfasnhxZTnYCghrKyCsrYCwtgLC2goIaysgrK2AsLYCwtoKCGv/C38vfvTP3ug8AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA1LTE5VDIzOjM5OjQ5KzAwOjAweTItFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wNS0xOVQyMzozOTo0OSswMDowMAhvlagAAAAodEVYdGRhdGU6dGltZXN0YW1wADE5NzAtMDEtMDFUMDA6MDA6MDArMDA6MDCutErVAAAAAElFTkSuQmCC", ct = {
+  key: 0,
+  class: "mdi mdi-duck"
+}, ut = ["src"], dt = {
+  key: 2,
+  class: "mdi mdi-google"
+}, pt = {
+  key: 3,
+  class: "mdi mdi-google"
+}, mt = {
+  key: 4,
+  class: "mdi mdi-database"
+}, ht = /* @__PURE__ */ ae({
+  __name: "ConnectionIcon",
+  props: {
+    connectionType: {}
+  },
+  setup(t) {
+    const e = t, o = $(() => ({
+      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 }, {
+      default: q(() => [
+        t.connectionType === "duckdb" ? (r(), l("i", ct)) : t.connectionType === "motherduck" ? (r(), l("img", {
+          key: 1,
+          src: qe(lt),
+          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))
+      ]),
+      _: 1
+    }, 8, ["content"]));
+  }
+}), yt = /* @__PURE__ */ X(ht, [["__scopeId", "data-v-8b4a0eaf"]]), ft = /* @__PURE__ */ ae({
+  __name: "ConnectionRefresh",
+  props: {
+    connection: {},
+    type: {},
+    isConnected: { type: Boolean }
+  },
+  emits: ["refresh"],
+  setup(t, { emit: e }) {
+    const o = t, i = e;
+    let c;
+    if (o.type === "llm" ? c = Y("llmConnectionStore") : c = Y("connectionStore"), !c)
+      throw new Error("Connection store is not provided!");
+    const p = $(
+      () => o.connection.connected ? "mdi mdi-refresh" : "mdi mdi-connection"
+    ), a = async () => {
+      try {
+        await c.resetConnection(o.connection.name), i("refresh", o.connection.name);
+      } catch (d) {
+        throw console.error("Refresh failed:", d), d;
+      }
+    };
+    return (d, w) => (r(), z(Se, {
+      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(() => {
+      }, ["stop"]))
+    }, {
+      default: q(() => [
+        s("i", {
+          class: me([p.value, "refresh-icon"])
+        }, null, 2)
+      ]),
+      _: 1
+    }, 8, ["data-testid", "testId"]));
+  }
+}), De = /* @__PURE__ */ X(ft, [["__scopeId", "data-v-a2ead502"]]), gt = ae({
+  name: "FileUpload",
+  props: {
+    connection: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(t) {
+    const e = C(!1), o = C(!1), i = C("Processing file..."), c = C(""), p = C(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");
+      }
+    }, 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) => {
+      try {
+        o.value = !0, i.value = `Processing ${b.name}...`;
+        const m = await t.connection.importFile(b, (F) => {
+          i.value = F;
+        });
+        m.type === "database" ? c.value = `Successfully attached database ${m.name}` : c.value = `Successfully imported ${m.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"}`
+        );
+      }
+    };
+    return {
+      isDragging: e,
+      isLoading: o,
+      loadingMessage: i,
+      successMessage: c,
+      fileInput: p,
+      handleDragOver: a,
+      handleDragLeave: d,
+      handleDrop: h,
+      handleFileInput: w
+    };
+  }
+}), wt = { class: "upload-area" }, Tt = {
+  key: 0,
+  class: "success-message"
+}, bt = { key: 1 }, vt = { class: "truncate-text" }, Et = { class: "file-input-label" }, St = {
+  key: 2,
+  class: "loading-container"
+};
+function Ct(t, e, o, i, c, p) {
+  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"]))
+  }, [
+    s("div", wt, [
+      t.successMessage && !t.isLoading ? (r(), l("div", Tt, [
+        s("span", null, j(t.successMessage), 1)
+      ])) : t.isLoading ? (r(), l("div", St, [
+        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)),
+            s("input", {
+              type: "file",
+              accept: ".csv,.parquet,.db",
+              onChange: e[0] || (e[0] = (...a) => t.handleFileInput && t.handleFileInput(...a)),
+              ref: "fileInput",
+              class: "hidden-input"
+            }, null, 544)
+          ]),
+          e[6] || (e[6] = de(" CSV/Parquet or DuckDB DB ", -1))
+        ])
+      ]))
+    ])
+  ], 34);
+}
+const kt = /* @__PURE__ */ X(gt, [["render", Ct], ["__scopeId", "data-v-d7832089"]]), At = { class: "model-anchor" }, It = {
+  key: 0,
+  class: "model-form"
+}, Pt = ["value"], Rt = /* @__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 () => {
+      if (a.value && i) {
+        let E = a.value;
+        E === "~new-model" && (E = e.connection.name, await (o == null ? void 0 : o.addModelConfig(
+          new Be({
+            name: e.connection.name,
+            sources: [],
+            storage: "local",
+            description: ""
+          })
+        ))), i.connections[e.connection.name].model = E;
+      }
+      c(), p.value = !1;
+    };
+    return (E, b) => (r(), l("div", At, [
+      s("button", {
+        class: "button truncate-text",
+        onClick: w
+      }, j(t.connection.model || "Set Model"), 1),
+      p.value ? (r(), l("div", It, [
+        s("form", {
+          onSubmit: A(P, ["prevent"])
+        }, [
+          _(s("select", {
+            "onUpdate:modelValue": b[0] || (b[0] = (m) => a.value = m),
+            class: "model-select",
+            required: ""
+          }, [
+            (r(!0), l(pe, null, fe(d.value, (m) => (r(), l("option", {
+              key: m,
+              value: m,
+              class: "model-select-item"
+            }, j(m), 9, Pt))), 128)),
+            b[1] || (b[1] = s("option", {
+              key: "~new-model",
+              value: "~new-model",
+              class: "model-select-item"
+            }, " Create New Model ", -1))
+          ], 512), [
+            [ve, a.value]
+          ]),
+          s("div", { class: "model-form-actions" }, [
+            b[2] || (b[2] = s("button", { type: "submit" }, "Submit", -1)),
+            s("button", {
+              type: "button",
+              onClick: h
+            }, "Close")
+          ])
+        ], 32)
+      ])) : I("", !0)
+    ]));
+  }
+}), Mt = /* @__PURE__ */ X(Rt, [["__scopeId", "data-v-11ffb5f2"]]), Lt = {
+  name: "ConnectionListItem",
+  components: {
+    SidebarItem: Re,
+    ConnectionIcon: yt,
+    ConnectionRefresh: De,
+    ConnectionStatusIcon: Pe,
+    EditorCreatorIcon: Fe,
+    CreateEditorFromDatasourcePopup: Ye,
+    DuckDBImporter: kt,
+    ModelSelector: Mt,
+    Tooltip: Ee
+  },
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    isCollapsed: {
+      type: Boolean,
+      default: !0
+    },
+    isSelected: {
+      type: Boolean,
+      default: !1
+    },
+    testTag: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: [
+    "toggle",
+    "click",
+    "refresh",
+    "updateBigqueryProject",
+    "updateBigqueryBrowsingProject",
+    "updateMotherDuckToken",
+    "updateSnowflakePrivateKey",
+    "updateSnowflakeAccount",
+    "updateSnowflakeUsername",
+    "toggleSaveCredential",
+    "deleteConnection",
+    "toggleMobileMenu"
+  ],
+  setup(t, { emit: e }) {
+    var re, H, ge;
+    const o = Y("isMobile", !1), i = $(
+      () => ["connection", "database", "schema"].includes(t.item.type)
+    ), c = $(
+      () => ["connection", "database", "schema", "table", "schema"].includes(t.item.type)
+    ), p = () => [
+      "refresh-connection",
+      "refresh-database",
+      "refresh-schema",
+      "duckdb-upload",
+      "model",
+      "bigquery-project",
+      "bigquery-browsing-project",
+      "motherduck-token",
+      "snowflake-private-key",
+      "snowflake-account",
+      "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);
+    }, d = () => {
+      var R;
+      c.value && e("toggle", t.item.id, ((R = t.item.connection) == null ? void 0 : R.name) || "", t.item.type);
+    }, w = () => {
+      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");
+    }, 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(
+      t.item.connection.projectId || ""
+    ), F = C(
+      t.item.connection.browsingProjectId || ""
+    ), g = C(t.item.connection.mdToken || ""), le = C(
+      ((re = t.item.connection.config) == null ? void 0 : re.privateKey) || ""
+    ), f = C(
+      ((H = t.item.connection.config) == null ? void 0 : H.account) || ""
+    ), k = C(
+      ((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;
+      }, 1500);
+    }, K = (R, ie) => {
+      let we;
+      return (...ce) => {
+        clearTimeout(we), we = setTimeout(() => R(...ce), ie);
+      };
+    }, y = () => {
+      e("updateBigqueryProject", t.item.connection, m.value), Q(v);
+    }, D = () => {
+      e("updateBigqueryBrowsingProject", t.item.connection, F.value), Q(L);
+    }, 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(
+      D,
+      500
+    ), te = K(u, 500), oe = K(S, 500), O = K(B, 500);
+    return {
+      isMobile: o,
+      isExpandable: i,
+      getItemName: p,
+      handleItemClick: a,
+      handleToggle: d,
+      toggleMobileMenu: w,
+      handleRefreshConnectionClick: h,
+      handleRefreshDatabaseClick: P,
+      handleRefreshSchemaClick: E,
+      deleteConnection: b,
+      // Config variables
+      bigqueryProject: m,
+      bigqueryBrowsingProject: F,
+      mdToken: g,
+      snowflakePrivateKey: le,
+      snowflakeAccount: f,
+      snowflakeUsername: k,
+      // Success indicators
+      showBillingSuccess: v,
+      showBrowsingSuccess: L,
+      showPrivateKeySuccess: T,
+      showAccountSuccess: V,
+      showUsernameSuccess: J,
+      // Update functions
+      debouncedUpdateBigqueryProject: ee,
+      debouncedUpdateBigqueryBrowsingProject: Z,
+      debouncedUpdateSnowflakePrivateKey: te,
+      debouncedUpdateSnowflakeAccount: oe,
+      debouncedUpdateSnowflakeUsername: O,
+      updateMotherDuckToken: (R, ie) => {
+        e("updateMotherDuckToken", R, ie);
+      },
+      toggleSaveCredential: (R) => {
+        e("toggleSaveCredential", R);
+      }
+    };
+  }
+}, Dt = {
+  key: 1,
+  class: "mdi mdi-database node-icon"
+}, _t = {
+  key: 2,
+  class: "mdi mdi-folder-outline node-icon"
+}, Nt = {
+  key: 3,
+  class: "mdi mdi-table node-icon"
+}, qt = {
+  key: 4,
+  class: "mdi mdi-alert-circle node-icon"
+}, Ut = {
+  key: 5,
+  class: "mdi mdi-loading mdi-spin node-icon"
+}, Ot = {
+  key: 6,
+  class: "mdi mdi-table-column node-icon"
+}, xt = {
+  key: 0,
+  class: "mdi mdi-check-circle success-icon"
+}, Bt = {
+  key: 0,
+  class: "mdi mdi-check-circle success-icon"
+}, Yt = {
+  key: 0,
+  class: "mdi mdi-check-circle success-icon"
+}, Ft = {
+  key: 0,
+  class: "mdi mdi-check-circle success-icon"
+}, Gt = {
+  key: 0,
+  class: "mdi mdi-check-circle success-icon"
+}, jt = { class: "save-credential-toggle" }, Kt = ["checked"], Qt = { key: 0 }, Vt = {
+  key: 0,
+  class: "connection-actions"
+}, Ht = {
+  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");
+  return r(), l("div", null, [
+    x(F, {
+      "item-id": o.item.id,
+      name: i.getItemName(),
+      indent: o.item.indent,
+      "is-selected": o.isSelected,
+      "is-collapsible": i.isExpandable,
+      "is-collapsed": o.isCollapsed,
+      itemType: o.testTag ? o.testTag : "connection",
+      onClick: i.handleItemClick,
+      onToggle: i.handleToggle
+    }, {
+      icon: q(() => {
+        var g;
+        return [
+          o.item.type === "connection" ? (r(), z(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)
+        ];
+      }),
+      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))
+        }, 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))
+        }, 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, {
+          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(() => {
+          }, ["stop"]))
+        }, [
+          e[29] || (e[29] = s("label", { class: "input-label" }, "Model", -1)),
+          x(w, {
+            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(() => {
+          }, ["stop"]))
+        }, [
+          e[30] || (e[30] = s("label", { class: "input-label" }, "Billing", -1)),
+          s("span", null, [
+            x(be, { name: "fade" }, {
+              default: q(() => [
+                i.showBillingSuccess ? (r(), l("i", xt)) : I("", !0)
+              ]),
+              _: 1
+            }),
+            _(s("input", {
+              type: "text",
+              "onUpdate:modelValue": e[4] || (e[4] = (g) => i.bigqueryProject = g),
+              placeholder: "Billing Project",
+              class: "bq-project-input",
+              onInput: e[5] || (e[5] = (...g) => i.debouncedUpdateBigqueryProject && i.debouncedUpdateBigqueryProject(...g))
+            }, null, 544), [
+              [G, i.bigqueryProject]
+            ])
+          ])
+        ])) : o.item.type === "bigquery-browsing-project" ? (r(), l("div", {
+          key: 6,
+          class: "bq-project-container",
+          onClick: e[9] || (e[9] = A(() => {
+          }, ["stop"]))
+        }, [
+          e[31] || (e[31] = s("label", { class: "input-label" }, "Browsing", -1)),
+          s("span", null, [
+            x(be, { name: "fade" }, {
+              default: q(() => [
+                i.showBrowsingSuccess ? (r(), l("i", Bt)) : I("", !0)
+              ]),
+              _: 1
+            }),
+            _(s("input", {
+              type: "text",
+              "onUpdate:modelValue": e[7] || (e[7] = (g) => i.bigqueryBrowsingProject = g),
+              placeholder: "Browsing Project",
+              class: "bq-project-input",
+              onInput: e[8] || (e[8] = (...g) => i.debouncedUpdateBigqueryBrowsingProject && i.debouncedUpdateBigqueryBrowsingProject(...g))
+            }, null, 544), [
+              [G, i.bigqueryBrowsingProject]
+            ])
+          ])
+        ])) : o.item.type === "motherduck-token" ? (r(), l("div", {
+          key: 7,
+          class: "md-token-container",
+          onClick: e[12] || (e[12] = A(() => {
+          }, ["stop"]))
+        }, [
+          s("form", {
+            onSubmit: e[11] || (e[11] = A((g) => i.updateMotherDuckToken(o.item.connection, i.mdToken), ["prevent"]))
+          }, [
+            e[32] || (e[32] = s("button", {
+              type: "submit",
+              class: "customize-button"
+            }, "Update Token", -1)),
+            _(s("input", {
+              type: "password",
+              "onUpdate:modelValue": e[10] || (e[10] = (g) => i.mdToken = g),
+              placeholder: "mdToken",
+              class: "connection-customize"
+            }, null, 512), [
+              [G, i.mdToken]
+            ])
+          ], 32)
+        ])) : o.item.type === "snowflake-private-key" ? (r(), l("div", {
+          key: 8,
+          class: "bq-project-container",
+          onClick: e[15] || (e[15] = A(() => {
+          }, ["stop"]))
+        }, [
+          e[33] || (e[33] = s("label", { class: "input-label" }, "Private Key", -1)),
+          s("span", null, [
+            x(be, { name: "fade" }, {
+              default: q(() => [
+                i.showPrivateKeySuccess ? (r(), l("i", Yt)) : I("", !0)
+              ]),
+              _: 1
+            }),
+            _(s("input", {
+              type: "password",
+              "onUpdate:modelValue": e[13] || (e[13] = (g) => i.snowflakePrivateKey = g),
+              placeholder: "Private Key",
+              class: "bq-project-input",
+              onInput: e[14] || (e[14] = (...g) => i.debouncedUpdateSnowflakePrivateKey && i.debouncedUpdateSnowflakePrivateKey(...g))
+            }, null, 544), [
+              [G, i.snowflakePrivateKey]
+            ])
+          ])
+        ])) : o.item.type === "snowflake-account" ? (r(), l("div", {
+          key: 9,
+          class: "bq-project-container",
+          onClick: e[18] || (e[18] = A(() => {
+          }, ["stop"]))
+        }, [
+          e[34] || (e[34] = s("label", { class: "input-label" }, "Account", -1)),
+          s("span", null, [
+            x(be, { name: "fade" }, {
+              default: q(() => [
+                i.showAccountSuccess ? (r(), l("i", Ft)) : I("", !0)
+              ]),
+              _: 1
+            }),
+            _(s("input", {
+              type: "text",
+              "onUpdate:modelValue": e[16] || (e[16] = (g) => i.snowflakeAccount = g),
+              placeholder: "Account",
+              class: "bq-project-input",
+              onInput: e[17] || (e[17] = (...g) => i.debouncedUpdateSnowflakeAccount && i.debouncedUpdateSnowflakeAccount(...g))
+            }, null, 544), [
+              [G, i.snowflakeAccount]
+            ])
+          ])
+        ])) : o.item.type === "snowflake-username" ? (r(), l("div", {
+          key: 10,
+          class: "bq-project-container",
+          onClick: e[21] || (e[21] = A(() => {
+          }, ["stop"]))
+        }, [
+          e[35] || (e[35] = s("label", { class: "input-label" }, "Username", -1)),
+          s("span", null, [
+            x(be, { name: "fade" }, {
+              default: q(() => [
+                i.showUsernameSuccess ? (r(), l("i", Gt)) : I("", !0)
+              ]),
+              _: 1
+            }),
+            _(s("input", {
+              type: "text",
+              "onUpdate:modelValue": e[19] || (e[19] = (g) => i.snowflakeUsername = g),
+              placeholder: "Username",
+              class: "bq-project-input",
+              onInput: e[20] || (e[20] = (...g) => i.debouncedUpdateSnowflakeUsername && i.debouncedUpdateSnowflakeUsername(...g))
+            }, null, 544), [
+              [G, i.snowflakeUsername]
+            ])
+          ])
+        ])) : o.item.type === "toggle-save-credential" ? (r(), l("div", {
+          key: 11,
+          class: "md-token-container",
+          onClick: e[23] || (e[23] = A(() => {
+          }, ["stop"]))
+        }, [
+          s("label", jt, [
+            s("input", {
+              type: "checkbox",
+              checked: o.item.connection.saveCredential,
+              onChange: e[22] || (e[22] = (g) => i.toggleSaveCredential(o.item.connection))
+            }, null, 40, Kt),
+            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),
+          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"]))
+          }, [...e[37] || (e[37] = [
+            s("i", { class: "mdi mdi-refresh" }, null, -1)
+          ])])) : I("", !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"]))
+          }, [...e[38] || (e[38] = [
+            s("i", { class: "mdi mdi-refresh" }, null, -1)
+          ])])) : I("", !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"]))
+          }, [...e[39] || (e[39] = [
+            s("i", { class: "mdi mdi-refresh" }, null, -1)
+          ])])) : I("", !0)
+        ], 2))
+      ]),
+      "extra-content": q(() => [
+        o.item.type === "table" ? (r(), l("div", Vt, [
+          x(h, {
+            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, [
+          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, {
+            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, {
+            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, {
+            class: "tacticle-button hover-icon",
+            connection: o.item.connection,
+            "is-connected": o.item.connection.connected
+          }, null, 8, ["connection", "is-connected"]),
+          x(b, {
+            class: "tacticle-button hover-icon",
+            content: "Delete Connection",
+            position: "left"
+          }, {
+            default: q(() => [
+              s("span", {
+                class: "remove-btn",
+                onClick: e[28] || (e[28] = A((g) => i.deleteConnection(o.item.connection), ["stop"]))
+              }, [...e[40] || (e[40] = [
+                s("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
+              ])])
+            ]),
+            _: 1
+          }),
+          x(m, {
+            connection: o.item.connection
+          }, null, 8, ["connection"])
+        ])) : I("", !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 = {
+  name: "ConnectionList",
+  props: {
+    activeConnectionKey: {
+      type: String,
+      default: "",
+      optional: !0
+    },
+    testTag: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      showDeleteConfirmationState: !1,
+      connectionToDelete: ""
+    };
+  },
+  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)
+      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) => {
+      u.saveCredential = !u.saveCredential, o.resetConnection(u.name);
+    }, L = () => {
+      e("toggle-mobile-menu");
+    }, T = C({}), V = async (u, S, B) => {
+      var ee, Z, te, oe;
+      try {
+        if (w.value[u] = !0, (ee = o.connections[S]) != null && ee.connected || await o.resetConnection(S), B === "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;
+          }
+        }
+        if (B === "database") {
+          console.log("getting schemas");
+          let O = u.split(N)[1];
+          await o.connections[S].refreshDatabase(O);
+        }
+        if (B === "schema") {
+          let O = u.split(N)[1], W = u.split(N)[2];
+          await o.connections[S].refreshSchema(O, W);
+        }
+        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 (re) {
+            let H = await o.connections[S].getColumns(
+              O,
+              W,
+              se
+            );
+            re.columns = H;
+          }
+        }
+        delete h.value[u];
+      } catch (O) {
+        console.error(O), O instanceof Error ? h.value[u] = O.message : h.value[u] = "An error occurred";
+      }
+      delete w.value[u];
+    }, J = async (u, S, B) => {
+      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));
+          if (ye && ye.columns.length === 0) {
+            await V(u, S, B);
+            return;
+          }
+        }
+      } else T.value[u] === void 0 ? T.value[u] = !1 : T.value[u] = !T.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;
+          }
+        });
+      });
+    });
+    const K = $(() => He(
+      Object.values(o.connections),
+      T.value,
+      w.value,
+      h.value
+    )), y = $(() => We(K.value, E.value));
+    return {
+      connectionStore: o,
+      editorStore: p,
+      contentList: K,
+      filteredContentList: y,
+      toggleCollapse: Q,
+      handleItemClick: J,
+      toggleMobileMenu: L,
+      collapsed: T,
+      saveConnections: i,
+      modelStore: c,
+      connectionModelVisible: d,
+      updateMotherDuckToken: m,
+      updateSnowflakePrivateKey: F,
+      updateSnowflakeAccount: g,
+      updateSnowflakeUsername: le,
+      toggleSaveCredential: v,
+      updateBigqueryProject: f,
+      updateBigqueryBrowsingProject: k,
+      refreshId: V,
+      rightSplit: (u) => {
+        const S = u.lastIndexOf(N);
+        return S !== -1 ? u.substring(0, S) : u;
+      },
+      creatorVisible: P,
+      isMobile: a,
+      searchTerm: E,
+      clearSearch: b
+    };
+  },
+  components: {
+    SidebarList: Le,
+    ConnectionCreatorInline: rt,
+    LoadingButton: Se,
+    StatusIcon: Me,
+    Tooltip: Ee,
+    ConnectionListItem: Xt
+  },
+  methods: {
+    resetConnection(t) {
+      return this.connectionStore.resetConnection(t.name);
+    },
+    showDeleteConfirmation(t) {
+      this.connectionToDelete = t.name, this.showDeleteConfirmationState = !0;
+    },
+    cancelDelete() {
+      this.showDeleteConfirmationState = !1, this.connectionToDelete = "";
+    },
+    confirmDelete() {
+      if (this.connectionToDelete) {
+        for (const t of Object.values(this.editorStore.editors))
+          t.connection === this.connectionToDelete && t.delete();
+        this.connectionStore.deleteConnection(this.connectionToDelete);
+      }
+      this.showDeleteConfirmationState = !1, this.connectionToDelete = "";
+    },
+    // @ts-ignore
+    deleteConnection(t) {
+      this.showDeleteConfirmation(t);
+    }
+  },
+  computed: {
+    connections() {
+      return Object.values(this.connectionStore.connections);
+    },
+    modelList() {
+      return Object.keys(this.modelStore.models);
+    }
+  }
+}, Zt = { class: "button-container" }, $t = ["data-testid"], en = {
+  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" }, {
+    actions: q(() => [
+      s("div", Zt, [
+        s("button", {
+          onClick: e[0] || (e[0] = (h) => 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)
+      ]),
+      x(a, {
+        visible: i.creatorVisible,
+        onClose: e[1] || (e[1] = (h) => i.creatorVisible = !i.creatorVisible)
+      }, null, 8, ["visible"]),
+      s("div", tn, [
+        _(s("input", {
+          type: "text",
+          "onUpdate:modelValue": e[2] || (e[2] = (h) => i.searchTerm = h),
+          placeholder: "Search objects...",
+          class: "search-input",
+          "data-testid": o.testTag ? `connection-search-${o.testTag}` : "connection-search"
+        }, null, 8, nn), [
+          [G, i.searchTerm]
+        ]),
+        i.searchTerm ? (r(), l("button", {
+          key: 0,
+          onClick: e[3] || (e[3] = (...h) => i.clearSearch && i.clearSearch(...h)),
+          class: "clear-search-btn",
+          "data-testid": o.testTag ? `connection-search-clear-${o.testTag}` : "connection-search-clear"
+        }, " ✕ ", 8, on)) : I("", !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,
+        isMobile: i.isMobile,
+        testTag: o.testTag,
+        onToggle: i.toggleCollapse,
+        onClick: i.handleItemClick,
+        onRefresh: i.refreshId,
+        onUpdateMotherduckToken: i.updateMotherDuckToken,
+        onUpdateBigqueryProject: i.updateBigqueryProject,
+        onUpdateBigqueryBrowsingProject: i.updateBigqueryBrowsingProject,
+        onUpdateSnowflakePrivateKey: i.updateSnowflakePrivateKey,
+        onUpdateSnowflakeAccount: i.updateSnowflakeAccount,
+        onUpdateSnowflakeUsername: i.updateSnowflakeUsername,
+        onToggleSaveCredential: i.toggleSaveCredential,
+        onToggleMobileMenu: i.toggleMobileMenu,
+        "delete-connection": p.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"]))
+      }, [
+        s("div", an, [
+          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("button", {
+              class: "cancel-btn",
+              onClick: e[4] || (e[4] = (...h) => p.cancelDelete && p.cancelDelete(...h))
+            }, "Cancel"),
+            s("button", {
+              class: "confirm-btn",
+              onClick: e[5] || (e[5] = (...h) => p.confirmDelete && p.confirmDelete(...h))
+            }, "Delete")
+          ])
+        ])
+      ])) : I("", !0)
+    ]),
+    _: 1
+  });
+}
+const To = /* @__PURE__ */ X(Jt, [["render", rn], ["__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");
+    this.title = e, this.content = o, this.type = i, this.data = c || {};
+  }
+}
+class M {
+  constructor(e, o, i = void 0) {
+    ne(this, "title");
+    ne(this, "paragraphs");
+    ne(this, "displayName");
+    this.title = e, this.paragraphs = o, this.displayName = i;
+  }
+}
+class Ce {
+  constructor(e, o) {
+    ne(this, "title");
+    ne(this, "articles");
+    this.title = e, this.articles = o;
+  }
+}
+const ln = new M(
+  "Dashboards",
+  [
+    new n(
+      "Purpose",
+      "Trilogy is designed as a data consumption language, and one of the fastest ways to expore data is through visualization. The dashboarding system in Trilogy Studio is designed to be streamlined but powerful. The semantic model means that default selections can be tailored and rich."
+    ),
+    new n(
+      "Purpose",
+      "It aspires to be good out of the box, with progressive disclosure of capability. It is designed to be extensible and feature requests are welcome."
+    ),
+    new n(
+      "Purpose",
+      "We`ll use the demo model you set up in the first tutorial. If you haven`t done that yet, go back and run through the imports. Make sure you have a model and connection read to go below."
+    ),
+    new n("ModelList", "", "model-validator"),
+    new n("ConnectionList", "", "connection-validator"),
+    new n(
+      "Purpose",
+      "Now that you have a connection and model set up, lets get charting! Dashboards are accessed through the dashboard icon the left nav, but we'll drop one in right below. The demo model comes with a default example. "
+    ),
+    new n(
+      "Purpose",
+      `Dashboards are SQL centric - so mostly, you'll just be writing queries. The one special thing on a dashboard is the global where clause. The filter bar at the top defines this; it will be concatenated to the where clause of every query on the dashboard. This is a great way to filter all of your charts at once.
+  You can also cross-filter by clicking on any element in the chart. This will be automatically enabled; you can toggle off cross-filtering behavior on a per-chart basis on the header. (Make it only filter otherse, or not filterable at all.)`
+    ),
+    new n(
+      "Purpose",
+      "In the below dashboard, try the following: <br>-Click on a manufacturer to filter other views. <br>-Go to edit mode and update the markdown on the top. <br>-Add a new chart. <br>-Change the horizontal bar chart to a vertical."
+    ),
+    new n("Purpose", "", "dashboard"),
+    new n(
+      "Purpose",
+      "When starting a new dashboard, you can either create a blank one or use a template. The templates are designed to be a good starting point for common use cases. You can also import dashboards from other users. Some of the public models will come with default dashboards."
+    ),
+    new n(
+      "Purpose",
+      "Each chart can have their own query, so it's easy to define metrics in place. For dimensions, it's best to define them in the model so that automatic cross-filtering can be applied; if they are local to a chart, they cannot be applied to other views."
+    ),
+    new n(
+      "Purpose",
+      "If you have an active LLM configured, the top search bar can be used for natural language filtering with the LLM - use ctrl+shift+enter."
+    ),
+    new n(
+      "Purpose",
+      "You can only crossfilter if fields exist on all charts. It's best to define anything you want to filter on in the base dashboard file, and avoid aliasing base fields.",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      "To fix the formatting of fields, ensure they have the appropriate types and traits in the model. For example, marking a year as a year type will make line charts eligible. See the model tutorial for more details. ",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      'For missing features [such as chart types] or other issues, please open an issue on the <a href="https://github.com/trilogy-data/trilogy-studio-core/issues" target="_blank">studio GitHub repo</a>.'
+    )
+  ],
+  "Dashboard Tutorial"
+), cn = new M(
+  "Model Tutorial",
+  [
+    new n(
+      "Purpose",
+      "The prior two tutorials cover how to query data and create dashboards. Both of those rely on the foundational concept of Trilogy - the model."
+    ),
+    new n(
+      "Purpose",
+      "A model is simply a collection of editors that have been marked as sources. Any source can be imported by name into another editor, or multiple times under different aliases. Composition of models is how more complex models are built."
+    ),
+    new n(
+      "Purpose",
+      "The core aspects of models are concepts and datasources. Concepts represent the abstract logical model of the data, while datasources represent physical instantiations of it."
+    ),
+    new n(
+      "Purpose",
+      "These are loosely coupled, meaning that you can evolve or change your underlying database schema and simply update the datasources to point to the new tables and column names. Critically, queries operate on concepts so do not need to change."
+    ),
+    new n(
+      "Purpose",
+      "Let's set one up. If you haven't already done the first tutorial, go back and create `my-first-editor` using that. We'll use that as a base."
+    ),
+    new n("Purpose", "", "editor-validator"),
+    new n("Tutorial Queries", "bsb", "tutorial-prompts", {
+      context: "model-tutorial",
+      editorId: "sql-basic-editor",
+      prompts: [
+        {
+          title: "Declaring a Constant",
+          description: "In the editor below, we will define pi and select it. A constant is the simplest possible concept; it does not require a datasource to resolve. Constants are useful for variables in scripts. Run and confirm you see 3.14.",
+          example: "const pi <- 3.14; select pi;",
+          hints: ["Don't forget the semicolon at the end!"],
+          validationFn: (t) => {
+            var e, o;
+            return ((o = (e = t.data) == null ? void 0 : e[0]) == null ? void 0 : o.pi) === 3.14;
+          }
+        },
+        {
+          title: "Typing",
+          description: "Trilogy has a core type system and a metadata based trait system. Let's try it. In the below definition, `list` and `string` are core types, while us_state_short is a `trait`. Any number of traits can modify a base type. Traits are metadata signals that can be used for typechecking of custom functions or by other systems; for example, here, if you click visualize, you will have a default state map as the studio can make intelligent default choices based on standard lib traits.",
+          example: `import std.geography; 
+auto states <- ['NY', 'CA', 'TX']::list<string::us_state_short>;
+
+select 
+    unnest(states) as state, 
+    random(state)*100 as rank 
+order by 
+    state asc;`,
+          hints: [
+            "Don't forget the import statement. Importing without a name puts all values in the base namespace.",
+            "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";
+          }
+        },
+        {
+          title: "Typing",
+          description: "In the last question, we imported from the standard library (under std) which is always available. Most of the time, you will be importing from your own model. Add an import from lineitem - the row level of orders in the demo model - and see if you can get the count of orders, aliased as order_count.",
+          example: `import lineitem;
+            ... your query here`,
+          hints: ["select count(order.id) as order_count;"],
+          validationFn: (t) => {
+            var e, o, i;
+            return ((e = t.data) == null ? void 0 : e.length) === 1 && ((i = (o = t.data) == null ? void 0 : o[0]) == null ? void 0 : i.order_count) === 3e4;
+          }
+        },
+        {
+          title: "Typing",
+          description: "Now, let's try a datasouce. Datasources bind concepts to physical resources. We can extend our demo model by adding a new concept defining our HQ locations, and a mapping to regions. Then write a query to fetch total sales by headquarters.",
+          example: `import lineitem;
+
+
+property order.customer.nation.region.id.headquarters string;
+
+datasource region_headquarters (
+    region_id: ?order.customer.nation.region.id,
+    headquarters: order.customer.nation.region.headquarters,)
+grain (order.customer.nation.region.id)
+query '''
+select 1 as region_id, 'HQ1' as headquarters
+union all
+select 2 as region_id, 'HQ2' as headquarters
+union all
+select 3 as region_id, 'HQ3' as headquarters
+union all
+select 4 as region_id, 'HQ4' as headquarters
+''';
+`,
+          hints: [
+            `select 
+    order.customer.nation.region.headquarters,
+    total_revenue
+order by total_revenue desc;`
+          ],
+          validationFn: (t) => {
+            var e;
+            return ((e = t.data) == null ? void 0 : e.some(
+              (o) => o.order_customer_nation_region_headquarters === "HQ4" && Math.round(o.total_revenue) === 72212597826928
+            )) ?? !1;
+          }
+        }
+        // More prompts...
+      ]
+    }),
+    new n("Purpose", "Review the standard library doc for always available traits.", "tip"),
+    new n(
+      "Purpose",
+      `We've defined all the key parts of a model - a key, some properties, and a datasource to fetch. In a real database, you'll usually be working off an actual table. Let's try that out. Follow these steps:
+      <ul>
+      <li>1. Create a new duckdb connection called 'iris-data' using the connection list below.</li>
+      <li>2. Copy the SQL command to create the table.</li>
+      <li>3. Click the black doc icon to create a new SQL editor. This will take you to the editor!</li>
+      <li>4. Paste in the code and run it.</li>
+      <li>5. Click 'set editor as startup script' in the top right.</li>
+      <li>6. Come back into this tutorial tab.</li>
+      </ul>
+     `
+    ),
+    new n(
+      "Purpose",
+      "It's important to not miss step 5 - that way every time you connect, the table will be automatically populated!.",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      "DuckDB WASM CSV import of this file don't appear to work properly on Firefox or Safari as of early 2025. On those browsers, consider download the csv directly and importing it into duckdb using the drag box rather than using the read_csv SQL below.",
+      "warning"
+    ),
+    new n(
+      "Purpose",
+      "CREATE OR REPLACE TABLE iris_data AS select *, row_number() over () as pk FROM read_csv('https://raw.githubusercontent.com/mwaskom/seaborn-data/master/iris.csv');",
+      "code"
+    ),
+    new n("Purpose", "", "connections"),
+    new n(
+      "Purpose",
+      `Now we're ready to create a new model. The steps below will again take you out of this tutorial, but you can always come back here by clicking the 'documentation' icon on the left.
+      <ul>
+      <li>1. Click on the connection you have, and expand the memory database.</li>
+      <li>2. Hit refresh if needed. On the row with the iris table, click the database icon to generate a new raw datasource file.</li>
+      <li>3. In the open file, change pk to be a "key" instead of "property" and replace the placeholder tags with pk. (example: property pk.species string;)</li>
+      <li>4. In the open file, add a grain clause below the field mapping - grain(pk)</li>
+      <li>5. Click the 'set as source' in top right to make this importable by other files.</li>
+      <li>6. Rename the file to 'iris'.</li>
+      </ul>
+     `
+    ),
+    new n(
+      "Purpose",
+      `The grain clause defines the primary key of your datasource. In this case, we've added a surrogate key called pk. Grains are used to understand when information needs to be grouped, and by what. The property tag is used similarly. A datasource can have no grain, in which case it is a heap and most operations on it will require an extra group to deduplicate.
+     `,
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      `
+key pk int; # surrogate primary key for the dataset
+property pk.sepal_length float;
+property pk.sepal_width float;
+property pk.petal_length float;
+property pk.petal_width float;
+property pk.species string;
+
+datasource iris_data (
+	sepal_length:sepal_length,
+	sepal_width:sepal_width,
+	petal_length:petal_length,
+	petal_width:petal_width,
+	species:species,
+	pk:pk,
+)
+grain (pk)
+address iris_data;
+     `,
+      "code"
+    ),
+    new n(
+      "Purpose",
+      `Make sure your file looks like the above. Now create a new trilogy editor by clicking the orange document icon by your connection. Copy the below code and run it! 
+     `
+    ),
+    new n(
+      "Purpose",
+      `import iris;
+select
+	species,
+	avg(petal_length) as avg_petal_length,
+	avg(petal_width) as avg_petal_width
+;
+     `,
+      "code"
+    ),
+    new n(
+      "Purpose",
+      `If you get any errors, double check names and that you have set the iris file as a source. If you get a "no such table" error, make sure you have run the startup script to create the table. 
+     `,
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      `Make sure your file looks like the above. Now create a new trilogy editor by clicking the orange document icon by your connection. Copy the below code and run it! 
+     `
+    ),
+    new n(
+      "Further Reading",
+      `Go to the model page under the trilogy reference section.
+     `
+    )
+  ],
+  "Model Tutorial"
+), un = new M(
+  "Welcome",
+  [
+    new n(
+      "Purpose",
+      "Trilogy is a semantic-powered SQL - familiar SQL syntax that operates on a typed semantic layer, instead of tables. It should feel like SQL, but faster and more expressive. You can read more about the language in the Trilogy reference section."
+    ),
+    new n(
+      "Purpose",
+      "Trilogy Studio is intended as an accessible demonstration of core language features, which would otherwise have a high barrier to experimentation. It is open source and feature requests and contributions are welcome."
+    ),
+    new n(
+      "Purpose",
+      "In the rest of this tutorial, we will walk you through a demo-model - based on the TPC-H dataset - to get started. This will give you a feel for how Trilogy works and how you can use it to query data."
+    ),
+    new n(
+      "Purpose",
+      'A "model" is a collection of associated Trilogy files that define a specific semantic layer. Models can be imported and exported, and are the primary way to share and reuse Trilogy code. In Trilogy Studio, a model will always be associated with a connection, representing a database backend. You can assign the same model to multiple connections for reuse. ',
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      `Trilogy Studio has a built in model "store", containing a set of public models hosted on github. The demo model is one of those options. Let's get started! Search below for the demo-model, and click the import button to add it. You want to import it to a duckdb connection. Select new duckdb connection and name it demo-connection.`
+    ),
+    new n("Purpose", "<PLACEHOLDER>", "community-models"),
+    new n("ModelList", "", "model-validator"),
+    new n(
+      "Purpose",
+      "Now that you have the model imported and associated with a connection, we just need to click the plug icon to connect to it."
+    ),
+    new n(
+      "Purpose",
+      'If you had set up the connection first, you could click the connection name to toggle details, and click the model dropdown and select the "demo-model".',
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      "You can also run normal SQL against a connection, using a 'sql' typed editor. This is a good way to debug or test queries that you are not sure how to write in Trilogy, or to manage databases.",
+      "tip"
+    ),
+    new n("ConnectionList", "", "connections"),
+    new n("ConnectionList", "", "connection-validator"),
+    new n(
+      "Purpose",
+      "When the above indicator is green, you are good to move on! Note that normally, you will manage connections through the connection panel available on the sidebar - this component is just embedded here as well for the tutorial.",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      'Now that you have a connection and model set up, you can start querying in an editor. Editors are grouped by their storage, then by connection. `Local` represents local storage in your browser. [Other storage, like Github, will be available in the future] Your imported model will have populated some default editors, but lets start with a new one. Click the new button and create a Trilogy editor named "my-first-editor" associated with the demo connection.'
+    ),
+    new n("Purpose", "", "editors"),
+    new n("Purpose", "", "editor-validator"),
+    new n(
+      "Purpose",
+      "When the above indicator is green, you are good to move on! Note again that normally editors are managed through the sidebar. You will also see that some editors are marked as sources - these are importable by other editors on the model. As these often are metadata only, you can use the toggle at the top to hide these if desired. Any editor can be made a source by toggling a button in the editor.",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      "Editors are your interactive SQL experience. They let you write Trilogy, validate it, run it, and look at the results. Running (ctrl-enter) will either execute the full editor or the highlighted chunk of code (with any imports). In the below tutorial editor, we'll run through a few queries and validate your results."
+    ),
+    new n("Tutorial Queries", "bsb", "tutorial-prompts", {
+      context: "sql-tutorial",
+      editorId: "sql-basic-editor",
+      prompts: [
+        {
+          title: "Hello World",
+          description: `Just like SQL, you can select constant values without any sources. Let's try saying hello world. You have two options; define it in a select directly, or define a constant and then select it. Before running, click the "validate" button to check your syntax - if its correct, you'll see your extract concept visible on the right. Note that when you define the concept first, you are able to add a description via the comment.`,
+          example: `select 'Hello World' as greeting;
+const greeting <- 'Hello World'; # A friendly greeting
+select greeting;`,
+          hints: ["Don't forget the closing semicolon or as!", "Select 'Hello World' as greeting;"],
+          validationFn: (t) => {
+            var e, o, i;
+            return ((i = (o = (e = t.data) == null ? void 0 : e[0]) == null ? void 0 : o.greeting) == null ? void 0 : i.toLowerCase()) === "hello world";
+          }
+        },
+        {
+          title: "Multiple Rows",
+          description: "Now, let's try a few different rows. We can unnest an array constant - this is a handy way to get test data.",
+          example: "SELECT unnest([1,2,3,4]) as constant order by constant asc;",
+          hints: ["Don't forget the semicolon at the end!"],
+          validationFn: (t) => {
+            var e, o, i, c;
+            return ((o = (e = t.data) == null ? void 0 : e[0]) == null ? void 0 : o.constant) == 1 && ((c = (i = t.data) == null ? void 0 : i[3]) == null ? void 0 : c.constant) === 4;
+          }
+        },
+        {
+          title: "Typing",
+          description: "But let's get to the good stuff. Other tutorials will cover syntax in more depth, but let's import a model and see what we can do. The demo model has an available called lineitem, which is the row level of orders. Let's pull it in and aggregate our sales by nation.",
+          example: `import lineitem as lineitem;
+SELECT
+    sum(lineitem.extended_price)->sales,
+    lineitem.supplier.nation.name,
+order by
+    sales desc;`,
+          hints: [],
+          validationFn: (t) => {
+            var e, o, i, c;
+            return ((o = (e = t.data) == null ? void 0 : e[0]) == null ? void 0 : o.lineitem_supplier_nation_name) === "CHINA" || ((c = (i = t.data) == null ? void 0 : i[0]) == null ? void 0 : c.lineitem_supplier_nation_name) === "UNITED STATES";
+          }
+        }
+      ]
+    }),
+    new n(
+      "Purpose",
+      "Thats the basics! You know how to run queries in an editor, how to import a model, and how to connect to a datasource.",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      "For the last query, could you figure out how to visualize the data? Editors support inline visualization for rapid introspection; to create more complicated visuals, check out the dashboarding tutorial up next.",
+      "tip"
+    ),
+    new n(
+      "Purpose",
+      "Feel free to explore from here. A good place to start is clicking on the editors icon in the left nav and exploring the pre-populated demo editors, which show more functionality. Alternatively, poke more around the docs!"
+    )
+  ],
+  "Welcome and Query Tutorial"
+), dn = new M("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."
+  ),
+  new n(
+    "Connections",
+    "Gemini has had some of the best results, but any lightweight fast model works well to build scaffolding quickly. You will need to QA answers.",
+    "tip"
+  ),
+  new n(
+    "Connections",
+    "Core LLM use cases are -query generation from natural language, dashboard generation from natural language, dashboard filtering with natural language, Feature requests welcome! To add an LLM, you will need an appropriate API key. Currently, we support OpenAI, Anthropic, and Google, but adding more is straightforward."
+  ),
+  new n(
+    "Connections",
+    "To improve LLM performance, the first place to start is your model, as concept definitions are provided as primary context. Adding more specific concepts and - especially - descriptions to fields will help the model understand better. For complex calculations, consider pre-defining them so they can be easily selected by the model."
+  ),
+  new n(
+    "Connections",
+    "Make sure to update the model to your favorite! Do this by selecting one from the dropdown and explicitly clicking update model - after first setting up an LLM. We don't know what models are available until you first connect.",
+    "tip"
+  ),
+  new n(
+    "Managing Connections",
+    "You can view current LLM connections below. Only one LLM connection can be the default at a time. You can set a default by clicking the star icon. The default LLM will be used for all LLM functionality. Try setting one up, confirm you can connect, select an appropriate model, and save. Then head to an editor or a dashboard to try it out!"
+  ),
+  new n("LLMList", "", "llm-connections"),
+  new n("LLMList", "The LLM experience is not tested on mobile.", "warning"),
+  new n("Purpose", "", "editor-validator"),
+  new n(
+    "Tutorial Queries",
+    "There should be an edito here! Make sure you've completed the first tutorial!",
+    "tutorial-prompts",
+    {
+      context: "sql-tutorial",
+      editorId: "sql-basic-editor",
+      prompts: [
+        {
+          title: "Try it out!",
+          description: "Copy the below input, and hit generate [ctrl-shift-enter]. You can either refine the query or hit [ctrl-shift-enter] again to accept and run.",
+          example: `import std.geography; 
+auto state_source <- ['NY', 'CA', 'TX']::list<string::us_state_short>;
+auto state <- unnest(state_source);
+auto state.population <- random(state)*10000;
+  
+# what states have the most people?`,
+          hints: [
+            "Don't forget the import statement. Importing without a name puts all values in the base namespace.",
+            "Make sure the state output is named state and you've ordered properly."
+          ],
+          validationFn: (t) => t.data != null
+        },
+        {
+          title: "Typing",
+          description: "LLMs will have access to all imports and the selected context at submission time. If you define new context in the editor, make sure it's selected and syntactically valid. Copy in the below and click the generate button without any selection; if you try with just the comment selected the LLM will not be aware of the new concept you defined.",
+          example: `import lineitem;
+
+  property order.customer.nation.region.id.headquarters string;
+  
+  datasource region_headquarters (
+      region_id: ?order.customer.nation.region.id,
+      headquarters: order.customer.nation.region.headquarters,)
+  grain (order.customer.nation.region.id)
+  query '''
+  select 0 as region_id, 'HQ0' as headquarters
+  union all
+  select 1 as region_id, 'HQ1' as headquarters
+  union all
+  select 2 as region_id, 'HQ2' as headquarters
+  union all
+  select 3 as region_id, 'HQ3' as headquarters
+  union all
+  select 4 as region_id, 'HQ4' as headquarters
+  ''';
+
+  # what is the total revenue for each headquarter?
+  `,
+          hints: [
+            `select 
+      order.customer.nation.region.headquarters,
+      total_revenue
+  order by total_revenue desc;`
+          ],
+          validationFn: (t) => {
+            var e;
+            return ((e = t.data) == null ? void 0 : e.some(
+              (o) => o.order_customer_nation_region_headquarters === "HQ4" && Math.round(o.total_revenue) === 451328736
+            )) ?? !1;
+          }
+        }
+        // More prompts...
+      ]
+    }
+  ),
+  new n(
+    "Connections",
+    "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", [
+  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."
+  ),
+  new n(
+    "Function Usage & Concepts",
+    `Each function definition includes its input requirements and output characteristics. Key information includes:
+        <ul>
+            <li><b>Input Types:</b> The allowed data types for each argument.</li>
+            <li><b>Output Type:</b> The data type of the value returned by the function.</li>
+            <li><b>Output Purpose:</b> Describes the conceptual role of the output.
+                <ul>
+                    <li><b>PROPERTY:</b> Represents an attribute derived from existing data, typically associated with the grain of the input(s). Example: <code>UPPER(name)</code>.</li>
+                    <li><b>METRIC:</b> Represents a calculated value that summarizes data across rows, respecting the query's grouping. Example: <code>SUM(revenue)</code>.</li>
+                    <li><b>KEY:</b> Represents an identifier or a dimension used for joining or grouping, often changing the grain of the data. Example: <code>UNNEST(tags)</code>.</li>
+                    <li><b>CONSTANT:</b> Represents a fixed value, independent of the input data rows. Example: <code>CURRENT_DATE()</code>.</li>
+                </ul>
+            </li>
+        </ul>`
+  ),
+  // AGGREGATE FUNCTIONS
+  new n(
+    "Aggregate Functions",
+    "Aggregate functions perform calculations across a set of input rows and return a single summary value for each group."
+  ),
+  new n(
+    "SUM",
+    "Computes the sum of non-null numeric values within each group. Returns NULL if the group is empty or contains only NULL values.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER", "FLOAT", "NUMBER", "NUMERIC"],
+        outputType: "Same as input (or promoted numeric type)",
+        outputPurpose: "METRIC",
+        example: "SELECT SUM(order_total) AS total_revenue BY customer_id;"
+      }
+    }
+  ),
+  new n(
+    "COUNT",
+    "Counts the number of non-null input rows within each group. Takes a single argument of any type.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any"],
+        outputType: "INTEGER",
+        outputPurpose: "METRIC",
+        example: "SELECT COUNT(order_id) AS num_orders BY product_category;"
+      }
+    }
+  ),
+  new n(
+    "COUNT_DISTINCT",
+    "Counts the number of distinct non-null input values within each group. Takes a single argument of any type.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any"],
+        outputType: "INTEGER",
+        outputPurpose: "METRIC",
+        example: "SELECT COUNT_DISTINCT(customer_id) AS unique_customers BY month;"
+      }
+    }
+  ),
+  new n(
+    "MAX",
+    "Returns the maximum non-null value across all input rows within each group. Comparison follows standard data type rules.",
+    "function",
+    {
+      function: {
+        inputTypes: [
+          "INTEGER",
+          "FLOAT",
+          "NUMBER",
+          "DATE",
+          "DATETIME",
+          "TIMESTAMP",
+          "BOOL",
+          "STRING"
+        ],
+        // Added STRING based on common SQL
+        outputType: "Same as input type",
+        outputPurpose: "METRIC",
+        example: "SELECT MAX(order_date) AS latest_order_date BY customer_id;"
+      }
+    }
+  ),
+  new n(
+    "MIN",
+    "Returns the minimum non-null value across all input rows within each group. Comparison follows standard data type rules.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER", "FLOAT", "NUMBER", "DATE", "DATETIME", "TIMESTAMP", "STRING"],
+        // Added STRING based on common SQL, removed BOOL
+        outputType: "Same as input type",
+        outputPurpose: "METRIC",
+        example: "SELECT MIN(order_date) AS first_order_date BY customer_id;"
+      }
+    }
+  ),
+  new n(
+    "AVG",
+    "Computes the average (arithmetic mean) of non-null numeric values within each group. Returns NULL if the group is empty or contains only NULL values. The result is typically a FLOAT or NUMBER.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER", "FLOAT", "NUMBER", "NUMERIC"],
+        outputType: "FLOAT or NUMBER",
+        // AVG often results in non-integer types
+        outputPurpose: "METRIC",
+        example: "SELECT AVG(product_price) AS avg_price BY category;"
+      }
+    }
+  ),
+  // DATE/TIME FUNCTIONS
+  new n(
+    "Date/Time Functions",
+    "Functions for manipulating and extracting information from date and time values."
+  ),
+  new n(
+    "CURRENT_DATE",
+    "Returns the current date when the query begins execution. This value remains constant throughout the query.",
+    "function",
+    {
+      function: {
+        inputTypes: [],
+        outputType: "DATE",
+        outputPurpose: "CONSTANT",
+        example: "SELECT order_id WHERE order_date = CURRENT_DATE();"
+      }
+    }
+  ),
+  new n(
+    "CURRENT_DATETIME",
+    "Returns the current date and time (timestamp) when the query begins execution. This value remains constant throughout the query.",
+    "function",
+    {
+      function: {
+        inputTypes: [],
+        // Assuming Python `DataType.DATE` was a typo and should be DATETIME/TIMESTAMP
+        outputType: "DATETIME",
+        outputPurpose: "CONSTANT",
+        example: "SELECT event_id, CURRENT_DATETIME() AS processing_time;"
+      }
+    }
+  ),
+  new n(
+    "DATE",
+    "Extracts the date part from a timestamp, datetime, or string, or casts a value to the DATE type. If the input is already a DATE, it is returned unchanged.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: "DATE",
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATE(user_signup_timestamp) AS signup_date;"
+      }
+    }
+  ),
+  new n(
+    "DATETIME",
+    "Casts the input value (date, timestamp, or string) to the DATETIME type.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: "DATETIME",
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATETIME(event_date) AS event_datetime;"
+      }
+    }
+  ),
+  new n(
+    "TIMESTAMP",
+    "Casts the input value (date, datetime, or string) to the TIMESTAMP type.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: "TIMESTAMP",
+        outputPurpose: "PROPERTY",
+        example: "SELECT TIMESTAMP(log_entry_string) AS log_timestamp;"
+      }
+    }
+  ),
+  new n(
+    "DATE_TRUNCATE",
+    "Truncates a date/time value to the specified precision ('year', 'month', 'day', etc.). Returns a value of the same type as the input (or DATE if truncating to day or higher from a timestamp/datetime).",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE/TIMESTAMP/DATETIME/STRING", "DATE_PART"],
+        outputType: "Same as input type (usually DATE or DATETIME/TIMESTAMP)",
+        // Reflects get_date_trunc_output logic
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATE_TRUNCATE(created_at, month) AS creation_month;"
+      }
+    }
+  ),
+  new n(
+    "DATE_PART",
+    "Extracts a specific subfield (e.g., 'year', 'month', 'day', 'hour', 'dow' for day of week) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE/TIMESTAMP/DATETIME/STRING", "DATE_PART"],
+        outputType: "INTEGER (with potential trait)",
+        // Reflects get_date_part_output
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATE_PART(order_timestamp, hour) AS hour_of_order;"
+      }
+    }
+  ),
+  new n(
+    "DATE_ADD",
+    "Adds a specified integer interval to a date/time value. The unit of the interval is specified by the date part argument (e.g., day, month, year).",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE/TIMESTAMP/DATETIME/STRING", "DATE_PART", "INTEGER"],
+        // Output type might depend on input, Python says DATE, could be DATETIME/TIMESTAMP too
+        outputType: "Same as first input type (usually DATE or DATETIME/TIMESTAMP)",
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATE_ADD(start_date, day, 14) AS end_date;"
+      }
+    }
+  ),
+  new n(
+    "DATE_SUB",
+    "Subtracts a specified integer interval from a date/time value. The unit of the interval is specified by the date part argument.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE/TIMESTAMP/DATETIME/STRING", "DATE_PART", "INTEGER"],
+        // Output type might depend on input, Python says DATE, could be DATETIME/TIMESTAMP too
+        outputType: "Same as first input type (usually DATE or DATETIME/TIMESTAMP)",
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATE_SUB(event_timestamp, hour, 3) AS reminder_time;"
+      }
+    }
+  ),
+  new n(
+    "DATE_DIFF",
+    "Calculates the integer difference between two date/time values, expressed in the units specified by the date part argument.",
+    "function",
+    {
+      function: {
+        inputTypes: [
+          "DATE/TIMESTAMP/DATETIME/STRING",
+          "DATE/TIMESTAMP/DATETIME/STRING",
+          "DATE_PART"
+        ],
+        outputType: "INTEGER",
+        outputPurpose: "PROPERTY",
+        example: "SELECT DATE_DIFF(end_date, start_date, day) AS duration_days;"
+      }
+    }
+  ),
+  new n(
+    "UNIX_TO_TIMESTAMP",
+    "Converts an integer Unix epoch timestamp (seconds since 1970-01-01 00:00:00 UTC) to a TIMESTAMP value.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER"],
+        outputType: "TIMESTAMP",
+        outputPurpose: "PROPERTY",
+        example: "SELECT UNIX_TO_TIMESTAMP(log_time_seconds) AS event_time;"
+      }
+    }
+  ),
+  new n(
+    "SECOND",
+    "Extracts the second component (0-59) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "second" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT SECOND(event_time) AS event_second;"
+      }
+    }
+  ),
+  new n(
+    "MINUTE",
+    "Extracts the minute component (0-59) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "minute" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT MINUTE(event_time) AS event_minute;"
+      }
+    }
+  ),
+  new n(
+    "HOUR",
+    "Extracts the hour component (0-23) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "hour" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT HOUR(event_time) AS event_hour;"
+      }
+    }
+  ),
+  new n(
+    "DAY",
+    "Extracts the day of the month component (1-31) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "day" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT DAY(event_date) AS event_day_of_month;"
+      }
+    }
+  ),
+  new n(
+    "WEEK",
+    "Extracts the ISO week number (1-53) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "week" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT WEEK(order_date) AS order_week_iso;"
+      }
+    }
+  ),
+  new n(
+    "MONTH",
+    "Extracts the month component (1-12) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "month" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT MONTH(signup_date) AS signup_month;"
+      }
+    }
+  ),
+  new n(
+    "QUARTER",
+    "Extracts the quarter component (1-4) from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "quarter" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT QUARTER(fiscal_date) AS fiscal_quarter;"
+      }
+    }
+  ),
+  new n(
+    "YEAR",
+    "Extracts the year component from a date/time value as an integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "year" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT YEAR(birth_date) AS birth_year;"
+      }
+    }
+  ),
+  new n(
+    "DAY_OF_WEEK",
+    "Extracts the day of the week as an integer (e.g., Sunday=0 or 1, Monday=1 or 2, depending on locale/implementation - typically Sunday=0).",
+    "function",
+    {
+      function: {
+        inputTypes: ["DATE", "TIMESTAMP", "DATETIME", "STRING"],
+        outputType: 'INTEGER with "day_of_week" trait',
+        outputPurpose: "PROPERTY",
+        example: "SELECT DAY_OF_WEEK(transaction_date) AS transaction_dow;"
+      }
+    }
+  ),
+  // STRING FUNCTIONS
+  new n("String Functions", "Functions for manipulating text strings."),
+  new n(
+    "SPLIT",
+    "Splits the first string argument into an array of strings, using the second string argument as the delimiter.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "STRING"],
+        outputType: "LIST<STRING>",
+        // Using LIST as per Python
+        outputPurpose: "PROPERTY",
+        example: 'SELECT SPLIT(product_tags, ";") AS tag_list;'
+      }
+    }
+  ),
+  new n(
+    "UPPER",
+    "Converts the input string to all uppercase letters according to locale rules.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING"],
+        outputType: "STRING",
+        outputPurpose: "PROPERTY",
+        example: "SELECT UPPER(country_code) AS normalized_country;"
+      }
+    }
+  ),
+  new n(
+    "LOWER",
+    "Converts the input string to all lowercase letters according to locale rules.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING"],
+        outputType: "STRING",
+        outputPurpose: "PROPERTY",
+        example: "SELECT LOWER(email_address) AS normalized_email;"
+      }
+    }
+  ),
+  new n(
+    "CONTAINS",
+    "Returns true if the first string contains the second string as a substring, false otherwise. Case-sensitive.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "STRING"],
+        outputType: "BOOL",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT description WHERE CONTAINS(description, "urgent");'
+      }
+    }
+  ),
+  new n(
+    "STRPOS",
+    "Returns the starting position (1-based index) of the first occurrence of the second string within the first string. Returns 0 if the substring is not found. Case-sensitive.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "STRING"],
+        outputType: "INTEGER",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT STRPOS(url, "?") AS query_start_pos;'
+      }
+    }
+  ),
+  new n(
+    "SUBSTRING",
+    "Extracts a substring from the first argument, starting at the 1-based index specified by the second argument, for a length specified by the third argument.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "INTEGER", "INTEGER"],
+        outputType: "STRING",
+        outputPurpose: "PROPERTY",
+        example: "SELECT SUBSTRING(phone_number, 2, 3) AS area_code; # Assuming format like +1XXX..."
+      }
+    }
+  ),
+  new n(
+    "CONCAT",
+    "Concatenates two or more string arguments together. NULL arguments are typically ignored or result in NULL depending on implementation.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "..."],
+        // Variable string args
+        outputType: "STRING",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT CONCAT(first_name, " ", last_name) AS full_name;'
+      }
+    }
+  ),
+  new n(
+    "LENGTH",
+    "Returns the length of a string (number of characters), the number of elements in an array/list, or the number of key-value pairs in a map.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "ARRAY", "MAP", "LIST"],
+        // Added LIST
+        outputType: "INTEGER",
+        outputPurpose: "PROPERTY",
+        example: "SELECT LENGTH(comment) AS comment_length;"
+      }
+    }
+  ),
+  new n(
+    "LIKE",
+    "Performs case-sensitive SQL LIKE pattern matching. Use '%' for any sequence of zero or more characters and '_' for any single character.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "STRING"],
+        outputType: "BOOL",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT product_name WHERE LIKE(product_name, "Model %");'
+      }
+    }
+  ),
+  new n(
+    "ILIKE",
+    "Performs case-insensitive SQL LIKE pattern matching (similar to Postgres ILIKE). Use '%' and '_' wildcards as with LIKE.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING", "STRING"],
+        outputType: "BOOL",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT email WHERE ILIKE(email, "%@example.com");'
+      }
+    }
+  ),
+  // NUMERIC FUNCTIONS
+  new n(
+    "Numeric Functions",
+    "Functions for performing mathematical operations on numbers."
+  ),
+  new n("ABS", "Computes the absolute value of a numeric argument.", "function", {
+    function: {
+      inputTypes: ["INTEGER", "FLOAT", "NUMBER"],
+      outputType: "Same as input type",
+      outputPurpose: "PROPERTY",
+      example: "SELECT ABS(price_change) AS abs_price_change;"
+    }
+  }),
+  new n(
+    "ROUND",
+    "Rounds the first numeric argument to the number of decimal places specified by the second integer argument. If the second argument is omitted or zero, rounds to the nearest integer.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER/FLOAT/NUMBER/NUMERIC", "INTEGER"],
+        outputType: "Same as first input type",
+        outputPurpose: "PROPERTY",
+        example: "SELECT ROUND(average_rating, 1) AS rounded_rating;"
+      }
+    }
+  ),
+  new n(
+    "SQRT",
+    "Calculates the square root of a non-negative numeric argument. The result is typically a FLOAT or NUMBER.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER", "FLOAT", "NUMBER", "NUMERIC"],
+        outputType: "FLOAT or NUMBER",
+        // Usually returns float/double
+        outputPurpose: "PROPERTY",
+        example: "SELECT SQRT(variance) AS standard_deviation;"
+      }
+    }
+  ),
+  new n(
+    "RANDOM",
+    "Returns a random floating-point value between 0.0 (inclusive) and 1.0 (exclusive) at the grain of the provided concept. If no concept is provided, all rows have the same value.",
+    "function",
+    {
+      function: {
+        inputTypes: ["ANY"],
+        outputType: "FLOAT",
+        outputPurpose: "PROPERTY",
+        // Often property, but can behave like constant per-row if not memoized
+        example: "SELECT order_id, RANDOM(order_id) AS random_sort_key ORDER BY random_sort_key;"
+      }
+    }
+  ),
+  new n(
+    "ADD",
+    "Performs arithmetic addition on two or more numeric arguments.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER/FLOAT/NUMBER/NUMERIC", "..."],
+        outputType: "Appropriate numeric type based on inputs",
+        outputPurpose: "PROPERTY",
+        example: "SELECT ADD(subtotal, tax, shipping_fee) AS grand_total;"
+      }
+    }
+  ),
+  new n(
+    "SUBTRACT",
+    "Performs arithmetic subtraction. If two arguments, subtracts the second from the first. If more, behavior might vary (e.g., subtract all subsequent from first).",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER/FLOAT/NUMBER/NUMERIC", "..."],
+        outputType: "Appropriate numeric type based on inputs",
+        outputPurpose: "PROPERTY",
+        example: "SELECT SUBTRACT(total_revenue, total_cost) AS profit;"
+      }
+    }
+  ),
+  new n(
+    "MULTIPLY",
+    "Performs arithmetic multiplication on two or more numeric arguments.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER/FLOAT/NUMBER/NUMERIC", "..."],
+        outputType: "Appropriate numeric type based on inputs",
+        outputPurpose: "PROPERTY",
+        example: "SELECT MULTIPLY(quantity, unit_price) AS line_item_total;"
+      }
+    }
+  ),
+  new n(
+    "DIVIDE",
+    "Performs arithmetic division. If two arguments, divides the first by the second. Division by zero typically results in an error or NULL/Infinity. Result type is often FLOAT or NUMBER.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER/FLOAT/NUMBER/NUMERIC", "..."],
+        outputType: "FLOAT or NUMBER (usually)",
+        outputPurpose: "PROPERTY",
+        example: "SELECT DIVIDE(total_sales, number_of_units) AS price_per_unit;"
+      }
+    }
+  ),
+  new n(
+    "MOD",
+    "Computes the modulo (remainder) of the first numeric argument divided by the second integer argument.",
+    "function",
+    {
+      function: {
+        inputTypes: ["INTEGER/FLOAT/NUMBER/NUMERIC", "INTEGER"],
+        outputType: "INTEGER",
+        // Remainder is typically integer
+        outputPurpose: "PROPERTY",
+        example: "SELECT user_id WHERE MOD(user_id, 2) = 0; # Even user IDs"
+      }
+    }
+  ),
+  // UTILITY FUNCTIONS
+  new n(
+    "Utility Functions",
+    "General-purpose functions for data manipulation, control flow, and type handling."
+  ),
+  new n(
+    "ALIAS",
+    "Assigns a new name (alias) to an expression or concept without changing its value, type, or purpose. Useful for clarity or renaming in SELECT clauses.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any"],
+        outputType: "Same as input",
+        outputPurpose: "Same as input",
+        example: "SELECT user.profile.first_name ALIAS fname;"
+      }
+    }
+  ),
+  new n(
+    "PARENTHETICAL",
+    "Used for explicit grouping of expressions, primarily to control the order of operations. Does not change the value, type, or purpose of the enclosed expression.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any"],
+        outputType: "Same as input",
+        outputPurpose: "Same as input",
+        example: "SELECT (price + tax) * quantity AS total;"
+      }
+    }
+  ),
+  new n(
+    "COALESCE",
+    "Returns the first non-null value from its list of arguments. All arguments must be of compatible types. Returns NULL if all arguments are NULL.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any (compatible types)", "..."],
+        outputType: "Same as input types (common compatible type)",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT COALESCE(nickname, first_name, "Valued Customer") AS display_name;'
+      }
+    }
+  ),
+  new n(
+    "CAST",
+    "Explicitly converts an expression to a target data type specified as the second argument (using a DataType enum value or potentially a string literal).",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any", "DataType"],
+        outputType: "Specified by second argument (DataType)",
+        outputPurpose: "PROPERTY",
+        example: "SELECT CAST(order_id_string AS INTEGER) AS order_id_num;"
+      }
+    }
+  ),
+  new n(
+    "IS_NULL",
+    "Returns true if the input argument is NULL, false otherwise.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any"],
+        outputType: "BOOL",
+        outputPurpose: "PROPERTY",
+        example: "SELECT order_id WHERE IS_NULL(shipping_address);"
+      }
+    }
+  ),
+  new n(
+    "BOOL",
+    "Attempts to convert the input argument to a boolean value. Behavior depends on the input type (e.g., 0 -> false, non-zero -> true; empty string -> false, non-empty -> true).",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any"],
+        // Usually numeric, string, potentially others
+        outputType: "BOOL",
+        outputPurpose: "PROPERTY",
+        example: "SELECT product_id, BOOL(is_active_flag) AS is_active;"
+      }
+    }
+  ),
+  new n(
+    "CASE",
+    "Evaluates a series of conditions and returns a result based on the first condition that evaluates to true. Syntax: `CASE WHEN condition1 THEN result1 [WHEN condition2 THEN result2 ...] [ELSE default_result] END`. All result expressions must have compatible types.",
+    "function",
+    {
+      function: {
+        inputTypes: ["BOOL", "Any", "..."],
+        // Alternating condition/result pairs, optional ELSE
+        outputType: "Common compatible type of result expressions",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT CASE WHEN score > 90 THEN "A" WHEN score > 80 THEN "B" ELSE "C" END AS grade;'
+      }
+    }
+  ),
+  new n(
+    "CONSTANT",
+    "Represents a literal value provided as an argument. The type and purpose are determined by the literal itself.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Literal (String, Number, Bool, etc.)"],
+        outputType: "Type of the literal",
+        outputPurpose: "CONSTANT",
+        example: 'SELECT "Default Category" AS category, product_id;'
+        // String literal implicitly uses CONSTANT
+      }
+    }
+  ),
+  new n(
+    "CUSTOM",
+    "Represents a user-defined or engine-specific function not built into the core Trilogy language. Input types, output type, and behavior depend on the specific custom function implementation.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Depends on custom function"],
+        outputType: "Depends on custom function",
+        outputPurpose: "Usually PROPERTY or METRIC",
+        example: "SELECT my_custom_scoring_function(user_data) AS score;"
+      }
+    }
+  ),
+  // COLLECTION FUNCTIONS
+  new n(
+    "Collection Functions",
+    "Functions for working with complex data types like arrays/lists, maps, and structs."
+  ),
+  new n(
+    "UNNEST",
+    "Expands an array or list into a set of rows, where each row contains one element from the array/list. This typically changes the grain of the query, hence the KEY purpose.",
+    "function",
+    {
+      function: {
+        inputTypes: ["ARRAY", "LIST"],
+        outputType: "Element type of the input collection",
+        outputPurpose: "KEY",
+        example: "SELECT order_id, UNNEST(product_ids) AS product_id;"
+      }
+    }
+  ),
+  new n(
+    "INDEX_ACCESS",
+    "Retrieves an element from an array or list using its zero-based integer index. Accessing an index outside the bounds may result in NULL or an error.",
+    "function",
+    {
+      function: {
+        inputTypes: ["ARRAY/LIST", "INTEGER"],
+        outputType: "Element type of the input collection",
+        outputPurpose: "PROPERTY",
+        example: "SELECT INDEX_ACCESS(sensor_readings, 0) AS first_reading;"
+      }
+    }
+  ),
+  new n(
+    "MAP_ACCESS",
+    "Retrieves the value associated with a specified key from a map. The key type must match the map's key type (usually STRING or INTEGER). Returns NULL if the key is not found.",
+    "function",
+    {
+      function: {
+        inputTypes: ["MAP", "INTEGER/STRING"],
+        // Key type
+        outputType: "Value type of the map",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT MAP_ACCESS(user_properties, "preferred_language") AS language;'
+      }
+    }
+  ),
+  new n(
+    "ATTR_ACCESS",
+    "Retrieves the value of a named field (attribute) from a struct. The second argument is the attribute name (string). Accessing a non-existent attribute may result in NULL or an error.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRUCT", "STRING"],
+        // Struct and attribute name
+        outputType: "Type of the accessed attribute",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT ATTR_ACCESS(address_struct, "zip_code") AS zip;'
+      }
+    }
+  ),
+  new n(
+    "STRUCT",
+    "Constructs a struct (similar to a record or object) dynamically from pairs of arguments: field name (string literal) followed by the field value.",
+    "function",
+    {
+      function: {
+        inputTypes: ["STRING (name)", "Any (value)", "..."],
+        // Alternating name/value pairs
+        outputType: "STRUCT with specified fields and types",
+        outputPurpose: "PROPERTY",
+        example: 'SELECT STRUCT("id", user_id, "email", user_email) AS user_info;'
+      }
+    }
+  ),
+  new n(
+    "ARRAY",
+    "Constructs an array containing the provided arguments. All arguments should ideally be of a compatible type; behavior/support depends on target DB. The output type depends on the input argument types.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any (compatible types)", "..."],
+        // Python says ListType(STRING), but usually it's based on args
+        outputType: "ARRAY of common compatible type of arguments",
+        outputPurpose: "PROPERTY",
+        example: "SELECT ARRAY(primary_color, secondary_color) AS palette;"
+      }
+    }
+  ),
+  // SET/RELATIONAL FUNCTIONS (Could be its own category)
+  new n("Set/Relational Functions", "Functions operating on sets or relations."),
+  new n(
+    "UNION",
+    "Combines the results of two or more compatible inputs (concepts or queries) into a single result set. Behaves like UNION ALL (does not remove duplicates). The inputs must have compatible data types.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any (compatible concepts/queries)", "..."],
+        outputType: "Depends on inputs (structure of the combined set)",
+        outputPurpose: "KEY",
+        // Usually produces a new set/relation
+        example: "SELECT * FROM UNION(active_customers, recently_lapsed_customers);"
+      }
+    }
+  ),
+  new n(
+    "GROUP",
+    "Explicitly specifies the grouping keys for an expression, often used with aggregate functions when a different grain is needed than the main query `BY` clause. The first argument is the expression to aggregate/group, subsequent arguments are the keys. Syntax is distinct in that is is group key by <over clause>, similar to a group by.",
+    "function",
+    {
+      function: {
+        inputTypes: ["Any (expression)", "Any (key)", "..."],
+        outputType: "Same as first argument's type",
+        // Purpose might depend on the first argument (Metric if aggregate, Property/Key otherwise)
+        outputPurpose: "Depends on first argument",
+        example: "SELECT SUM(revenue) AS total_revenue, GROUP SUM(revenue) BY product_category AS revenue_by_category, customer_id;"
+      }
+    }
+  )
+]), mn = new M("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."
+  ),
+  new n(
+    "Function Usage & Concepts",
+    `Each function definition includes its input requirements and output characteristics. Key information includes:
+        <ul>
+            <li><b>Input Types:</b> The allowed data types for each argument.</li>
+            <li><b>Output Type:</b> The data type of the value returned by the function.</li>
+            <li><b>Output Purpose:</b> Describes the conceptual role of the output.
+                <ul>
+                    <li><b>PROPERTY:</b> Represents an attribute derived from existing data, typically associated with the grain of the input(s). Example: <code>UPPER(name)</code>.</li>
+                    <li><b>METRIC:</b> Represents a calculated value that summarizes data across rows, respecting the query's grouping. Example: <code>SUM(revenue)</code>.</li>
+                    <li><b>KEY:</b> Represents an identifier or a dimension used for joining or grouping, often changing the grain of the data. Example: <code>UNNEST(tags)</code>.</li>
+                    <li><b>CONSTANT:</b> Represents a fixed value, independent of the input data rows. Example: <code>CURRENT_DATE()</code>.</li>
+                </ul>
+            </li>
+        </ul>`
+  ),
+  new n(
+    "RANK",
+    "Computes the rank of each row within its partition, with ties receiving the same rank. The rank starts at 1 for the first row in each partition.",
+    "function",
+    {
+      function: {
+        inputTypes: ["ANY"],
+        outputType: "INT",
+        outputPurpose: "PROPERTY",
+        example: "rank repo.license by license_repo_count desc;"
+      }
+    }
+  ),
+  // new Paragraph(
+  //     'ROW_NUMBER',
+  //     'Assigns a unique sequential integer to each row within its partition, starting at 1. Unlike RANK, it does not assign the same number to tied rows.',
+  //     'function',
+  //     {
+  //     function: {
+  //         inputTypes: ['ANY'],
+  //         outputType: 'INT',
+  //         outputPurpose: 'PROPERTY',
+  //         example: 'row_number repo.license by license_repo_count desc;',
+  //     },
+  //     } as FuncData,
+  // ),
+  // new Paragraph(
+  //     'DENSE_RANK',
+  //     'Similar to RANK, but does not leave gaps in the ranking sequence when there are ties. The next rank after a tie is the next consecutive integer.',
+  //     'function',
+  //     {
+  //       function: {
+  //         inputTypes: ['ANY'],
+  //         outputType: 'INT',
+  //         outputPurpose: 'PROPERTY',
+  //         example: 'dense_rank repo.license by license_repo_count desc;',
+  //       },
+  //     } as FuncData,
+  // ),
+  new n(
+    "LAG",
+    "Accesses data from a previous row in the same partition without changing the partitioning or ordering of the result set. The offset can be specified to retrieve data from a specific number of rows back.",
+    "function",
+    {
+      function: {
+        inputTypes: ["ANY", "INT"],
+        outputType: "ANY",
+        outputPurpose: "PROPERTY",
+        example: "lag repo.license by license_repo_count desc;"
+      }
+    }
+  ),
+  new n(
+    "LEAD",
+    "Accesses data from a subsequent row in the same partition without changing the partitioning or ordering of the result set. The offset can be specified to retrieve data from a specific number of rows ahead.",
+    "function",
+    {
+      function: {
+        inputTypes: ["ANY", "INT"],
+        outputType: "ANY",
+        outputPurpose: "PROPERTY",
+        example: "lead repo.license by license_repo_count desc;"
+      }
+    }
+  )
+]), hn = new M(
+  "Modeling",
+  // Article Title
+  [
+    // --- Introduction to Models ---
+    new n(
+      "What is a Model?",
+      // Section Title
+      "Models are the heart of Trilogy's semantic layer. They provide a structured, logical representation of data that can evolve independently of the underlying physical model. A model ist just a collection of Trilogy .preql files available for import. In Trilogy Studio, these are editors that have been marked as `sources`. These sources define the concepts, properties, and data retrieval logic for your domain."
+    ),
+    new n(
+      "Purpose and Benefits",
+      // title
+      // content - now using HTML syntax
+      `Models enable several key benefits:
+      <ul>
+        <li><strong>Abstraction:</strong> Define data logically using concepts (like 'customer' or 'order') independent of physical table names or structures.</li>
+        <li><strong>Reusability:</strong> Define concepts and logic once in a model source and import them into any number of queries, reports, or other models.</li>
+        <li><strong>Maintainability:</strong> If your database schema changes (e.g., table or column rename), you only need to update the corresponding datasource mapping in the model. Queries relying on the logical concepts remain unchanged.</li>
+        <li><strong>Consistency:</strong> Ensures everyone querying the data uses the same definitions, metrics, and relationships.</li>
+        <li><strong>Governance:</strong> Provides a centralized place to manage data definitions, access rules (via datasources), and metadata (types, traits).</li>
+      </ul>`,
+      null,
+      // type (assuming 'null' is for standard content)
+      null
+      // data (assuming no specific data object is needed here)
+    ),
+    // --- Core Components of a Model ---
+    new n(
+      "Core Components",
+      "Models have two core components: Concepts and Datasources. These are defined within Trilogy editors marked as model sources.",
+      "section"
+      // Using 'section' type for structure
+    ),
+    new n(
+      "Concepts",
+      // Subsection Title
+      "Concepts keys represent the core entities or logical keys in your data model (e.g., `customer.id`, `product.sku`, `order.id`). Each concept typically has a unique key that identifies individual instances (like `customer.id`). Concepts form the nouns of your data language. They are defined implicitly through properties and datasources associated with them.",
+      "subsection"
+      // Using 'subsection' type
+    ),
+    new n(
+      "Properties",
+      // Subsection Title
+      "Concept properties are dependent concepts or characteristics associated with a key (e.g., `customer.name`, `order.order_date`, `product.price`). They define context/attributes of keys.\n      Properties have defined data types (like `string`, `number`, `datetime`) and can be further annotated with metadata traits (like `::usd` or `::us_state_short`).\n      New properties can be added to existing concepts using the `property` keyword:",
+      "subsection"
+      // Using 'subsection' type
+    ),
+    new n(
+      // Code Example for Properties
+      "Properties Example",
+      // Title for the code block (can be descriptive)
+      `property order.customer.nation.region.id.headquarters string;
+// This adds a 'headquarters' property of type string
+// under the key \`order.customer.nation.region.id.\`
+property <order.customer.nation.region.id>.headquarters string;
+// this does the same, but with explicit syntax
+// that can be useful when you have a property of multiple keys
+property <order.customer.nation.region.id,date.year>.point_in_time_hq string;
+`,
+      "code"
+      // type = 'code'
+    ),
+    new n(
+      "Types and Traits",
+      // Subsection Title
+      "Trilogy has a core type system (e.g., `string`, `number`, `list<T>`, `struct<...>`) that maps to database types.\n      Additionally, a metadata-based trait system allows for richer semantic meaning. Traits are appended using `::`.\n      Example: `auto states <- ['NY', 'CA', 'TX']::list<string::us_state_short>;` defines a list where each element is a string representing a US state abbreviation. Traits can influence validation, default visualizations (like maps for geo traits), or downstream system behavior.",
+      "subsection",
+      null
+    ),
+    new n(
+      // Code Example for Types and Traits
+      "Types and Traits Example",
+      `import std.geography; // Import traits like us_state_short
+
+// Define a list of strings with a specific trait
+auto states <- ['NY', 'CA', 'TX']::list<string::us_state_short>;
+
+// Define a price with a currency trait
+auto item_price <- 19.99::number::usd;`,
+      "code",
+      null
+    ),
+    new n(
+      "Datasources",
+      // Subsection Title
+      "Datasources are the bridge between the logical model of concept keys and properties and database tables. They define *how* and *where* to fetch the data for specific properties.\n      A datasource maps logical properties to physical columns or calculations and specifies the source.\n      Crucially, they also define the `grain` - the level of detail or the set of keys that uniquely identify a row returned by the datasource.",
+      "subsection",
+      null
+    ),
+    new n(
+      // Code Example for Datasource (DB)
+      "Datasource Example (Database)",
+      `import lineitem; // Assume lineitem provides base concepts like order.id etc.
+
+// Add a new property first (as shown before)
+property order.customer.nation.region.id.headquarters string;
+
+// Define a datasource to populate the new property
+datasource region_headquarters (
+    region_id: order.customer.nation.region.id, // Map logical concept key to source column
+    headquarters: order.customer.nation.region.headquarters, // Map logical property to source column
+)
+grain (order.customer.nation.region.id) // Define the unique key for this data
+address tbl_headquarters;
+''';`,
+      "code",
+      null
+    ),
+    new n(
+      "Datasource (Inline Example Description)",
+      // Description for the inline example
+      "Datasources can also use raw queries as a source, useful for constants, mappings, or small datasets directly within the model definition.",
+      null,
+      // Use null type for the description part
+      null
+    ),
+    new n(
+      // Code Example for Datasource (Inline)
+      "Datasource Example (Inline Query)",
+      `datasource region_headquarters_inline (
+    region_id: order.customer.nation.region.id,
+    headquarters: order.customer.nation.region.headquarters,
+)
+grain (order.customer.nation.region.id)
+query '''
+-- Using an inline query (syntax might vary based on backend)
+select 1 as region_id, 'HQ1' as headquarters
+union all
+select 2 as region_id, 'HQ2' as headquarters
+union all
+select 3 as region_id, 'HQ3' as headquarters
+union all
+select 4 as region_id, 'HQ4' as headquarters
+''';`,
+      "code",
+      // type = 'code'
+      null
+      // data = null
+    ),
+    // --- Using and Managing Models ---
+    new n(
+      "Using and Managing Models",
+      "How to leverage and maintain your models.",
+      "section",
+      // Section Title
+      null
+    ),
+    new n(
+      "Imports",
+      // Subsection Title
+      "Models are composed using the `import` statement. You can import entire model source editors by their name (or alias if specified in the model config). This makes the concepts, properties, and datasources defined in that source available in the current editor.\n      The standard library (`std`) is always available for import, providing common functions and traits.",
+      "subsection",
+      null
+    ),
+    new n(
+      // Code Example for Imports
+      "Imports Example",
+      `// Import concepts/properties defined in the 'lineitem' editor source
+import lineitem;
+
+// Import geography traits from the standard library
+import std.geography;
+
+// Import concepts from 'customer_details' editor source, aliasing it to 'cust'
+import customer_details as cust;
+
+// Now you can use concepts like:
+// lineitem.order.id
+// std.geography.us_state_short
+// cust.customer.address`,
+      "code",
+      null
+    ),
+    new n(
+      "Constants",
+      // Subsection Title
+      "The simplest form of a concept is a constant, defined using `const`. Constants do not require a datasource as their value is fixed directly in the definition. They are useful for defining fixed values, parameters, or variables within scripts or queries.",
+      "subsection",
+      null
+    ),
+    new n(
+      // Code Example for Constants
+      "Constants Example",
+      `const pi <- 3.14;
+const company_founding_year <- 2023;
+
+select pi * 2 as circumference_ratio;`,
+      "code",
+      null
+    ),
+    new n(
+      "Creating Model Sources",
+      // Subsection Title
+      "Any Trilogy editor can be designated as a source file for a model. This is typically done through the Trilogy UI or configuration. Once an editor is part of a model, its definitions become importable.",
+      "subsection",
+      null
+    ),
+    new n(
+      // Tip paragraph
+      "Tip: Generating Models",
+      'You can quickly create a basic model source from a database table. When browsing tables in a connection, use the "Create model from table" action. This generates an editor with properties mapped to columns and a basic datasource.',
+      "tip",
+      // Use 'tip' type
+      null
+    ),
+    new n(
+      "Model Parsing and Validation",
+      // Subsection Title
+      "Models are parsed and validated to ensure correctness and build the metadata necessary for queries and tooling. This typically happens automatically when a query referencing the model is run. You can also trigger parsing manually (e.g., via a 'Parse Model' button in the UI). Parsing checks syntax, type consistency, and resolves imports. Errors found during parsing will be reported, often linking back to the specific editor and line number causing the issue.",
+      "subsection",
+      null
+    ),
+    new n(
+      "Standard Library",
+      // Subsection Title
+      "Trilogy includes a standard library, typically available under the `std` namespace (e.g., `import std;` or `import std.math;`). This library provides common functions, operators, and useful metadata traits (like geo-location, currency, etc.).",
+      "subsection",
+      null
+    ),
+    new n(
+      // Tip paragraph
+      "Tip: Standard Library",
+      "Review the documentation for the standard library (`std`) to discover always-available functions and traits you can use in your models and queries.",
+      "tip",
+      // Use 'tip' type
+      null
+    )
+  ],
+  "Modeling"
+), yn = new Ce("Trilogy Reference", [
+  new M("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."
+    ),
+    new n(
+      "Introduction",
+      "Trilogy aspires to simplify hard parts of SQL, keep and enhance the good, incentivize the best, and add modern reusability, type-checking, and ergonomics. It should be approachable to query by someone that knows only SQL, and easy to model for someone familiar with SQL or Python."
+    ),
+    new n(
+      "Iterative SQL Development",
+      "To capture the iterative SQL development loop, Trilogy directly embeds a lightweight metadata definition syntax, allowing you to query and evolve the semantic layer in the same tool - and even in the same query session. This definition language (semantic layer, ERD, etc.) provides static typing/enforcement, and handles joins [1-1, 1-many, many-to-1], aggregations, filtering, and nulls automatically."
+    ),
+    new n(
+      "Trilogy Query Structure",
+      "Let's take a look. Standard Trilogy reads like SQL SELECT, without the FROM or GROUP BY clauses."
+    ),
+    new n(
+      "Trilogy Query Example",
+      `WHERE
+    store_sales.date.year=2001 
+    AND store_sales.date.month_of_year=1 
+    AND store_sales.item.current_price > 1.2 * avg(store_sales.item.current_price) BY store_sales.item.category
+SELECT
+    store_sales.customer.state,
+    count(store_sales.customer.id) AS customer_count
+HAVING
+    customer_count > 10
+ORDER BY
+    customer_count ASC NULLS FIRST,
+    store_sales.customer.state ASC NULLS FIRST
+LIMIT 100;`,
+      "code"
+    ),
+    new n(
+      "How Trilogy Differs from SQL",
+      "Those aren't the only clauses to be gone - Trilogy removes the need for joins - and even tables - via the metadata layer. Information about how to join tables is encoded once and used automatically if required. Definitions look like creating a SQL table, but columns are bound to an additionally abstracted concept label, not raw datatypes. This enables Trilogy to dynamically traverse joins when needed."
+    ),
+    new n(
+      "How Trilogy Differs from SQL",
+      `key order_id int;
+key store_id int;
+property store_id.store_name string;
+
+datasource orders (
+  order_id: order_id,
+  store_id: store_id
+)
+grain (order_id)
+address tbl_orders;
+
+datasource stores (
+  store_id: store_id
+  store_name: store_name
+)
+grain (store_id)
+address tbl_stores;
+`,
+      "code"
+    ),
+    new n(
+      "The Value of Trilogy",
+      "But writing out that datasource is work - a table can be queried quickly because someone else set it up. Trilogy provides the same experience through model imports. It's expected that datasources will be written once, and reused many times. Trilogy can be shared and imported through .preql files using a python-like import syntax."
+    ),
+    new n(
+      "The Value of Trilogy",
+      "Complex models spanning dozens of tables can be imported with a single line."
+    ),
+    new n(
+      "Trilogy Equivalent",
+      `import concepts.sales AS sales;
+SELECT
+    sales.territory_name,
+    sales.sub_total,
+    sales.total_taxes,
+    sales.total_sales
+ORDER BY
+    sales.territory_name DESC;`,
+      "code"
+    ),
+    new n(
+      "How Trilogy Works",
+      "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 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:
+        <li><a href='https://github.com/trilogy-data/trilogy-studio-core' target='_blank'>trilogy-studio-core</a> - the core code for the studio, including the language server and query editor.</li>
+        <li><a href='https://github.com/trilogy-data/pytrilogy' target='_blank'>pytrilogy</a> - reference implementation of Trilogy language parsing/execution.</li>`
+    ),
+    new n(
+      "How Trilogy Works",
+      `Stars appreciated, contributions welcome! If you find a bug, please file an issue on the relevant repository.
+        `
+    )
+  ]),
+  new M("Querying Data", [
+    new n(
+      "SELECT Without FROM, JOIN, or GROUP BY",
+      "In Trilogy, you write queries without explicitly specifying tables, joins, or grouping."
+    ),
+    new n(
+      "Example Query",
+      `SELECT
+    product_line,
+    revenue,
+    revenue_from_top_customers,
+    revenue_from_top_customers / revenue AS revenue_from_top_customers_pct
+WHERE
+    product_line IN ('widgets', 'doodads');`,
+      "code"
+    ),
+    new n(
+      "SELECT Without FROM, JOIN, or GROUP BY",
+      "Queries begin with a SELECT, and can include WHERE, HAVING, ORDER BY, and LIMIT clauses. Trilogy automatically handles joins and grouping based on the defined model."
+    ),
+    new n(
+      "SELECT Without FROM, JOIN, or GROUP BY",
+      "Like SQL, the where clause filters results *before* the selection, and the having *after*. The order by clause sorts the results, and the limit clause restricts the number of rows returned."
+    ),
+    new n(
+      "SELECT Without FROM, JOIN, or GROUP BY",
+      "This query would restrict data to red products in Massachsusetts, then select the product name and aggregate total sales within the filter state, further filter to only those with total sales greater than 1000, ordering by total sales in descending order, and limiting the results to 10 rows."
+    ),
+    new n(
+      "Example Query",
+      `WHERE product_name like '%red%' and sales.state = 'MA' 
+SELECT 
+  product_name, 
+  sum(sales) AS total_sales 
+HAVING total_sales > 1000 
+ORDER BY 
+  total_sales DESC 
+LIMIT 10;`,
+      "code"
+    ),
+    new n(
+      "SELECT Without FROM, JOIN, or GROUP BY",
+      "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 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:"
+    ),
+    new n(
+      "Example",
+      `SELECT
+    1 -> constant_one,
+    1 AS constant_one_2,
+    '2' -> constant_string_two;`,
+      "code"
+    ),
+    new n(
+      "Select",
+      "The general form of a select statement below. The where clause can also go after, but is idiomatically first."
+    ),
+    new n(
+      "Select",
+      `where? 
+select
+select_list 
+having? 
+order_by? 
+limit?`,
+      "code"
+    ),
+    new n(
+      "select_list",
+      "A select list has one or more expressions, each with an optional alias. Aliased fields can be immediately referenced."
+    ),
+    new n(
+      "select_list",
+      `select_item ("," select_item)* ","?
+select_item: expression "->" IDENTIFIER ","?`,
+      "code"
+    ),
+    new n(
+      "where",
+      "The where clause restricts data before the select expression. It can reference any field in the model, not just those in the select list. It cannot reference aggregates calculated in the select."
+    ),
+    new n("where", 'where_clause: where expression ("," expression)* ","?', "code"),
+    new n(
+      "having",
+      "The having clause restricts data after the select expression. It can reference any field in the select list, including aggregates."
+    ),
+    new n("having", 'having_clause: where expression ("," expression)* ","?', "code"),
+    new n(
+      "Select List",
+      "A multiselect statement can merge multiple select statements into a unified rowset by defining output keys to align on. This is rarely required, but can be used to produce certain outputs."
+    ),
+    new n(
+      "Multi-Select",
+      `where? select_statement ( "merge" select_statement)+ 
+"align"i align_clause 
+having?
+order_by? 
+limit?`,
+      "code"
+    ),
+    new n(
+      "Align Clause",
+      `align_item: IDENTIFIER ":" IDENTIFIER ("," IDENTIFIER)* ","?
+align_clause: align_item ("," align_item)* ","?`,
+      "code"
+    ),
+    new n("datasource text", "A datasource defines a warehouse table to pull data from"),
+    new n(
+      "Datasource",
+      `datasource IDENTIFIER 
+( column_assignment_list )
+grain_clause?
+complete_for_clause?
+(address='string' | query='''string''')
+`,
+      "code"
+    ),
+    new n("Merge", "merge_statement: merge IDENTIFIER (, IDENTIFIER)_ ,? comment_", "code"),
+    new n(
+      "Import",
+      "import_statement: import (IDENTIFIER .) * IDENTIFIER as IDENTIFIER",
+      "code"
+    ),
+    new n(
+      "Function Definition",
+      "function_derivation: def ( (IDENTIFIER ,)* ) -> EXPR;",
+      "code"
+    )
+  ]),
+  new M("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)."
+    ),
+    new n(
+      "Example",
+      `key product_id int;# the unique identifier of a product 
+property product_id.product_name string;# the name of a product 
+metric product_count <-count(product.id); # the count of products`,
+      "code"
+    ),
+    new n(
+      "Keys",
+      "Keys represent a unique conceptual grain. A combination of one or more keys will uniquely identify a set of properties. If familiar with databases, think of them as your primary/foreign keys. More generally, you can thing of them as something like a passport number, a product ID, a URL, or a stock ticker - a unique shorthand for an entity."
+    ),
+    new n(
+      "Key Syntax",
+      "Keys have straight forward syntax; the keyword, the name, and the type."
+    ),
+    new n("Example", "key product_id int;# the unique identifier of a product", "code"),
+    new n("Properties", "Properties are values associated with one or more keys"),
+    new n(
+      "Property Syntax",
+      'Properties have a richer syntax than keys - they require the associated keys, within <>, before the property name.. syntax: `"property" <key1, key2, ..> "." IDENTIFIER type;`'
+    ),
+    new n(
+      "Single Key Property",
+      'A property can be associated with a single key with a shorthand syntax without the full <> group. syntax: `"property" key "." IDENTIFIER type;`',
+      "tip"
+    ),
+    new n(
+      "code",
+      "property product_id.product_name string;# the name of a product",
+      "code"
+    ),
+    new n(
+      "Metrics",
+      "Metrics are aggregatable values, and can come from properties, keys, or other metrics. Like keys, they have a grain, though this is inferred from the aggregation"
+    ),
+    new n(
+      "Example",
+      "metric product_count <-count(product.id); # the count of products",
+      "code"
+    ),
+    new n(
+      "Dynamic Grain",
+      "A basic metric - like `metric product_count <- count(product_id);` - will have a dynamic aggregation level that corresponds to the query it is used in."
+    ),
+    new n(
+      "Static Grain",
+      "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 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. "
+    ),
+    new n(
+      "Partial Keys",
+      "A table may not have all values of a key. For example, a list of orders may not have every customer ID, as not all customers may have placed orders. A datasource can be defined with a key marked as partial by prefixing the ~ character. Trilogy will ensure that partial sources are used on the right side of an outer join to avoid implicitly reducing results."
+    ),
+    new n(
+      "Example",
+      `datasource sales (
+  order_id: orders.id,
+  cu_id: ~customers.id,
+  revenue: orders.revenue
+)
+grain (orders.id)
+address warehouse.sales;
+
+datasource customers (
+    customer_id: customers.id,
+    name: customers.name
+)
+grain (customers.id)
+address warehouse.customers;`,
+      "code"
+    ),
+    new n(
+      "Partial Keys",
+      '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 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."
+    ),
+    new n(
+      "Example",
+      `SELECT
+    order_date,
+    order_year,
+    SUM(total_spent) AS total_revenue;`,
+      "code"
+    ),
+    new n(
+      "What Is a Grain?",
+      "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", [
+    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."
+    ),
+    new n(
+      "Defining Functions",
+      "This function will multiple the input concept by itself and then by whatever the value of the global scale_factor is. Note the @ - custom functions references require the @ prefix."
+    ),
+    new n(
+      "Example",
+      `const scale_factor<-2;
+def square_scale(x) -> x * x *scale_factor;
+
+SELECT
+  number,
+  @square_scale(number) AS squared
+;`,
+      "code"
+    ),
+    new n(
+      "Defining Functions",
+      "Functions may have optional defaults by adding an `= value` after the argument name."
+    ),
+    new n(
+      "Example",
+      `def pretty_percent(x, digits=2) ->  round(x*100, digits)::string || '%';
+
+const number<-.4555;
+
+SELECT
+  number,
+  @pretty_percent(number) AS percent,
+  @pretty_percent(number, 3) AS three_percent
+;`,
+      "code"
+    )
+  ]),
+  hn
+]), fn = new Ce("Terms of Service", [
+  new M("Terms of Service", [
+    new n("Last Updated", "February 22, 2025"),
+    new n(
+      "Service Description",
+      'Trilogy Studio (referred to as "IDE" henceforth) enables users to interact with public data or data in databases they own. The IDE communicates with non-user services only to do basic telemetry and preprocessing of Trilogy code using the default language server (if a local one is not configured). The primary purpose of this preprocessing is to generate SQL to be returned to the browser for execution.',
+      "section"
+    ),
+    new n(
+      "Data Privacy and Security",
+      "No Data Collection: We do not collect, store, or process any of your data or database contents, beyond metadata provided in the model definition. All database interactions occur directly between your browser and your database through client-side JavaScript.",
+      "section"
+    ),
+    new n(
+      "Local Processing",
+      "All code execution and data processing occur locally in your browser. We have no access to your database credentials, queries, or results.",
+      "subsection"
+    ),
+    new n(
+      "User Responsibility",
+      "You are solely responsible for securing your database connections, managing database credentials, implementing appropriate security measures, backing up your data, and ensuring compliance with applicable data protection laws.",
+      "subsection"
+    ),
+    new n(
+      "Service Limitations",
+      "Browser Limitations: The IDE is subject to your browser's technical limitations, including memory constraints and processing capabilities.",
+      "section"
+    ),
+    new n(
+      "Connection Requirements",
+      "Stable internet connection required for IDE access. Database connectivity depends on your database configuration and network conditions.",
+      "subsection"
+    ),
+    new n(
+      "User Obligations",
+      "You agree to use the IDE in compliance with applicable laws, not attempt to circumvent browser security measures, not use the IDE for illegal or unauthorized purposes, maintain the security of your database credentials, and not redistribute or modify the IDE code without permission.",
+      "section"
+    ),
+    new n(
+      "Disclaimers",
+      'Service Availability: We provide the IDE "as is" and make no guarantees about its availability or functionality.',
+      "section"
+    ),
+    new n(
+      "Security Disclaimer",
+      "While we implement standard security measures in our code, we cannot guarantee the security of your database connections or local environment.",
+      "subsection"
+    ),
+    new n(
+      "Liability Limitations",
+      "We are not liable for data loss or corruption, database connection issues, browser performance problems, security breaches in your database, misuse of the IDE, or consequential damages.",
+      "section"
+    ),
+    new n(
+      "User Rights",
+      "You retain all rights to your code, your database, your data, and any outputs generated using the IDE.",
+      "subsection"
+    ),
+    new n(
+      "Modifications",
+      "We reserve the right to modify the IDE functionality, these Terms of Service, and supported features and libraries.",
+      "section"
+    ),
+    new n("Termination", "You may stop using the IDE at any time.", "section"),
+    new n(
+      "Contact",
+      "For questions about these terms, please create an issue on the github repository <a href='https://github.com/trilogy-data/trilogy-studio-core'>here</a>.",
+      "section"
+    ),
+    new n(
+      "Agreement",
+      "By using the IDE, you agree to these terms and conditions.",
+      "conclusion"
+    )
+  ])
+]), bo = [
+  new Ce("Studio", [
+    un,
+    ln,
+    cn,
+    dn,
+    new M("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."
+      ),
+      new n(
+        "Tip",
+        "For Trilogy specific features, the studio relies on a pseudo-language server (there is a proper LSP available for vs-code, used in the vs-code extension, as well). By default this will use a cloud-hosted backend but studio can be configured to use a local address as well. "
+      ),
+      new n(
+        "Tip",
+        "Trilogy Studio requires internet access to download certain dependencies - such as DuckDB WASM - on demand when utilizing a relevant connection. It can then be used offline if a local backend server is running. A pure offline option may be available in the future.",
+        "tip"
+      )
+    ]),
+    new M("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."
+      ),
+      new n(
+        "Tip",
+        "Don't forget to save! By default, Trilogy Studio stores your editors, connections, and models in browser local storage. Use the save buttons on the left-hand nav to record changes. You can also use the keyboard shortcuts Ctrl + S to save your work.",
+        "tip"
+      )
+    ]),
+    new M("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."
+      ),
+      new n(
+        "Editor Selection",
+        "When creating an editor, you will select a type. Trilogy editors run Trilogy code; SQL editors run SQL. An editor must be associated with a connection and may be associated with a model."
+      ),
+      new n(
+        "Query Execution",
+        "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 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."
+      ),
+      new n(
+        "Managing Connections",
+        "You can view current connections below. Edit the model associated with a connection by clicking the model name next to it (or 'set model' if not set). Connections will not automatically connect on startup by default; click the connection button to connect. This connection view is always accessible through the connections page on the left side."
+      ),
+      new n("ConnectionList", "", "connections")
+    ]),
+    new M("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 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 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 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,
+  new Ce("Privacy And Data", [
+    new M("Privacy Policy", [
+      new n("Last Updated", "February 22, 2025"),
+      new n(
+        "Introduction",
+        "This Privacy Policy explains how Trilogy Studio handles your information. While most processing occurs in your browser, we utilize some external services to enhance your development experience.",
+        "section"
+      ),
+      new n(
+        "Information We Collect",
+        "Telemetry: We collect feature usage counts and patterns and coarse browser/geographic information to inform product decision and system performance using GoatTrack. This data is anonymous and does not include any personally identifiable information. Telemetry can be disabled in settings.",
+        "section"
+      ),
+      new n(
+        "Query Processing",
+        "We process Trilogy queries to transform them to SQL based on your model inputs if you use the default query service. Results are returned to your browser for execution. No actual database connections or credentials are transmitted.",
+        "subsection"
+      ),
+      new n(
+        "What We Don't Collect",
+        "We do not collect database credentials, database contents, query results, personal information, full source code, or authentication tokens, or any other personal information. Please report any issues with this to the github repository.",
+        "section"
+      ),
+      new n(
+        "Data Processing",
+        "Query Execution: All database execution happens between your browser and remote service. Query results never pass through our servers.",
+        "section"
+      ),
+      new n(
+        "Security Measures",
+        "Any saved local credentials will be encrypted in storage using a passphrase or Chrome credential storage. See Stored Info for more details.",
+        "section"
+      ),
+      new n(
+        "Children's Privacy",
+        "Trilogy Studio is intended for adult data professionals.",
+        "section"
+      ),
+      new n(
+        "International Data",
+        "Telemetry data may cross borders. SQL compilation happens in the US with default query service (fly.io).",
+        "section"
+      ),
+      new n(
+        "Changes to Privacy Policy",
+        "We may update this policy to reflect new features or services, changed functionality, legal requirements, and security improvements.",
+        "section"
+      ),
+      new n(
+        "Google Account",
+        "Trilogy Studio uses Google OAuth to authenticate users when using a Google Bigquery Oauth connection. Trilogy Studio uses a token provided by Google to authenticate your account. Trilogy Studio only requests scopes required for Bigquery read/write access, and the token never leaves your browser. It is used to communicate directly with Bigquery with the google javascript client library."
+      ),
+      new n(
+        "Contact Information",
+        "For privacy-related questions: please post on the github repository <a href='https://github.com/trilogy-data/trilogy-studio-core'>here</a>.",
+        "section"
+      ),
+      new n(
+        "Legal Rights",
+        "You retain all legal rights regarding your personal data, your source code, your database contents, and generated outputs.",
+        "section"
+      ),
+      new n(
+        "Effective Date",
+        "This policy is effective as of February 22, 2025.",
+        "conclusion"
+      )
+    ]),
+    new M("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)."
+      ),
+      new n(
+        "Secret Storage",
+        "For databases and LLM connections that require credentials (password, API Key) to access, Trilogy Studio can optionally also store them locally for reuse. [They will never be sent to a remote server]. It will attempt to use secure browser credential storage but will fall back to storing the secret in local browser storage encrypted with a pass phrase if the browser APIs are not available. Be careful storing credentials and be prepared to rotate - consider using a password manager."
+      ),
+      new n(
+        "Secret Storage",
+        "Local storage is convenient, but if you have a browser secret manager, that is a great place to store secrets as well!",
+        "tip"
+      ),
+      new n(
+        "Secret Storage",
+        "A best practice is to use unique API tokens (such as for LLMs) and passwords in the studio, both to easily track usage and make rotation simple.",
+        "tip"
+      )
+    ]),
+    new M("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 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 n(
+        "Telemetry",
+        `<a href="https://www.goatcounter.com/">GoatCounter</a> is used to collect anonymized
+        statistics about usage in the studio, such as feature usage. No uniquely identifying information is collected, though the system type, browser, screensize and country are recorded. You can disable telemetry in the settings menu.`
+      )
+    ])
+  ]),
+  fn
+], gn = ae({
+  name: "LLMProviderIcon",
+  props: {
+    providerType: {
+      type: String,
+      required: !0
+    }
+  }
+}), wn = { class: "provider-icon-container" }, Tn = {
+  key: 0,
+  class: "mdi mdi-alpha-c-circle",
+  title: "Anthropic"
+}, bn = {
+  key: 1,
+  class: "mdi mdi-flash",
+  title: "OpenAI"
+}, vn = {
+  key: 2,
+  class: "mdi mdi-weather-windy",
+  title: "Mistral AI"
+}, En = {
+  key: 3,
+  class: "mdi mdi-google",
+  title: "Google"
+}, Sn = {
+  key: 4,
+  class: "mdi mdi-robot",
+  title: "LLM Provider"
+};
+function Cn(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 === "mistral" ? (r(), l("i", vn)) : t.providerType === "google" ? (r(), l("i", En)) : (r(), l("i", Sn))
+  ]);
+}
+const kn = /* @__PURE__ */ X(gn, [["render", Cn], ["__scopeId", "data-v-9c73c667"]]), An = ae({
+  name: "ContextMenu",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    },
+    position: {
+      type: Object,
+      default: () => ({ x: 0, y: 0 })
+    },
+    isVisible: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["item-click", "close"],
+  setup(t, { emit: e }) {
+    const o = $(() => ({
+      left: `${t.position.x}px`,
+      top: `${t.position.y}px`
+    })), i = (p) => {
+      e("item-click", p), e("close");
+    }, c = (p) => {
+      t.isVisible && e("close");
+    };
+    return Ae(() => {
+      setTimeout(() => {
+        document.addEventListener("click", c);
+      }, 300);
+    }), Ue(() => {
+      document.removeEventListener("click", c);
+    }), {
+      positionStyle: o,
+      handleItemClick: i
+    };
+  }
+}), In = ["onClick"];
+function Pn(t, e, o, i, c, p) {
+  return t.isVisible ? (r(), l("div", {
+    key: 0,
+    style: Oe(t.positionStyle),
+    class: "context-menu"
+  }, [
+    (r(!0), l(pe, null, fe(t.items, (a) => (r(), l("div", {
+      key: a.id,
+      class: me(["context-menu-item", { danger: a.danger }]),
+      onClick: (d) => t.handleItemClick(a)
+    }, [
+      a.icon ? (r(), l("i", {
+        key: 0,
+        class: me(`mdi ${a.icon}`)
+      }, null, 2)) : I("", !0),
+      s("span", null, j(a.label), 1)
+    ], 10, In))), 128))
+  ], 4)) : I("", !0);
+}
+const Rn = /* @__PURE__ */ X(An, [["render", Pn], ["__scopeId", "data-v-48938153"]]), Mn = ae({
+  name: "LLMConnectionListItem",
+  components: {
+    SidebarItem: Re,
+    LLMProviderIcon: kn,
+    ConnectionRefresh: De,
+    ConnectionStatusIcon: Pe,
+    LoadingButton: Se,
+    ContextMenu: Rn,
+    Tooltip: Ee
+  },
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    },
+    isCollapsed: {
+      type: Boolean,
+      default: !0
+    },
+    isSelected: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "toggle",
+    "setActive",
+    "refresh",
+    "updateApiKey",
+    "updateModel",
+    "updateFastModel",
+    "toggleSaveCredential",
+    "deleteConnection",
+    "deleteChat"
+  ],
+  setup(t, { emit: e }) {
+    const o = C(""), i = C(!1), c = C(""), p = C("");
+    Ae(() => {
+      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) || "");
+    }), ke(
+      // @ts-ignore
+      () => {
+        var y;
+        return (y = t.item.connection) == null ? void 0 : y.apiKey;
+      },
+      (y) => {
+        t.item.type === "api-key" && y && (o.value = y);
+      }
+    ), ke(
+      () => {
+        var y;
+        return (y = t.item.connection) == null ? void 0 : y.model;
+      },
+      (y) => {
+        t.item.type === "model" && y && (c.value = y);
+      },
+      { immediate: !0 }
+    ), ke(
+      () => {
+        var y;
+        return (y = t.item.connection) == null ? void 0 : y.fastModel;
+      },
+      (y) => {
+        t.item.type === "fast-model" && (p.value = y || "");
+      },
+      { immediate: !0 }
+    );
+    const a = C(!1), d = C({ x: 0, y: 0 }), w = $(() => {
+      const y = [];
+      return t.item.type === "connection" && y.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) => {
+      t.item.type === "connection" && (d.value = {
+        x: y.clientX,
+        y: y.clientY
+      }, a.value = !0);
+    }, P = (y) => {
+      var D;
+      switch (y.id) {
+        case "delete":
+          L(t.item.id);
+          break;
+        case "set-default":
+          v(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(
+      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) => {
+      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) => {
+      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 Ge ? "anthropic" : y instanceof je ? "openai" : y instanceof Ke ? "mistral" : y instanceof Qe ? "google" : "unknown", k = (y) => y && y.connected === !0, v = (y) => {
+      var D;
+      e("setActive", y, ((D = t.item.connection) == null ? void 0 : D.name) || "", "connection");
+    }, L = (y) => {
+      var D;
+      e("deleteConnection", y, ((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);
+      },
+      updateModel: (y, D) => {
+        e("updateModel", y, D);
+      },
+      updateFastModel: (y, D) => {
+        e("updateFastModel", y, D);
+      },
+      toggleSaveCredential: le,
+      deleteConnection: L,
+      deleteChat: (y) => {
+        var D;
+        y && e("deleteChat", y, ((D = t.item.connection) == null ? void 0 : D.name) || "");
+      },
+      // Context menu
+      contextMenuVisible: a,
+      contextMenuPosition: d,
+      contextMenuItems: w,
+      showContextMenu: h,
+      handleContextMenuItemClick: P,
+      toggleCollapse: F,
+      // API key visibility
+      showApiKey: i,
+      toggleApiKeyVisibility: () => {
+        i.value = !i.value;
+      }
+    };
+  }
+}), Ln = {
+  key: 1,
+  class: "mdi mdi-alert-circle node-icon"
+}, Dn = {
+  key: 2,
+  class: "mdi mdi-chat-outline node-icon"
+}, _n = {
+  key: 3,
+  class: "mdi mdi-test-tube node-icon"
+}, Nn = {
+  key: 4,
+  class: "mdi mdi-chat-plus-outline node-icon"
+}, qn = {
+  key: 5,
+  class: "mdi mdi-chat node-icon"
+}, Un = {
+  key: 6,
+  class: "mdi mdi-folder-outline node-icon"
+}, On = { class: "api-key-input-wrapper" }, xn = ["type", "data-testid"], Bn = ["data-testid", "title"], Yn = ["data-testid"], Fn = ["data-testid"], Gn = ["data-testid"], jn = ["value", "data-testid"], Kn = ["data-testid"], Qn = ["data-testid"], Vn = ["data-testid"], Hn = ["value", "data-testid"], Wn = { class: "save-credential-toggle" }, zn = ["checked"], Xn = { key: 0 }, Jn = {
+  key: 0,
+  class: "chat-actions"
+}, Zn = {
+  key: 1,
+  class: "connection-actions"
+}, $n = {
+  key: 0,
+  class: "mdi mdi-star loading-button is-active"
+};
+function eo(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");
+  return r(), l("div", null, [
+    x(b, {
+      "item-id": t.item.id,
+      name: t.getItemName(),
+      indent: t.item.indent,
+      "is-selected": t.isSelected,
+      "is-collapsible": t.isExpandable,
+      "is-collapsed": t.isCollapsed,
+      itemType: "llm-connection",
+      onClick: t.handleItemClick,
+      onToggle: t.toggleCollapse,
+      onContextmenu: A(t.showContextMenu, ["prevent"])
+    }, {
+      icon: q(() => [
+        t.item.type === "connection" ? (r(), z(d, {
+          key: 0,
+          "provider-type": t.getProviderType(t.item.connection)
+        }, null, 8, ["provider-type"])) : t.item.type === "error" ? (r(), l("i", Ln)) : t.item.type === "open-chat" ? (r(), l("i", Dn)) : t.item.type === "open-validation" ? (r(), l("i", _n)) : t.item.type === "new-chat" ? (r(), l("i", Nn)) : t.item.type === "chat-item" ? (r(), l("i", qn)) : t.item.type === "chats-header" ? (r(), l("i", Un)) : I("", !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))
+        }, 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(() => {
+          }, ["stop"]))
+        }, [
+          s("form", {
+            onSubmit: e[4] || (e[4] = A((m) => 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", On, [
+              _(s("input", {
+                type: t.showApiKey ? "text" : "password",
+                id: "api-key",
+                "onUpdate:modelValue": e[2] || (e[2] = (m) => t.apiKeyInput = m),
+                placeholder: "API Key",
+                class: "connection-customize",
+                "data-testid": `api-key-input-${t.item.connection.name}`
+              }, null, 8, xn), [
+                [xe, t.apiKeyInput]
+              ]),
+              s("button", {
+                type: "button",
+                class: "visibility-toggle",
+                onClick: e[3] || (e[3] = (...m) => t.toggleApiKeyVisibility && t.toggleApiKeyVisibility(...m)),
+                "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, Bn)
+            ])
+          ], 32)
+        ])) : t.item.type === "model" ? (r(), l("div", {
+          key: 2,
+          class: "api-key-container",
+          onClick: e[8] || (e[8] = A(() => {
+          }, ["stop"]))
+        }, [
+          s("form", {
+            onSubmit: e[7] || (e[7] = A((m) => t.updateModel(t.item.connection, t.selectedModel), ["prevent"])),
+            "data-testid": `model-update-form-${t.item.connection.name}`
+          }, [
+            s("button", {
+              type: "submit",
+              class: "customize-button",
+              "data-testid": `update-model-${t.item.connection.name}`
+            }, " Update Model ", 8, Fn),
+            _(s("select", {
+              "onUpdate:modelValue": e[6] || (e[6] = (m) => t.selectedModel = m),
+              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, jn))), 128))
+            ], 8, Gn), [
+              [ve, t.selectedModel]
+            ])
+          ], 40, Yn)
+        ])) : t.item.type === "fast-model" ? (r(), l("div", {
+          key: 3,
+          class: "api-key-container",
+          onClick: e[11] || (e[11] = A(() => {
+          }, ["stop"]))
+        }, [
+          s("form", {
+            onSubmit: e[10] || (e[10] = A((m) => t.updateFastModel(t.item.connection, t.selectedFastModel || null), ["prevent"])),
+            "data-testid": `fast-model-update-form-${t.item.connection.name}`
+          }, [
+            s("button", {
+              type: "submit",
+              class: "customize-button",
+              "data-testid": `update-fast-model-${t.item.connection.name}`
+            }, " Update Fast Model ", 8, Qn),
+            _(s("select", {
+              "onUpdate:modelValue": e[9] || (e[9] = (m) => t.selectedFastModel = m),
+              class: "connection-customize",
+              "data-testid": `fast-model-select-${t.item.connection.name}`
+            }, [
+              e[18] || (e[18] = 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, Hn))), 128))
+            ], 8, Vn), [
+              [ve, t.selectedFastModel]
+            ])
+          ], 40, Kn)
+        ])) : t.item.type === "toggle-save-credential" ? (r(), l("div", {
+          key: 4,
+          class: "md-token-container",
+          onClick: e[13] || (e[13] = A(() => {
+          }, ["stop"]))
+        }, [
+          s("label", Wn, [
+            s("input", {
+              type: "checkbox",
+              checked: t.item.connection.saveCredential,
+              onChange: e[12] || (e[12] = (m) => t.toggleSaveCredential(t.item.connection))
+            }, null, 40, zn),
+            e[19] || (e[19] = 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", Xn, " (" + j(t.item.count) + ") ", 1)) : I("", !0)
+        ], 2))
+      ]),
+      "extra-content": q(() => [
+        t.item.type === "chat-item" ? (r(), l("div", Jn, [
+          x(w, {
+            class: "tactile-button",
+            content: "Delete Chat",
+            position: "left"
+          }, {
+            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] = [
+                s("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
+              ])])
+            ]),
+            _: 1
+          })
+        ])) : I("", !0),
+        t.item.type === "connection" ? (r(), l("div", Zn, [
+          t.item.connection && t.item.connection.isDefault ? (r(), l("i", $n)) : (r(), z(h, {
+            key: 1,
+            class: "loading-button",
+            onClick: e[15] || (e[15] = A(() => {
+            }, ["stop"])),
+            action: () => t.setAsActive(t.item.id),
+            title: "Set as default"
+          }, {
+            default: q(() => [...e[21] || (e[21] = [
+              s("i", { class: "mdi mdi-star-outline" }, null, -1)
+            ])]),
+            _: 1
+          }, 8, ["action"])),
+          t.item.connection ? (r(), z(P, {
+            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, {
+            class: "tacticle-button",
+            content: "Delete Connection",
+            position: "left"
+          }, {
+            default: q(() => [
+              s("span", {
+                class: "remove-btn",
+                onClick: e[16] || (e[16] = A((m) => t.deleteConnection(t.item.id), ["stop"]))
+              }, [...e[22] || (e[22] = [
+                s("i", { class: "mdi mdi-trash-can-outline tactile-button" }, null, -1)
+              ])])
+            ]),
+            _: 1
+          }),
+          t.item.connection ? (r(), z(E, {
+            key: 3,
+            connection: t.item.connection
+          }, null, 8, ["connection"])) : I("", !0)
+        ])) : I("", !0)
+      ]),
+      default: q(() => [
+        x(a, {
+          items: t.contextMenuItems,
+          position: t.contextMenuPosition,
+          "is-visible": t.contextMenuVisible,
+          onItemClick: t.handleContextMenuItemClick,
+          onClose: e[0] || (e[0] = (m) => 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 to = /* @__PURE__ */ X(Mn, [["render", eo], ["__scopeId", "data-v-9a82e421"]]), no = ae({
+  name: "LLMConnectionCreator",
+  props: {
+    visible: {
+      type: Boolean,
+      required: !0
+    },
+    testTag: {
+      type: String,
+      required: !1,
+      default: ""
+    }
+  },
+  methods: {
+    close() {
+      this.$emit("close");
+    }
+  },
+  components: {
+    LoadingButton: Se
+  },
+  setup(t, { emit: e }) {
+    const o = C({
+      name: "",
+      type: "openai",
+      options: {
+        apiKey: "",
+        model: "gpt-4o",
+        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 = {
+        apiKey: "",
+        model: "",
+        saveCredential: !1
+      }, a("openai");
+    }, a = (h) => {
+      switch (h) {
+        case "openai":
+          o.value.options.model = "gpt-5.2-mini";
+          break;
+        case "anthropic":
+          o.value.options.model = "claude-3-sonnet-20240229";
+          break;
+        case "cohere":
+          o.value.options.model = "command";
+          break;
+        case "mistral":
+          o.value.options.model = "mistral-large-latest";
+          break;
+        case "google":
+          o.value.options.model = "models/gemini-2.5-flash";
+          break;
+        default:
+          o.value.options.model = "";
+      }
+    }, d = async () => {
+      await w();
+    }, w = 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)
+        throw new Error("API key is required");
+      return await i.newConnection(
+        o.value.name,
+        o.value.type,
+        o.value.options
+      ), e("close"), "Connection created successfully";
+    };
+    return {
+      connectionDetails: o,
+      connections: c,
+      createConnection: p,
+      handleSubmitConnection: w,
+      submitConnectionCreation: d,
+      updateDefaultModel: a
+    };
+  },
+  watch: {
+    "connectionDetails.type": {
+      handler(t) {
+        this.updateDefaultModel(t);
+      }
+    }
+  }
+}), oo = {
+  key: 0,
+  class: "creator-container"
+}, io = { class: "form-row" }, ao = { class: "form-row" }, so = { class: "form-row" }, ro = { class: "form-row" }, lo = { class: "button-row" };
+function co(t, e, o, i, c, p) {
+  const a = U("loading-button");
+  return t.visible ? (r(), l("div", oo, [
+    s("form", {
+      onSubmit: e[5] || (e[5] = A((...d) => t.submitConnectionCreation && t.submitConnectionCreation(...d), ["prevent"]))
+    }, [
+      s("div", io, [
+        e[6] || (e[6] = s("label", { for: "llm-connection-name" }, "Name", -1)),
+        _(s("input", {
+          type: "text",
+          "onUpdate:modelValue": e[0] || (e[0] = (d) => t.connectionDetails.name = d),
+          id: "llm-connection-name",
+          required: "",
+          "data-testid": "llm-connection-creator-name",
+          placeholder: "Connection Name"
+        }, null, 512), [
+          [G, t.connectionDetails.name]
+        ])
+      ]),
+      s("div", ao, [
+        e[8] || (e[8] = s("label", { for: "llm-provider-type" }, "Provider", -1)),
+        _(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)
+        ])], 512), [
+          [ve, t.connectionDetails.type]
+        ])
+      ]),
+      s("div", so, [
+        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", ro, [
+        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), [
+          [Ie, t.connectionDetails.options.saveCredential]
+        ])
+      ]),
+      s("div", lo, [
+        x(a, {
+          "data-testid": "llm-connection-creator-submit",
+          action: t.handleSubmitConnection,
+          class: "submit-button"
+        }, {
+          default: q(() => [...e[11] || (e[11] = [
+            de(" Submit ", -1)
+          ])]),
+          _: 1
+        }, 8, ["action"]),
+        s("button", {
+          type: "button",
+          onClick: e[4] || (e[4] = (d) => t.close())
+        }, "Cancel")
+      ])
+    ], 32)
+  ])) : I("", !0);
+}
+const uo = /* @__PURE__ */ X(no, [["render", co], ["__scopeId", "data-v-2aa622d0"]]), po = {
+  name: "LLMConnectionList",
+  props: {
+    activeLLMKey: {
+      type: String,
+      default: "",
+      optional: !0
+    },
+    testTag: {
+      type: String,
+      default: "",
+      optional: !0
+    }
+  },
+  emits: ["llm-open-view", "create-new-chat", "open-chat"],
+  setup(t, { emit: e }) {
+    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";
+        return;
+      }
+      try {
+        if (p.value[f] = !0, v === "connection") {
+          const L = o.connections[k];
+          L.testConnection && await L.testConnection();
+        }
+        delete a.value[f];
+      } catch (L) {
+        L instanceof Error ? a.value[f] = L.message : a.value[f] = "An error occurred";
+      }
+      delete p.value[f];
+    }, m = async (f, k, v, L) => {
+      if (v === "new-chat") {
+        e("create-new-chat", k);
+        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);
+        return;
+      }
+      if (v === "open-chat") {
+        e("llm-open-view", k, "chat");
+        return;
+      }
+      if (v === "open-validation") {
+        e("llm-open-view", k, "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}`);
+          return;
+        }
+        (!T.models || T.models.length === 0) && await b(f, k, "models");
+      }
+      E.value[f] === void 0 ? E.value[f] = !1 : E.value[f] = !E.value[f];
+    };
+    Object.entries(o.connections).forEach(([f, k]) => {
+      let v = f;
+      E.value[v] = !0;
+    }), Ae(() => {
+      const f = Ve("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 F = $(() => {
+      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);
+        }
+      ).forEach(([v, L]) => {
+        var J;
+        const T = L, V = ((J = T.availableModels) == null ? void 0 : J.length) || 0;
+        if (!T.deleted && (f.push({
+          id: v,
+          name: v,
+          indent: 0,
+          count: V,
+          type: "connection",
+          connection: T
+        }), E.value[v] === !1)) {
+          const Q = c ? c.getConnectionChats(v) : [];
+          f.push({
+            id: `${v}-new-chat`,
+            name: "New Chat",
+            indent: 1,
+            count: Q.length,
+            type: "new-chat",
+            connection: T
+          }), Q.forEach((K) => {
+            f.push({
+              id: `${v}-chat-${K.id}`,
+              name: K.name,
+              indent: 2,
+              count: K.messages.length,
+              type: "chat-item",
+              connection: T,
+              chat: K,
+              chatId: K.id
+            });
+          }), f.push({
+            id: `${v}-open-validation`,
+            name: "Validation Tests",
+            indent: 1,
+            count: 0,
+            type: "open-validation",
+            connection: T
+          }), f.push({
+            id: `${v}-api-key`,
+            name: "API Key",
+            indent: 1,
+            count: 0,
+            type: "api-key",
+            connection: T
+          }), f.push({
+            id: `${v}-model`,
+            name: "Model",
+            indent: 1,
+            count: 0,
+            type: "model",
+            connection: T
+          }), f.push({
+            id: `${v}-fast-model`,
+            name: "Fast Model",
+            indent: 1,
+            count: 0,
+            type: "fast-model",
+            connection: T
+          }), 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({
+            id: `${v}-loading`,
+            name: "Loading...",
+            indent: 1,
+            count: 0,
+            type: "loading",
+            connection: T
+          }), a.value[v] && f.push({
+            id: `${v}-error`,
+            name: a.value[v],
+            indent: 1,
+            count: 0,
+            type: "error",
+            connection: T
+          });
+        }
+      }), f;
+    });
+    return {
+      llmConnectionStore: o,
+      chatStore: c,
+      contentList: F,
+      toggleCollapse: m,
+      collapsed: E,
+      saveConnections: i,
+      updateApiKey: w,
+      updateModel: h,
+      updateFastModel: P,
+      refreshId: b,
+      rightSplit: (f) => {
+        const k = f.lastIndexOf(N);
+        return k !== -1 ? f.substring(0, k) : f;
+      },
+      creatorVisible: d,
+      isItemSelected: (f) => f.type === "chat-item" && f.chatId && c ? f.chatId === c.activeChatId : f.type === "connection" ? f.id === o.activeConnection : !1
+    };
+  },
+  components: {
+    SidebarList: Le,
+    LLMConnectionListItem: to,
+    LLMConnectionCreator: uo,
+    LoadingButton: Se,
+    StatusIcon: Me,
+    Tooltip: Ee
+  },
+  methods: {
+    resetConnection(t) {
+      return this.llmConnectionStore.resetConnection(t.name);
+    },
+    setActiveConnection(t) {
+      this.llmConnectionStore.activeConnection = t, this.llmConnectionStore.connections[t].isDefault = !0, Object.keys(this.llmConnectionStore.connections).forEach((e) => {
+        e !== t && (this.llmConnectionStore.connections[e].isDefault = !1);
+      }), 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 = ""));
+    },
+    deleteChat(t, e) {
+      confirm("Are you sure you want to delete this chat?") && this.chatStore && this.chatStore.removeChat(t);
+    },
+    toggleSaveCredential(t) {
+      t.saveCredential = !t.saveCredential, this.saveConnections();
+    }
+  },
+  computed: {
+    connections() {
+      return Object.values(this.llmConnectionStore.connections);
+    }
+  }
+}, mo = { class: "button-container" }, ho = ["data-testid"];
+function yo(t, e, o, i, c, p) {
+  const a = U("LLMConnectionCreator"), d = U("LLMConnectionListItem"), w = U("sidebar-list");
+  return r(), z(w, { title: "LLM Connections" }, {
+    actions: q(() => [
+      s("div", mo, [
+        s("button", {
+          onClick: e[0] || (e[0] = (h) => i.creatorVisible = !i.creatorVisible),
+          "data-testid": o.testTag ? `llm-connection-creator-add-${o.testTag}` : "llm-connection-creator-add"
+        }, j(i.creatorVisible ? "Hide" : "New"), 9, ho)
+      ]),
+      x(a, {
+        visible: i.creatorVisible,
+        onClose: e[1] || (e[1] = (h) => 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),
+        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
+      }, null, 8, ["item", "is-collapsed", "isSelected", "onToggle", "onRefresh", "onUpdateApiKey", "onUpdateModel", "onUpdateFastModel", "onSetActive", "onDeleteConnection", "onDeleteChat", "onToggleSaveCredential"]))), 128))
+    ]),
+    _: 1
+  });
+}
+const vo = /* @__PURE__ */ X(po, [["render", yo], ["__scopeId", "data-v-b094467c"]]);
+export {
+  To as C,
+  vo as L,
+  yt as a,
+  bo as d
+};