@trilogy-data/trilogy-studio-components 0.1.13 → 0.1.14

package/dist/Sidebar-DNAHF4lz.js

@@ -1,1862 +0,0 @@
-import { inject as A, ref as S, onMounted as x, computed as G, resolveComponent as D, createBlock as L, openBlock as r, withCtx as k, createElementBlock as h, Fragment as V, renderList as J, createElementVNode as o, createCommentVNode as g, createVNode as N, normalizeClass as U, toDisplayString as K, createTextVNode as H, defineComponent as X, withDirectives as T, vModelText as P, unref as ie, vModelSelect as te, withModifiers as _, watch as le, normalizeStyle as de, vShow as W } from "vue";
-import { S as Y, e as Z, g as B, K as E, a as F, T as Q, L as oe, f as re, u as ne, t as ce, D as ue, h as se, i as ae, j as me, d as ve, k as pe } from "./main-B49yDSSL.js";
-import { d as ee, a as be, L as he, C as ye } from "./LLMConnectionList-egIna8uh.js";
-import { D as fe } from "./DashboardCreatorInline-szUAhl3C.js";
-const ge = {
-  name: "DocumentationSidebar",
-  props: {
-    activeDocumentationKey: {
-      type: String,
-      default: "",
-      optional: !0
-    }
-  },
-  setup(e) {
-    if (!A("editorStore"))
-      throw new Error("Editor store is not provided!");
-    const s = B("documentationKey") || "", n = S({});
-    return x(() => {
-      const c = s.split(E)[1];
-      let u = `documentation${E}${c}`;
-      ee.forEach((a) => {
-        const m = `documentation${E}${a.title}`;
-        n.value[m] = !u.startsWith(m);
-      });
-    }), {
-      documentationNodes: G(() => {
-        const p = [];
-        return ee.forEach((c) => {
-          const u = `documentation${E}${c.title}`;
-          p.push({
-            id: u,
-            name: c.title,
-            indent: 0,
-            count: c.articles.length,
-            type: "documentation"
-          }), n.value[u] || c.articles.forEach((a) => {
-            p.push({
-              id: `article${E}${c.title}${E}${a.title}`,
-              name: a.displayName || a.title,
-              indent: 1,
-              count: a.paragraphs.length,
-              type: "article"
-            });
-          });
-        }), p;
-      }),
-      toggleCollapse: (p) => {
-        n.value[p] = !n.value[p];
-      },
-      collapsed: n,
-      isActiveNode: (p) => p === e.activeDocumentationKey
-    };
-  },
-  methods: {
-    handleClick(e) {
-      this.$emit("documentation-key-selected", e);
-    }
-  },
-  components: {
-    SidebarList: Z,
-    SidebarItem: Y
-  }
-};
-function Se(e, t, s, n, v, b) {
-  const d = D("sidebar-item"), p = D("sidebar-list");
-  return r(), L(p, { title: "Documentation" }, {
-    actions: k(() => [...t[0] || (t[0] = [])]),
-    default: k(() => [
-      (r(!0), h(V, null, J(n.documentationNodes, (c) => (r(), L(d, {
-        key: c.id,
-        "item-id": c.id,
-        name: c.name,
-        indent: c.indent,
-        "is-selected": n.isActiveNode(c.id),
-        "is-collapsible": c.type === "documentation",
-        "is-collapsed": n.collapsed[c.id],
-        icon: c.type === "article" ? "mdi-text-box-outline" : "",
-        "extra-info": c.type === "documentation" ? c.count : "",
-        itemType: "documentation",
-        onClick: b.handleClick,
-        onToggle: n.toggleCollapse
-      }, null, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "icon", "extra-info", "onClick", "onToggle"]))), 128))
-    ]),
-    _: 1
-  });
-}
-const ke = /* @__PURE__ */ F(ge, [["render", Se], ["__scopeId", "data-v-7d844a72"]]), Ce = {
-  name: "ModelList",
-  props: {
-    activeModelKey: String,
-    testTag: {
-      type: String,
-      default: ""
-    }
-  },
-  setup() {
-    const e = A("modelStore"), t = A("saveModels"), s = A("editorStore"), n = A("trilogyResolver"), v = ne(), b = S(!1), d = v.activeModelKey.value || B("model") || "", p = d.split(E)[0];
-    let c = "", u = "", a = d.split(E);
-    if (p === "model" ? c = a[1] : (p === "source" || p === "datasource" || p === "concept") && (c = a[1], u = a[2]), !e || !t || !s || !n)
-      throw new Error("Model store is not provided!");
-    let m = {};
-    Object.values(e.models).forEach((i) => {
-      let $ = ["model", i.name].join(E);
-      i.name !== c && (m[$] = !0), i.sources.forEach((w) => {
-        let q = ["source", i.name, w.alias].join(E);
-        (i.name !== c || w.alias !== u) && (m[q] = !0), w.datasources.forEach((R) => {
-          let I = ["datasource", i.name, w.alias, R.name].join(E);
-          m[I] = !0;
-        });
-      });
-    });
-    const f = S(m), j = G(() => {
-      const i = [];
-      return Object.values(e.models).sort((w, q) => w.name.localeCompare(q.name)).forEach((w) => {
-        if (w.deleted) return;
-        let q = ["model", w.name].join(E);
-        i.push({
-          id: q,
-          name: w.name,
-          indent: 0,
-          count: w.sources.length,
-          type: "model",
-          concept: null
-        }), f.value[q] || w.sources.forEach((R) => {
-          let I = ["source", w.name, R.alias].join(E);
-          i.push({
-            id: I,
-            name: R.alias,
-            indent: 1,
-            count: R.concepts.length,
-            type: "source",
-            concept: null
-          }), f.value[I] || (R.concepts.forEach((l) => {
-            i.push({
-              id: ["concept", w.name, R.alias, l.namespace, l.name].join(
-                E
-              ),
-              name: l.namespace === "local" ? l.name : l.namespace + "." + l.name,
-              indent: 2,
-              count: 0,
-              type: "concept",
-              concept: l
-            });
-          }), R.datasources.forEach((l) => {
-            let C = ["datasource", w.name, R.alias, l.name].join(E);
-            i.push({
-              id: C,
-              name: l.name,
-              indent: 2,
-              count: l.concepts.length,
-              type: "datasource",
-              concept: null
-            }), f.value[C] || l.concepts.forEach((z) => {
-              i.push({
-                id: [
-                  "concept",
-                  w.name,
-                  R.alias,
-                  l.name,
-                  z.namespace,
-                  z.name
-                ].join(E),
-                name: z.namespace === "local" ? z.name : z.namespace + "." + z.name,
-                indent: 3,
-                count: 0,
-                type: "concept",
-                concept: z
-              });
-            });
-          }));
-        });
-      }), i;
-    });
-    return {
-      creatorVisible: b,
-      flatList: j,
-      collapsed: f,
-      saveModels: t,
-      fetchParseResults: (i) => n.resolveModel(
-        i,
-        e.models[i].sources.map(($) => ({
-          alias: $.alias,
-          contents: (s.editors[$.editor] || { contents: "" }).contents
-        }))
-      ).then(($) => {
-        e.setModelConfigParseResults(i, $);
-      }).catch(($) => {
-        e.setModelParseError(i, $.message), console.error("Failed to fetch parse results:", $);
-      }),
-      trilogyIcon: ce,
-      navigationStore: v,
-      handleClick: (i) => {
-        const $ = i.lastIndexOf(E), w = $ !== -1 ? i.substring($ + 1) : i;
-        v.openTab("models", w, i);
-      },
-      handleToggle: (i) => {
-        f.value[i] = !f.value[i];
-      },
-      modelStore: e
-    };
-  },
-  components: {
-    SidebarList: Z,
-    SidebarItem: Y,
-    ModelCreator: re,
-    LoadingButton: oe,
-    Tooltip: Q
-  }
-}, De = { class: "button-container" }, we = ["data-testid"], Me = ["src"], $e = {
-  key: 2,
-  class: "mdi mdi-table node-icon"
-}, Ie = { class: "right-container hover-icon" }, Te = ["onClick"];
-function Ke(e, t, s, n, v, b) {
-  const d = D("loading-button"), p = D("model-creator"), c = D("tooltip"), u = D("sidebar-item"), a = D("sidebar-list");
-  return r(), L(a, { title: "Models" }, {
-    actions: k(() => [
-      o("div", De, [
-        o("button", {
-          onClick: t[0] || (t[0] = (m) => n.creatorVisible = !n.creatorVisible),
-          "data-testid": s.testTag ? `model-creator-add-${s.testTag}` : "model-creator-add"
-        }, K(n.creatorVisible ? "Hide" : "New"), 9, we),
-        N(d, {
-          action: n.saveModels,
-          "key-combination": ["control", "s"]
-        }, {
-          default: k(() => [...t[2] || (t[2] = [
-            H(" Save ", -1)
-          ])]),
-          _: 1
-        }, 8, ["action"])
-      ]),
-      N(p, {
-        visible: n.creatorVisible,
-        onClose: t[1] || (t[1] = (m) => n.creatorVisible = !n.creatorVisible)
-      }, null, 8, ["visible"])
-    ]),
-    default: k(() => [
-      (r(!0), h(V, null, J(n.flatList, (m) => (r(), L(u, {
-        key: m.id,
-        "item-id": m.id,
-        name: m.name,
-        indent: m.indent,
-        "is-selected": s.activeModelKey === m.id,
-        "is-collapsible": ["model"].includes(m.type) || ["source", "datasource"].includes(m.type) && m.count > 0,
-        "is-collapsed": n.collapsed[m.id],
-        onClick: n.handleClick,
-        onToggle: n.handleToggle
-      }, {
-        icon: k(() => [
-          m.type === "source" ? (r(), h("img", {
-            key: 0,
-            src: n.trilogyIcon,
-            class: "trilogy-icon"
-          }, null, 8, Me)) : m.type === "concept" ? (r(), h("span", {
-            key: 1,
-            class: U(`purpose-${m.concept.purpose.toLowerCase()}`)
-          }, K(m.concept.purpose.charAt(0).toUpperCase()), 3)) : m.type === "datasource" ? (r(), h("i", $e)) : g("", !0)
-        ]),
-        "extra-content": k(() => [
-          o("span", Ie, [
-            m.type === "model" ? (r(), L(c, {
-              key: 0,
-              content: "Refresh Model",
-              position: "left"
-            }, {
-              default: k(() => [
-                N(d, {
-                  action: () => n.fetchParseResults(m.name)
-                }, {
-                  default: k(() => [...t[3] || (t[3] = [
-                    o("i", { class: "mdi mdi-cog-refresh-outline" }, null, -1)
-                  ])]),
-                  _: 1
-                }, 8, ["action"])
-              ]),
-              _: 2
-            }, 1024)) : g("", !0),
-            m.type === "model" ? (r(), L(c, {
-              key: 1,
-              content: "Delete Model",
-              position: "left"
-            }, {
-              default: k(() => [
-                o("i", {
-                  class: "mdi mdi-delete-outline",
-                  onClick: () => n.modelStore.removeModelConfig(m.name)
-                }, null, 8, Te)
-              ]),
-              _: 2
-            }, 1024)) : g("", !0)
-          ])
-        ]),
-        _: 2
-      }, 1032, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "onClick", "onToggle"]))), 128))
-    ]),
-    _: 1
-  });
-}
-const Le = /* @__PURE__ */ F(Ce, [["render", Ke], ["__scopeId", "data-v-a71c2207"]]), Ee = { class: "popup-header" }, Ne = { class: "popup-body" }, Ae = { class: "import-mode-selector" }, Ve = {
-  key: 0,
-  class: "input-group"
-}, je = {
-  key: 0,
-  class: "error-message"
-}, Ue = {
-  key: 1,
-  class: "input-group"
-}, Pe = { class: "url-input-container" }, Oe = ["disabled"], Re = {
-  key: 0,
-  class: "error-message"
-}, qe = {
-  key: 1,
-  class: "preview-container"
-}, Be = { class: "json-preview" }, _e = { class: "connection-selector" }, Fe = { class: "form-row" }, He = ["value"], Je = {
-  key: 0,
-  class: "form-row"
-}, ze = {
-  key: 1,
-  class: "form-row"
-}, We = { class: "form-row" }, Ge = { class: "form-row" }, Qe = { class: "form-row" }, Xe = { class: "popup-footer" }, Ye = ["disabled"], Ze = /* @__PURE__ */ X({
-  __name: "DashboardImportPopup",
-  props: {
-    isOpen: { type: Boolean }
-  },
-  emits: ["close"],
-  setup(e, { emit: t }) {
-    const s = t, n = A("dashboardStore"), v = A("connectionStore"), b = A("saveDashboards"), d = A("saveAll");
-    if (!n || !v || !b || !d)
-      throw new Error("Required stores not provided");
-    const p = S(""), c = S(""), u = S(null), a = S(!1), m = S(""), f = S("paste"), j = S(null), y = S({
-      mdToken: "",
-      projectId: "",
-      username: "",
-      password: "",
-      account: "",
-      sshPrivateKey: ""
-    }), O = S(!0);
-    function M() {
-      if (!c.value) {
-        O.value = !1;
-        return;
-      }
-      if (c.value === "new-motherduck" && !y.value.mdToken) {
-        O.value = !1;
-        return;
-      }
-      if (c.value === "new-bigquery-oauth" && !y.value.projectId) {
-        O.value = !1;
-        return;
-      }
-      if (c.value === "new-snowflake" && (!y.value.username || !y.value.account || !y.value.sshPrivateKey)) {
-        O.value = !1;
-        return;
-      }
-      O.value = !0;
-    }
-    const i = async () => {
-      if (!m.value) {
-        j.value = "Please enter a URL", setTimeout(() => {
-          j.value = null;
-        }, 3e3);
-        return;
-      }
-      a.value = !0, j.value = null;
-      try {
-        const I = await fetch(m.value);
-        if (!I.ok)
-          throw new Error(`HTTP error! Status: ${I.status}`);
-        const l = await I.text();
-        p.value = l, a.value = !1;
-      } catch (I) {
-        console.error("Error fetching dashboard:", I), j.value = `Failed to fetch from URL: ${I instanceof Error ? I.message : "Unknown error"}`, a.value = !1, setTimeout(() => {
-          j.value = null;
-        }, 5e3);
-      }
-    }, $ = async () => {
-      try {
-        const I = ue.fromSerialized(JSON.parse(p.value));
-        I.storage = "local";
-        let l = c.value;
-        if (l.startsWith("new-")) {
-          let C = l.replace("new-", "");
-          l = `dashboard-${I.name || "imported"}-connection`, v.connections[l] || v.newConnection(l, C, {
-            mdToken: y.value.mdToken,
-            projectId: y.value.projectId,
-            username: y.value.username,
-            password: y.value.password,
-            account: y.value.account,
-            privateKey: y.value.sshPrivateKey
-          });
-        }
-        I.connection = l, I.id = Math.random().toString(36).substring(2, 15), n.addDashboard(I), w.value = !0, p.value = "", m.value = "", y.value = {
-          mdToken: "",
-          projectId: "",
-          username: "",
-          password: "",
-          account: "",
-          sshPrivateKey: ""
-        }, await d(), setTimeout(() => {
-          w.value = !1, s("close");
-        }, 1500);
-      } catch {
-        u.value = "Invalid JSON format", setTimeout(() => {
-          u.value = null;
-        }, 3e3);
-      }
-    }, w = S(!1), q = S(null), R = (I) => {
-      q.value && !q.value.contains(I.target) && s("close");
-    };
-    return M(), (I, l) => e.isOpen ? (r(), h("div", {
-      key: 0,
-      class: "popup-overlay",
-      onClick: R
-    }, [
-      o("div", {
-        class: "popup-content",
-        ref_key: "popupContent",
-        ref: q,
-        "data-testid": "dashboard-import-popup"
-      }, [
-        o("div", Ee, [
-          l[11] || (l[11] = o("h3", null, "Import Dashboard", -1)),
-          o("button", {
-            onClick: l[0] || (l[0] = (C) => s("close")),
-            class: "close-button",
-            "data-testid": "close-popup-button"
-          }, " ✕ ")
-        ]),
-        o("div", Ne, [
-          o("div", Ae, [
-            o("button", {
-              class: U(["mode-button", { active: f.value === "paste" }]),
-              onClick: l[1] || (l[1] = (C) => f.value = "paste"),
-              "data-testid": "paste-mode-button"
-            }, " Paste JSON ", 2),
-            o("button", {
-              class: U(["mode-button", { active: f.value === "url" }]),
-              onClick: l[2] || (l[2] = (C) => f.value = "url"),
-              "data-testid": "url-mode-button"
-            }, " From URL ", 2)
-          ]),
-          f.value === "paste" ? (r(), h("div", Ve, [
-            l[12] || (l[12] = o("label", { for: "dashboard-json" }, "Paste Dashboard JSON", -1)),
-            T(o("textarea", {
-              id: "dashboard-json",
-              "onUpdate:modelValue": l[3] || (l[3] = (C) => p.value = C),
-              placeholder: "Paste your dashboard JSON here",
-              rows: "16",
-              class: "dashboard-textarea",
-              "data-testid": "dashboard-json-input"
-            }, null, 512), [
-              [P, p.value]
-            ]),
-            u.value ? (r(), h("div", je, K(u.value), 1)) : g("", !0)
-          ])) : g("", !0),
-          f.value === "url" ? (r(), h("div", Ue, [
-            l[14] || (l[14] = o("label", { for: "dashboard-url" }, "Dashboard URL", -1)),
-            o("div", Pe, [
-              T(o("input", {
-                type: "text",
-                id: "dashboard-url",
-                "onUpdate:modelValue": l[4] || (l[4] = (C) => m.value = C),
-                placeholder: "https://example.com/dashboard.json",
-                class: "url-input",
-                "data-testid": "dashboard-url-input"
-              }, null, 512), [
-                [P, m.value]
-              ]),
-              o("button", {
-                onClick: i,
-                class: "fetch-button",
-                disabled: a.value,
-                "data-testid": "fetch-url-button"
-              }, K(a.value ? "Loading..." : "Fetch"), 9, Oe)
-            ]),
-            j.value ? (r(), h("div", Re, K(j.value), 1)) : g("", !0),
-            p.value && f.value === "url" ? (r(), h("div", qe, [
-              l[13] || (l[13] = o("label", null, "Dashboard JSON Preview", -1)),
-              o("div", Be, [
-                o("pre", null, K(p.value.length > 500 ? p.value.substring(0, 500) + "..." : p.value), 1)
-              ])
-            ])) : g("", !0)
-          ])) : g("", !0)
-        ]),
-        o("div", _e, [
-          o("div", Fe, [
-            l[20] || (l[20] = o("label", { for: "connection-select" }, "Assign To Connection", -1)),
-            T(o("select", {
-              id: "connection-select",
-              "onUpdate:modelValue": l[5] || (l[5] = (C) => c.value = C),
-              class: "connection-dropdown",
-              "data-testid": "connection-select",
-              onChange: M
-            }, [
-              l[15] || (l[15] = o("option", {
-                value: "",
-                disabled: ""
-              }, "-- Select Connection --", -1)),
-              (r(!0), h(V, null, J(ie(v).connections, (C) => (r(), h("option", {
-                key: C.name,
-                value: C.name
-              }, K(C.name), 9, He))), 128)),
-              l[16] || (l[16] = o("option", { value: "new-duckdb" }, "New DuckDB", -1)),
-              l[17] || (l[17] = o("option", { value: "new-motherduck" }, "New MotherDuck", -1)),
-              l[18] || (l[18] = o("option", { value: "new-bigquery-oauth" }, "New Bigquery Oauth", -1)),
-              l[19] || (l[19] = o("option", { value: "new-snowflake" }, "New Snowflake", -1))
-            ], 544), [
-              [te, c.value]
-            ])
-          ]),
-          c.value === "new-motherduck" ? (r(), h("div", Je, [
-            l[21] || (l[21] = o("label", { for: "md-token" }, "MotherDuck Token", -1)),
-            T(o("input", {
-              type: "text",
-              "onUpdate:modelValue": l[6] || (l[6] = (C) => y.value.mdToken = C),
-              id: "md-token",
-              placeholder: "MotherDuck Token",
-              class: "connection-input",
-              onInput: M
-            }, null, 544), [
-              [
-                P,
-                y.value.mdToken,
-                void 0,
-                { trim: !0 }
-              ]
-            ])
-          ])) : g("", !0),
-          c.value === "new-bigquery-oauth" ? (r(), h("div", ze, [
-            l[22] || (l[22] = o("label", { for: "project-id" }, "BigQuery Project ID", -1)),
-            T(o("input", {
-              type: "text",
-              "onUpdate:modelValue": l[7] || (l[7] = (C) => y.value.projectId = C),
-              id: "project-id",
-              placeholder: "Billing Project ID",
-              class: "connection-input",
-              onInput: M
-            }, null, 544), [
-              [
-                P,
-                y.value.projectId,
-                void 0,
-                { trim: !0 }
-              ]
-            ])
-          ])) : g("", !0),
-          c.value === "new-snowflake" ? (r(), h(V, { key: 2 }, [
-            o("div", We, [
-              l[23] || (l[23] = o("label", { for: "snowflake-username" }, "Username", -1)),
-              T(o("input", {
-                type: "text",
-                "onUpdate:modelValue": l[8] || (l[8] = (C) => y.value.username = C),
-                id: "snowflake-username",
-                placeholder: "Snowflake Username",
-                class: "connection-input",
-                onInput: M
-              }, null, 544), [
-                [
-                  P,
-                  y.value.username,
-                  void 0,
-                  { trim: !0 }
-                ]
-              ])
-            ]),
-            o("div", Ge, [
-              l[24] || (l[24] = o("label", { for: "snowflake-account" }, "Account", -1)),
-              T(o("input", {
-                type: "text",
-                "onUpdate:modelValue": l[9] || (l[9] = (C) => y.value.account = C),
-                id: "snowflake-account",
-                placeholder: "Snowflake Account",
-                class: "connection-input",
-                onInput: M
-              }, null, 544), [
-                [
-                  P,
-                  y.value.account,
-                  void 0,
-                  { trim: !0 }
-                ]
-              ])
-            ]),
-            o("div", Qe, [
-              l[25] || (l[25] = o("label", { for: "snowflake-ssh-private-key" }, "Private Key", -1)),
-              T(o("input", {
-                type: "text",
-                "onUpdate:modelValue": l[10] || (l[10] = (C) => y.value.sshPrivateKey = C),
-                id: "snowflake-ssh-private-key",
-                placeholder: "Private Key",
-                class: "connection-input",
-                onInput: M
-              }, null, 544), [
-                [
-                  P,
-                  y.value.sshPrivateKey,
-                  void 0,
-                  { trim: !0 }
-                ]
-              ])
-            ])
-          ], 64)) : g("", !0)
-        ]),
-        o("div", Xe, [
-          o("button", {
-            onClick: $,
-            class: "copy-button",
-            "data-testid": "import-dashboard-button",
-            disabled: !p.value || !c.value || a.value || !O.value
-          }, K(w.value ? "Imported!" : "Import"), 9, Ye)
-        ])
-      ], 512)
-    ])) : g("", !0);
-  }
-}), xe = /* @__PURE__ */ F(Ze, [["__scopeId", "data-v-f89b7efa"]]), et = {
-  name: "DashboardCreatorIcon",
-  components: {
-    Tooltip: Q
-  },
-  props: {
-    connection: {
-      type: String,
-      required: !0
-    },
-    title: {
-      type: String,
-      default: "New Dashboard"
-    }
-  },
-  setup(e) {
-    const t = A("dashboardStore");
-    if (!t)
-      throw new Error("Dashboard store is not provided!");
-    return {
-      createDashboard: () => {
-        const n = `${e.connection} Dashboard ${Date.now().toString().slice(-4)}`;
-        try {
-          const v = t.newDashboard(n, e.connection);
-          t.setActiveDashboard(v.id);
-        } catch (v) {
-          console.error("Failed to create dashboard:", v), alert(`Error creating dashboard: ${v instanceof Error ? v.message : String(v)}`);
-        }
-      }
-    };
-  }
-};
-function tt(e, t, s, n, v, b) {
-  const d = D("tooltip");
-  return r(), L(d, {
-    content: s.title,
-    position: "left"
-  }, {
-    default: k(() => [
-      o("span", {
-        onClick: t[0] || (t[0] = _((...p) => n.createDashboard && n.createDashboard(...p), ["stop"])),
-        class: "dashboard-creator-icon"
-      }, [...t[1] || (t[1] = [
-        o("i", { class: "mdi mdi-table-plus" }, null, -1)
-      ])])
-    ]),
-    _: 1
-  }, 8, ["content"]);
-}
-const ot = /* @__PURE__ */ F(et, [["render", tt], ["__scopeId", "data-v-783ac96e"]]), nt = {
-  name: "DashboardListItem",
-  props: {
-    item: {
-      type: Object,
-      required: !0
-    },
-    isActive: {
-      type: Boolean,
-      default: !1
-    },
-    isCollapsed: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["click", "delete", "clone", "toggle"],
-  setup(e) {
-    const t = A("connectionStore"), s = A("dashboardStore"), n = A("isMobile", !1);
-    if (!t || !s)
-      throw new Error("Connection/Dashboard stores is not provided!");
-    const v = G(() => e.item.type === "connection" && t.connections[e.item.label] || null), b = G(() => {
-      const d = v.value;
-      return d ? d.running ? "running" : d.connected ? "connected" : "disabled" : "disabled";
-    });
-    return {
-      isMobile: n,
-      dashboardStore: s,
-      connectionInfo: v,
-      connectionStatus: b
-    };
-  },
-  methods: {
-    handleClick() {
-      this.$emit("click", this.item);
-    },
-    handleToggle() {
-      this.$emit("click", this.item);
-    },
-    handleDelete() {
-      this.$emit("delete", this.item.dashboard);
-    },
-    handleClone() {
-      this.dashboardStore.cloneDashboard(this.item.id);
-    }
-  },
-  components: {
-    SidebarItem: Y,
-    DashboardCreatorIcon: ot,
-    Tooltip: Q,
-    StatusIcon: se
-  }
-}, st = {
-  key: 0,
-  class: "text-light connection-model"
-}, at = { class: "dashboard-actions" }, it = { class: "tag-container hover-icon" }, lt = ["data-testid"], dt = ["data-testid"], rt = ["data-testid"];
-function ct(e, t, s, n, v, b) {
-  const d = D("tooltip"), p = D("dashboard-creator-icon"), c = D("status-icon"), u = D("sidebar-item");
-  return s.item.type !== "creator" ? (r(), L(u, {
-    key: 0,
-    "item-id": s.item.key,
-    name: s.item.label,
-    indent: s.item.indent,
-    "is-selected": s.isActive,
-    "is-collapsible": !["dashboard", "creator"].includes(s.item.type),
-    "is-collapsed": s.isCollapsed,
-    itemType: "dashboard",
-    onClick: b.handleClick,
-    onToggle: b.handleToggle
-  }, {
-    icon: k(() => [
-      s.item.type === "dashboard" ? (r(), L(d, {
-        key: 0,
-        content: "Dashboard",
-        position: "right"
-      }, {
-        default: k(() => [...t[3] || (t[3] = [
-          o("i", { class: "mdi mdi-view-dashboard node-icon" }, null, -1)
-        ])]),
-        _: 1
-      })) : g("", !0)
-    ]),
-    name: k(() => {
-      var a, m;
-      return [
-        H(K(s.item.label) + " ", 1),
-        s.item.type === "connection" ? (r(), h("span", st, " (" + K((a = n.connectionInfo) != null && a.model ? (m = n.connectionInfo) == null ? void 0 : m.model : "No Model Set") + ") ", 1)) : g("", !0)
-      ];
-    }),
-    "extra-content": k(() => [
-      o("div", at, [
-        s.item.type === "connection" ? (r(), h(V, { key: 0 }, [
-          o("span", it, [
-            N(p, {
-              connection: s.item.label,
-              title: "New Dashboard"
-            }, null, 8, ["connection"])
-          ]),
-          N(c, { status: n.connectionStatus }, null, 8, ["status"])
-        ], 64)) : g("", !0),
-        s.item.type === "dashboard" ? (r(), h(V, { key: 1 }, [
-          N(d, {
-            content: "Clone Dashboard",
-            position: "left"
-          }, {
-            default: k(() => [
-              o("span", {
-                class: "clone-btn hover-icon",
-                onClick: t[0] || (t[0] = _((...a) => b.handleClone && b.handleClone(...a), ["stop"])),
-                "data-testid": `clone-dashboard-${s.item.label}`
-              }, [...t[4] || (t[4] = [
-                o("i", { class: "mdi mdi-content-copy" }, null, -1)
-              ])], 8, lt)
-            ]),
-            _: 1
-          }),
-          N(d, {
-            content: "Delete Dashboard",
-            position: "left"
-          }, {
-            default: k(() => [
-              o("span", {
-                class: "remove-btn hover-icon",
-                onClick: t[1] || (t[1] = _((...a) => b.handleDelete && b.handleDelete(...a), ["stop"])),
-                "data-testid": `delete-dashboard-${s.item.label}`
-              }, [...t[5] || (t[5] = [
-                o("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
-              ])], 8, dt)
-            ]),
-            _: 1
-          })
-        ], 64)) : g("", !0)
-      ])
-    ]),
-    _: 1
-  }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "onClick", "onToggle"])) : (r(), h("div", {
-    key: 1,
-    "data-testid": `dashboard-list-id-${s.item.key}`,
-    class: "creator-item",
-    onClick: t[2] || (t[2] = (...a) => b.handleClick && b.handleClick(...a))
-  }, K(s.item.label), 9, rt));
-}
-const ut = /* @__PURE__ */ F(nt, [["render", ct], ["__scopeId", "data-v-9e23d2b5"]]);
-function mt(e, t) {
-  const s = [], n = {};
-  return e.forEach((v) => {
-    const b = v.storage || "local";
-    v.deleted || (n[b] || (n[b] = []), n[b].push(v));
-  }), Object.entries(n).forEach(([v, b]) => {
-    const d = `s-${v}`;
-    if (s.push({
-      type: "storage",
-      label: v === "local" ? "Browser Storage" : "Remote Storage",
-      key: d,
-      id: d,
-      indent: 0
-    }), !t[d]) {
-      const p = {};
-      b.forEach((c) => {
-        const u = c.connection || "default";
-        p[u] || (p[u] = []), p[u].push(c);
-      }), Object.entries(p).forEach(([c, u]) => {
-        const a = `c-${v}-${c}`;
-        s.push({
-          type: "connection",
-          id: a,
-          label: c,
-          key: a,
-          indent: 1
-        }), t[a] || u.forEach((m) => {
-          s.push({
-            type: "dashboard",
-            label: m.name,
-            id: m.id,
-            key: `d-${m.id}`,
-            indent: 2,
-            dashboard: m
-          });
-        });
-      });
-    }
-  }), s;
-}
-const vt = {
-  name: "DashboardList",
-  props: {
-    activeDashboardKey: String,
-    testTag: {
-      type: String,
-      default: ""
-    }
-  },
-  setup() {
-    const e = A("dashboardStore"), t = A("connectionStore"), s = A("saveDashboards");
-    if (!e || !t || !s)
-      throw new Error("Dashboard or connection store is not provided!");
-    const n = S({}), v = S(!1), b = S(!1), d = (u) => {
-      n.value[u] === void 0 && (n.value[u] = !1), n.value[u] = !n.value[u];
-    }, p = B("dashboard") || "";
-    x(() => {
-      if (Object.values(e.dashboards).forEach((u) => {
-        let a = `s-${u.storage}`, m = `c-${u.storage}-${u.connection}`;
-        p === u.id ? (n.value[a] = !1, n.value[m] = !1) : (n.value[a] === void 0 ? n.value[a] = !0 : n.value[a] === !1 && (n.value[a] = !1), n.value[m] === void 0 ? n.value[m] = !0 : n.value[m] === !1 && (n.value[m] = !1));
-      }), Object.keys(e.dashboards).length > 0) {
-        const u = Object.values(e.dashboards)[0];
-        n.value[`s-${u.storage}`] = !1;
-      }
-    });
-    const c = G(() => mt(Object.values(e.dashboards), n.value));
-    return {
-      connectionStore: t,
-      dashboardStore: e,
-      contentList: c,
-      toggleCollapse: d,
-      collapsed: n,
-      creatorVisible: v,
-      importPopupVisible: b,
-      saveDashboards: s
-    };
-  },
-  data() {
-    return {
-      showDeleteConfirmationState: !1,
-      dashboardToDelete: null
-    };
-  },
-  methods: {
-    showDeleteConfirmation(e) {
-      this.dashboardToDelete = e.id, this.showDeleteConfirmationState = !0;
-    },
-    cancelDelete() {
-      this.showDeleteConfirmationState = !1, this.dashboardToDelete = null;
-    },
-    confirmDelete() {
-      this.dashboardToDelete && this.dashboardStore.dashboards[this.dashboardToDelete] && this.dashboardStore.dashboards[this.dashboardToDelete].delete(), this.showDeleteConfirmationState = !1, this.dashboardToDelete = null;
-    },
-    dashboardCreated(e) {
-      console.log("Dashboard created event received:", e), this.$emit("dashboard-key-selected", e);
-    },
-    clickAction(e) {
-      e.type === "dashboard" ? this.$emit("dashboard-key-selected", e.id) : this.toggleCollapse(e.key);
-    }
-  },
-  components: {
-    DashboardCreatorInline: fe,
-    DashboardImportPopup: xe,
-    DashboardListItem: ut,
-    SidebarList: Z,
-    LoadingButton: oe
-  }
-}, pt = { class: "button-container" }, bt = ["data-testid"], ht = { class: "confirmation-dialog" }, yt = { class: "dialog-actions" };
-function ft(e, t, s, n, v, b) {
-  const d = D("dashboard-creator-inline"), p = D("dashboard-import-popup"), c = D("dashboard-list-item"), u = D("sidebar-list");
-  return r(), L(u, { title: "Dashboards" }, {
-    actions: k(() => [
-      o("div", pt, [
-        o("button", {
-          onClick: t[0] || (t[0] = (a) => n.creatorVisible = !n.creatorVisible),
-          "data-testid": s.testTag ? `dashboard-creator-add-${s.testTag}` : "dashboard-creator-add"
-        }, K(n.creatorVisible ? "Hide" : "New"), 9, bt),
-        o("button", {
-          onClick: t[1] || (t[1] = (a) => n.importPopupVisible = !0),
-          "data-testid": "dashboard-import-button"
-        }, " Import ")
-      ]),
-      N(d, {
-        visible: n.creatorVisible,
-        onClose: t[2] || (t[2] = (a) => n.creatorVisible = !n.creatorVisible),
-        testTag: s.testTag,
-        onDashboardCreated: b.dashboardCreated
-      }, null, 8, ["visible", "testTag", "onDashboardCreated"]),
-      N(p, {
-        isOpen: n.importPopupVisible,
-        onClose: t[3] || (t[3] = (a) => n.importPopupVisible = !1)
-      }, null, 8, ["isOpen"])
-    ]),
-    default: k(() => [
-      (r(!0), h(V, null, J(n.contentList, (a) => (r(), L(c, {
-        key: a.key,
-        item: a,
-        "is-active": s.activeDashboardKey === a.id,
-        "is-collapsed": n.collapsed[a.key],
-        onClick: (m) => b.clickAction(a),
-        onDelete: b.showDeleteConfirmation
-      }, null, 8, ["item", "is-active", "is-collapsed", "onClick", "onDelete"]))), 128)),
-      v.showDeleteConfirmationState ? (r(), h("div", {
-        key: 0,
-        class: "confirmation-overlay",
-        onClick: t[6] || (t[6] = _((...a) => b.cancelDelete && b.cancelDelete(...a), ["self"]))
-      }, [
-        o("div", ht, [
-          t[7] || (t[7] = o("h3", null, "Confirm Deletion", -1)),
-          t[8] || (t[8] = o("p", null, "Are you sure you want to delete this dashboard? Contents cannot be recovered.", -1)),
-          o("div", yt, [
-            o("button", {
-              class: "cancel-btn",
-              "data-testid": "cancel-dashboard-deletion",
-              onClick: t[4] || (t[4] = (...a) => b.cancelDelete && b.cancelDelete(...a))
-            }, " Cancel "),
-            o("button", {
-              class: "confirm-btn",
-              "data-testid": "confirm-dashboard-deletion",
-              onClick: t[5] || (t[5] = (...a) => b.confirmDelete && b.confirmDelete(...a))
-            }, " Delete ")
-          ])
-        ])
-      ])) : g("", !0)
-    ]),
-    _: 1
-  });
-}
-const gt = /* @__PURE__ */ F(vt, [["render", ft], ["__scopeId", "data-v-311270bc"]]), St = {
-  key: 0,
-  class: "mdi mdi-source-repository sidebar-icon"
-}, kt = {
-  key: 1,
-  class: "right-pad"
-}, Ct = {
-  key: 0,
-  class: "tag-container"
-}, Dt = {
-  key: 1,
-  class: "tag-container hover-icon"
-}, wt = {
-  key: 2,
-  class: "tag-container"
-}, Mt = ["data-testid"], $t = /* @__PURE__ */ X({
-  __name: "CommunityModelListItem",
-  props: {
-    item: {},
-    activeModel: { default: "" },
-    isCollapsed: { type: Boolean, default: !1 },
-    isMobile: { type: Boolean, default: !1 }
-  },
-  emits: ["item-click", "model-selected", "model-details", "item-toggle", "delete-store"],
-  setup(e, { emit: t }) {
-    const s = e, n = t, v = ae(), b = () => {
-      s.item.type === "model" ? n("model-selected", s.item.model, s.item.key, s.item.modelRoot) : n("item-click", s.item.type, s.item.key, s.item.modelRoot);
-    }, d = () => {
-      ["model"].includes(s.item.type) || n("item-toggle", s.item.type, s.item.key, s.item.modelRoot);
-    }, p = () => "", c = (m) => m.id === me.id, u = (m) => v.getStoreStatus(m.id), a = (m) => {
-      const f = v.errors[m.id];
-      if (f)
-        return `Connection failed: ${f}`;
-      if (v.getStoreStatus(m.id) === "connected")
-        return "Connected";
-    };
-    return (m, f) => (r(), L(Y, {
-      "item-id": e.item.key,
-      name: e.item.label,
-      indent: e.item.indent,
-      "is-selected": e.activeModel === e.item.key,
-      "is-collapsible": !["model"].includes(e.item.type),
-      "is-collapsed": e.isCollapsed,
-      icon: p(),
-      itemType: "community",
-      onClick: b,
-      onToggle: d
-    }, {
-      icon: k(() => [
-        e.item.type === "root" ? (r(), h("i", St)) : e.item.type === "engine" ? (r(), h("span", kt, [
-          N(be, {
-            "connection-type": e.item.label
-          }, null, 8, ["connection-type"])
-        ])) : g("", !0)
-      ]),
-      "extra-content": k(() => {
-        var j;
-        return [
-          e.item.type === "model" ? (r(), h("span", Ct, [
-            (r(!0), h(V, null, J(((j = e.item.model) == null ? void 0 : j.tags) || [], (y) => (r(), h("span", {
-              key: y,
-              class: "tag"
-            }, K(y), 1))), 128))
-          ])) : e.item.type === "engine" ? (r(), h("span", Dt)) : e.item.type === "root" ? (r(), h("span", wt, [
-            e.item.store && !c(e.item.store) ? (r(), L(Q, {
-              key: 0,
-              content: "Remove Store",
-              position: "left"
-            }, {
-              default: k(() => [
-                o("span", {
-                  class: "remove-btn hover-icon",
-                  onClick: f[0] || (f[0] = _((y) => n("delete-store", e.item.store), ["stop"])),
-                  "data-testid": `delete-store-${e.item.store.id}`
-                }, [...f[1] || (f[1] = [
-                  o("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
-                ])], 8, Mt)
-              ]),
-              _: 1
-            })) : g("", !0),
-            e.item.store ? (r(), L(se, {
-              key: 1,
-              status: u(e.item.store),
-              message: a(e.item.store),
-              "test-name": e.item.store.id
-            }, null, 8, ["status", "message", "test-name"])) : g("", !0)
-          ])) : g("", !0)
-        ];
-      }),
-      _: 1
-    }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "icon"]));
-  }
-}), It = /* @__PURE__ */ F($t, [["__scopeId", "data-v-080825ec"]]), Tt = {
-  name: "AddStoreModal",
-  props: {
-    show: {
-      type: Boolean,
-      required: !0
-    },
-    loading: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: ["close", "add"],
-  setup(e, { emit: t }) {
-    const s = S("generic"), n = S(""), v = S(""), b = S(""), d = S(""), p = S("main"), c = S(null);
-    return le(
-      () => e.show,
-      (a) => {
-        a && (s.value = "generic", n.value = "", v.value = "", b.value = "", d.value = "", p.value = "main", c.value = null);
-      }
-    ), {
-      storeType: s,
-      storeName: n,
-      baseUrl: v,
-      owner: b,
-      repo: d,
-      branch: p,
-      error: c,
-      handleSubmit: async () => {
-        c.value = null;
-        try {
-          if (s.value === "generic") {
-            if (!n.value || !v.value) {
-              c.value = "Please fill in all required fields";
-              return;
-            }
-            const m = {
-              type: "generic",
-              id: v.value.replace(/^https?:\/\//, "").replace(/\//g, "-"),
-              name: n.value,
-              baseUrl: v.value.replace(/\/$/, "")
-              // Remove trailing slash
-            };
-            t("add", m);
-          } else {
-            if (!n.value || !b.value || !d.value || !p.value) {
-              c.value = "Please fill in all required fields";
-              return;
-            }
-            const m = {
-              type: "github",
-              id: `${b.value}-${d.value}-${p.value}`,
-              name: n.value,
-              owner: b.value,
-              repo: d.value,
-              branch: p.value
-            };
-            t("add", m);
-          }
-        } catch (a) {
-          c.value = a instanceof Error ? a.message : "Failed to add store";
-        }
-      }
-    };
-  }
-}, Kt = { class: "form-group" }, Lt = { class: "form-group" }, Et = { class: "form-group" }, Nt = { class: "form-group" }, At = { class: "form-group" }, Vt = { class: "form-group" }, jt = { class: "form-group" }, Ut = {
-  key: 2,
-  class: "form-error",
-  "data-testid": "add-store-error"
-}, Pt = { class: "dialog-actions" }, Ot = ["disabled"];
-function Rt(e, t, s, n, v, b) {
-  return s.show ? (r(), h("div", {
-    key: 0,
-    class: "confirmation-overlay",
-    onClick: t[10] || (t[10] = (d) => e.$emit("close"))
-  }, [
-    o("div", {
-      class: "confirmation-dialog",
-      "data-testid": "add-store-modal",
-      onClick: t[9] || (t[9] = _(() => {
-      }, ["stop"]))
-    }, [
-      t[20] || (t[20] = o("h3", null, "Add Model Store", -1)),
-      o("form", {
-        onSubmit: t[8] || (t[8] = _((...d) => n.handleSubmit && n.handleSubmit(...d), ["prevent"]))
-      }, [
-        o("div", Kt, [
-          t[12] || (t[12] = o("label", null, [
-            H("Store Type: "),
-            o("span", { class: "required" }, "*")
-          ], -1)),
-          T(o("select", {
-            "onUpdate:modelValue": t[0] || (t[0] = (d) => n.storeType = d),
-            "data-testid": "store-type-select"
-          }, [...t[11] || (t[11] = [
-            o("option", { value: "generic" }, "Generic", -1),
-            o("option", { value: "github" }, "GitHub Repository", -1)
-          ])], 512), [
-            [te, n.storeType]
-          ])
-        ]),
-        n.storeType === "generic" ? (r(), h(V, { key: 0 }, [
-          o("div", Lt, [
-            t[13] || (t[13] = o("label", null, [
-              H("Store Name: "),
-              o("span", { class: "required" }, "*")
-            ], -1)),
-            T(o("input", {
-              "onUpdate:modelValue": t[1] || (t[1] = (d) => n.storeName = d),
-              type: "text",
-              placeholder: "e.g., Local Dev Store",
-              "data-testid": "store-name-input",
-              required: ""
-            }, null, 512), [
-              [P, n.storeName]
-            ])
-          ]),
-          o("div", Et, [
-            t[14] || (t[14] = o("label", null, [
-              H("Base URL: "),
-              o("span", { class: "required" }, "*")
-            ], -1)),
-            T(o("input", {
-              "onUpdate:modelValue": t[2] || (t[2] = (d) => n.baseUrl = d),
-              type: "url",
-              placeholder: "e.g., http://localhost:8000",
-              "data-testid": "store-url-input",
-              required: ""
-            }, null, 512), [
-              [P, n.baseUrl]
-            ]),
-            t[15] || (t[15] = o("small", null, "URL should serve an index.json file at /index.json", -1))
-          ])
-        ], 64)) : g("", !0),
-        n.storeType === "github" ? (r(), h(V, { key: 1 }, [
-          o("div", Nt, [
-            t[16] || (t[16] = o("label", null, [
-              H("Display Name: "),
-              o("span", { class: "required" }, "*")
-            ], -1)),
-            T(o("input", {
-              "onUpdate:modelValue": t[3] || (t[3] = (d) => n.storeName = d),
-              type: "text",
-              placeholder: "e.g., My Custom Models",
-              "data-testid": "store-name-input",
-              required: ""
-            }, null, 512), [
-              [P, n.storeName]
-            ])
-          ]),
-          o("div", At, [
-            t[17] || (t[17] = o("label", null, [
-              H("Repository Owner: "),
-              o("span", { class: "required" }, "*")
-            ], -1)),
-            T(o("input", {
-              "onUpdate:modelValue": t[4] || (t[4] = (d) => n.owner = d),
-              type: "text",
-              placeholder: "e.g., trilogy-data",
-              "data-testid": "github-owner-input",
-              required: ""
-            }, null, 512), [
-              [P, n.owner]
-            ])
-          ]),
-          o("div", Vt, [
-            t[18] || (t[18] = o("label", null, [
-              H("Repository Name: "),
-              o("span", { class: "required" }, "*")
-            ], -1)),
-            T(o("input", {
-              "onUpdate:modelValue": t[5] || (t[5] = (d) => n.repo = d),
-              type: "text",
-              placeholder: "e.g., trilogy-public-models",
-              "data-testid": "github-repo-input",
-              required: ""
-            }, null, 512), [
-              [P, n.repo]
-            ])
-          ]),
-          o("div", jt, [
-            t[19] || (t[19] = o("label", null, [
-              H("Branch: "),
-              o("span", { class: "required" }, "*")
-            ], -1)),
-            T(o("input", {
-              "onUpdate:modelValue": t[6] || (t[6] = (d) => n.branch = d),
-              type: "text",
-              placeholder: "e.g., main",
-              "data-testid": "github-branch-input",
-              required: ""
-            }, null, 512), [
-              [P, n.branch]
-            ])
-          ])
-        ], 64)) : g("", !0),
-        n.error ? (r(), h("div", Ut, K(n.error), 1)) : g("", !0),
-        o("div", Pt, [
-          o("button", {
-            type: "button",
-            class: "cancel-btn",
-            "data-testid": "add-store-cancel",
-            onClick: t[7] || (t[7] = (d) => e.$emit("close"))
-          }, " Cancel "),
-          o("button", {
-            type: "submit",
-            class: "confirm-btn",
-            "data-testid": "add-store-submit",
-            disabled: s.loading
-          }, K(s.loading ? "Adding..." : "Add Store"), 9, Ot)
-        ])
-      ], 32)
-    ])
-  ])) : g("", !0);
-}
-const qt = /* @__PURE__ */ F(Tt, [["render", Rt], ["__scopeId", "data-v-9b0c5261"]]), Bt = (e = {}, t = [], s = {}) => {
-  const n = [];
-  return t.forEach((v) => {
-    const b = v.id, d = v.name, p = {
-      owner: v.type === "github" ? v.owner : "",
-      repo: v.type === "github" ? v.repo : "",
-      branch: v.type === "github" ? v.branch : "main",
-      displayName: d
-    };
-    if (n.push({
-      type: "root",
-      label: d,
-      key: b,
-      indent: 0,
-      modelRoot: p,
-      store: v
-    }), !e[b]) {
-      const c = s[b] || [], u = {};
-      c.forEach((a) => {
-        u[a.engine] || (u[a.engine] = []), u[a.engine].push(a);
-      }), Object.keys(u).sort().forEach((a) => {
-        const m = `${b}${E}${a}`;
-        n.push({
-          type: "engine",
-          label: a,
-          key: m,
-          indent: 1,
-          modelRoot: p,
-          store: v
-        }), e[m] || u[a].forEach((f) => {
-          n.push({
-            type: "model",
-            label: f.name,
-            key: `${m}${E}${f.name}`,
-            indent: 2,
-            model: f,
-            modelRoot: p,
-            store: v
-          });
-        });
-      });
-    }
-  }), n;
-}, _t = X({
-  name: "CommunityModelList",
-  setup() {
-    const e = ae(), t = ne(), s = S({}), n = t.activeCommunityModelKey.value || "", v = (M) => {
-      const i = M.split("+");
-      if (i.length > 0 && (s.value[i[0]] = !1, i.length > 1)) {
-        const $ = `${i[0]}+${i[1]}`;
-        s.value[$] = !1;
-      }
-    };
-    for (const M of e.stores)
-      s.value[M.id] = !0;
-    n ? v(n) : e.stores.length > 0 && (s.value[e.stores[0].id] = !1);
-    const b = S(null), d = S(!1), p = S(null), c = async (M) => {
-      b.value = null;
-      try {
-        await e.addStore(M), e.closeAddStoreModal();
-      } catch (i) {
-        b.value = i instanceof Error ? i.message : "Failed to add store";
-      }
-    }, u = (M) => {
-      p.value = M, d.value = !0;
-    }, a = () => {
-      d.value = !1, p.value = null;
-    }, m = () => {
-      p.value && e.removeStore(p.value.id), d.value = !1, p.value = null;
-    }, f = (M, i, $) => {
-      t.openTab("community-models", M.name, i), console.log("Selected model:", M.name, "from root:", $);
-    }, j = (M, i, $) => {
-      t.openTab("community-models", null, i);
-    }, y = (M, i, $) => {
-      s.value[i] = !s.value[i];
-    }, O = G(() => Bt(
-      s.value,
-      e.stores,
-      e.filesByStore
-    ));
-    return x(async () => {
-      await e.initialize();
-    }), {
-      communityStore: e,
-      navigationStore: t,
-      addError: b,
-      handleAddStoreSubmit: c,
-      showDeleteStoreConfirmation: u,
-      cancelDeleteStore: a,
-      confirmDeleteStore: m,
-      showDeleteConfirmationState: d,
-      handleModelSelected: f,
-      handleItemClick: j,
-      handleItemToggle: y,
-      collapsed: s,
-      displayTree: O
-    };
-  },
-  components: {
-    SidebarList: Z,
-    CommunityModelListItem: It,
-    AddStoreModal: qt
-  }
-}), Ft = { class: "button-container" }, Ht = ["disabled"], Jt = ["disabled"], zt = {
-  key: 0,
-  class: "error-container"
-}, Wt = { class: "error-text" }, Gt = ["onClick"], Qt = { class: "confirmation-dialog" }, Xt = { class: "dialog-actions" };
-function Yt(e, t, s, n, v, b) {
-  const d = D("CommunityModelListItem"), p = D("AddStoreModal"), c = D("sidebar-list");
-  return r(), L(c, { title: "Community Models" }, {
-    actions: k(() => [
-      o("div", Ft, [
-        o("button", {
-          onClick: t[0] || (t[0] = (u) => e.communityStore.refreshData()),
-          disabled: e.communityStore.loading
-        }, K(e.communityStore.loading ? "Refreshing..." : "Refresh"), 9, Ht),
-        o("button", {
-          onClick: t[1] || (t[1] = (u) => e.communityStore.openAddStoreModal()),
-          disabled: e.communityStore.loading
-        }, " Add Store ", 8, Jt)
-      ])
-    ]),
-    default: k(() => [
-      e.communityStore.hasErrors ? (r(), h("div", zt, [
-        (r(!0), h(V, null, J(e.communityStore.errorList, (u) => (r(), h("div", {
-          key: u.root,
-          class: "error-item"
-        }, [
-          o("span", Wt, K(u.name) + ": " + K(u.error), 1),
-          o("button", {
-            onClick: (a) => e.communityStore.clearStoreError(u.root),
-            class: "clear-error"
-          }, "×", 8, Gt)
-        ]))), 128))
-      ])) : g("", !0),
-      (r(!0), h(V, null, J(e.displayTree, (u) => (r(), L(d, {
-        key: u.key,
-        item: u,
-        "is-collapsed": e.collapsed[u.key],
-        "active-model": e.navigationStore.activeCommunityModelKey.value,
-        onItemClick: e.handleItemClick,
-        onItemToggle: e.handleItemToggle,
-        onModelSelected: e.handleModelSelected,
-        onDeleteStore: e.showDeleteStoreConfirmation
-      }, null, 8, ["item", "is-collapsed", "active-model", "onItemClick", "onItemToggle", "onModelSelected", "onDeleteStore"]))), 128)),
-      N(p, {
-        show: e.communityStore.showAddStoreModal,
-        loading: e.communityStore.addingStore,
-        onClose: t[2] || (t[2] = (u) => e.communityStore.closeAddStoreModal()),
-        onAdd: e.handleAddStoreSubmit
-      }, null, 8, ["show", "loading", "onAdd"]),
-      e.showDeleteConfirmationState ? (r(), h("div", {
-        key: 1,
-        class: "confirmation-overlay",
-        onClick: t[5] || (t[5] = _((...u) => e.cancelDeleteStore && e.cancelDeleteStore(...u), ["self"]))
-      }, [
-        o("div", Qt, [
-          t[6] || (t[6] = o("h3", null, "Confirm Store Removal", -1)),
-          t[7] || (t[7] = o("p", null, "Are you sure you want to remove this store? This will not delete any imported models.", -1)),
-          o("div", Xt, [
-            o("button", {
-              class: "cancel-btn",
-              "data-testid": "cancel-store-deletion",
-              onClick: t[3] || (t[3] = (...u) => e.cancelDeleteStore && e.cancelDeleteStore(...u))
-            }, " Cancel "),
-            o("button", {
-              class: "confirm-btn",
-              "data-testid": "confirm-store-deletion",
-              onClick: t[4] || (t[4] = (...u) => e.confirmDeleteStore && e.confirmDeleteStore(...u))
-            }, " Remove ")
-          ])
-        ])
-      ])) : g("", !0)
-    ]),
-    _: 1
-  });
-}
-const Zt = /* @__PURE__ */ F(_t, [["render", Yt], ["__scopeId", "data-v-abc5c56b"]]), xt = X({
-  name: "Sidebar",
-  props: {
-    active: {
-      type: String,
-      default: B("screen")
-    },
-    activeEditor: {
-      type: String,
-      default: B("editor")
-    },
-    activeModelKey: {
-      type: String,
-      default: B("model")
-    },
-    activeDocumentationKey: {
-      type: String,
-      default: B("documentationKey")
-    },
-    activeConnectionKey: {
-      type: String,
-      default: B("connection")
-    },
-    activeLLMKey: {
-      type: String,
-      default: B("llm")
-    },
-    activeDashboardKey: {
-      type: String,
-      default: B("dashboard")
-    },
-    containerWidth: {
-      type: Number,
-      default: 200
-    }
-  },
-  setup() {
-    const e = S(!1), t = S(null);
-    return {
-      isSaving: e,
-      previousUnSaved: t
-    };
-  },
-  data() {
-    let e = [
-      {
-        name: "dashboard",
-        tooltip: "Chart",
-        icon: "mdi mdi-chart-multiple",
-        screen: "dashboard"
-      },
-      {
-        name: "models",
-        tooltip: "Model",
-        icon: "mdi mdi-set-center",
-        screen: "models"
-      },
-      {
-        name: "community-models",
-        tooltip: "Share & Explore",
-        icon: "mdi mdi-library-outline",
-        screen: "community-models"
-      },
-      {
-        name: "help",
-        tooltip: "Help",
-        icon: "mdi mdi-help",
-        screen: "tutorial"
-      }
-    ], t = [
-      {
-        name: "edit",
-        tooltip: "Query",
-        icon: "mdi mdi-file-document-edit-outline",
-        screen: "editors"
-      },
-      {
-        name: "database",
-        tooltip: "Connect",
-        icon: "mdi mdi-database-outline",
-        screen: "connections"
-      },
-      {
-        name: "llm",
-        tooltip: "AI",
-        icon: "mdi mdi-creation-outline",
-        screen: "llms"
-      }
-      //   {
-      //     name: "Extensions",
-      //     iconClass: "fas fa-puzzle-piece",
-      //     component: "Extensions", // Replace with your actual component
-      //   },
-    ], s = A("isMobile"), n = A("saveAll"), v = A("unSaved") || 0;
-    if (!s || !n)
-      throw new Error("isMobile is not provided");
-    return {
-      // index of the sidebarItem where the screen == active
-      // selectedIndex: sideBarItems.findIndex((item) => item.screen === active) || 0,
-      trilogyIcon: pe,
-      sidebarItems: t,
-      sidebarFeatureItems: e,
-      isMobile: s,
-      unSaved: v,
-      saveAll: n,
-      notMobile: !s,
-      contentCollapsed: !1
-    };
-  },
-  components: {
-    EditorList: ve,
-    ConnectionList: ye,
-    Tooltip: Q,
-    TutorialSidebar: ke,
-    ModelSidebar: Le,
-    LLMConnectionList: he,
-    DashboardList: gt,
-    CommunityModelList: Zt
-  },
-  watch: {
-    contentCollapsed(e) {
-      this.$emit("content-collapsed", e);
-    },
-    unSaved: {
-      handler(e, t) {
-        t > 0 && e === 0 && !this.isSaving && this.triggerSaveAnimation(), this.previousUnSaved = e;
-      },
-      immediate: !0
-    }
-  },
-  methods: {
-    triggerSaveAnimation() {
-      this.isSaving = !0, setTimeout(() => {
-        this.isSaving = !1;
-      }, 500);
-    },
-    async handleSave() {
-      this.isSaving = !0, await this.saveAll(), setTimeout(() => {
-        this.isSaving = !1;
-      }, 500);
-    },
-    selectItem(e) {
-      if (this.isMobile) {
-        this.$emit("screen-selected", e);
-        return;
-      }
-      e === this.active ? this.contentCollapsed = !this.contentCollapsed : (this.contentCollapsed = !1, this.$emit("screen-selected", e));
-    },
-    toggleCollapse() {
-      this.contentCollapsed = !this.contentCollapsed;
-    },
-    editorSelected(e) {
-      this.$emit("editor-selected", e);
-    },
-    modelKeySelected(e) {
-      this.$emit("model-key-selected", e);
-    },
-    documentationKeySelected(e) {
-      this.$emit("documentation-key-selected", e);
-    },
-    connectionKeySelected(e) {
-      this.$emit("connection-key-selected", e);
-    },
-    dashboardKeySelected(e) {
-      this.$emit("dashboard-key-selected", e);
-    },
-    toggleMobileMenu() {
-      this.$emit("toggle-mobile-menu");
-    },
-    llmKeySelected(e) {
-      this.$emit("llm-key-selected", e);
-    },
-    llmOpenView(e, t, s) {
-      this.$emit("llm-open-view", e, t, s);
-    },
-    createNewChat(e) {
-      this.$emit("create-new-chat", e);
-    },
-    saveEditors() {
-      this.$emit("save-editors");
-    },
-    saveDashboards() {
-      this.$emit("save-dashboards");
-    },
-    openSettings() {
-      console.log("Settings clicked");
-    },
-    openProfile() {
-      console.log("Profile clicked");
-    },
-    getUrl(e) {
-      const t = new URLSearchParams(window.location.search);
-      return t.set("sidebarScreen", e), `#${t.toString()}`;
-    }
-  }
-}), eo = { class: "sidebar-container" }, to = {
-  class: "sidebar-icons",
-  "data-testid": "sidebar-icons"
-}, oo = { class: "trilogy-icon" }, no = { class: "trilogy-icon-wrapper" }, so = ["src"], ao = ["title"], io = ["title"], lo = {
-  key: 1,
-  class: "sidebar-divider"
-}, ro = ["onClick", "data-testid"], co = ["onClick", "href", "data-testid"], uo = ["data-testid"], mo = {
-  key: 2,
-  class: "sidebar-divider"
-}, vo = ["onClick", "data-testid"], po = ["onClick", "href", "data-testid"], bo = ["data-testid"];
-function ho(e, t, s, n, v, b) {
-  var y, O, M;
-  const d = D("tooltip"), p = D("EditorList"), c = D("ConnectionList"), u = D("LLMConnectionList"), a = D("ModelSidebar"), m = D("TutorialSidebar"), f = D("DashboardList"), j = D("CommunityModelList");
-  return r(), h("div", eo, [
-    o("div", to, [
-      o("div", oo, [
-        o("div", no, [
-          N(d, {
-            content: e.unSaved ? `Save ${e.unSaved} ${(((y = e.unSaved) == null ? void 0 : y.valueOf()) || 0) > 1 ? "changes" : "change"}` : "All changes saved!"
-          }, {
-            default: k(() => [
-              o("img", {
-                class: U(["trilogy-icon", { spinning: e.isSaving }]),
-                onClick: t[0] || (t[0] = (...i) => e.handleSave && e.handleSave(...i)),
-                src: e.trilogyIcon,
-                "data-testid": "trilogy-icon"
-              }, null, 10, so)
-            ]),
-            _: 1
-          }, 8, ["content"]),
-          (((O = e.unSaved) == null ? void 0 : O.valueOf()) || 0) > 0 ? (r(), h("div", {
-            key: 0,
-            class: "unsaved-badge",
-            title: `${e.unSaved} unsaved ${(((M = e.unSaved) == null ? void 0 : M.valueOf()) || 0) > 1 ? "changes" : "change"}`
-          }, K(e.unSaved), 9, ao)) : g("", !0)
-        ])
-      ]),
-      t[10] || (t[10] = o("div", { class: "trilogy-icon-padding" }, null, -1)),
-      e.isMobile ? g("", !0) : (r(), h("div", {
-        key: 0,
-        class: "sidebar-collapse-btn",
-        onClick: t[1] || (t[1] = (...i) => e.toggleCollapse && e.toggleCollapse(...i)),
-        title: e.contentCollapsed ? "Expand sidebar" : "Collapse sidebar"
-      }, [
-        o("i", {
-          class: U(e.contentCollapsed ? "mdi mdi-chevron-right" : "mdi mdi-chevron-left")
-        }, null, 2)
-      ], 8, io)),
-      e.isMobile ? g("", !0) : (r(), h("div", lo)),
-      (r(!0), h(V, null, J(e.sidebarItems, (i, $) => (r(), h("div", {
-        key: i.name,
-        class: U(["sidebar-icon", { selected: e.active == i.screen, "sidebar-icon-margin": !e.isMobile }]),
-        onClick: (w) => e.selectItem(i.screen),
-        "data-testid": `sidebar-icon-${i.screen}`
-      }, [
-        e.isMobile ? (r(), h(V, { key: 1 }, [
-          o("i", {
-            class: U(i.icon),
-            "data-testid": `sidebar-link-${i.screen}`
-          }, null, 10, uo),
-          o("div", null, K(i.tooltip), 1)
-        ], 64)) : (r(), L(d, {
-          key: 0,
-          content: i.tooltip
-        }, {
-          default: k(() => [
-            o("a", {
-              onClick: _((w) => e.selectItem(i.screen), ["prevent", "stop"]),
-              href: e.getUrl(i.screen),
-              target: "_blank",
-              "data-testid": `sidebar-link-${i.screen}`
-            }, [
-              o("i", {
-                class: U(i.icon)
-              }, null, 2)
-            ], 8, co)
-          ]),
-          _: 2
-        }, 1032, ["content"]))
-      ], 10, ro))), 128)),
-      e.isMobile ? g("", !0) : (r(), h("div", mo)),
-      (r(!0), h(V, null, J(e.sidebarFeatureItems, (i, $) => (r(), h("div", {
-        key: i.name,
-        class: U(["sidebar-icon", { selected: e.active == i.screen, "sidebar-icon-margin": !e.isMobile }]),
-        onClick: (w) => e.selectItem(i.screen),
-        "data-testid": `sidebar-icon-${i.screen}`
-      }, [
-        e.isMobile ? (r(), h(V, { key: 1 }, [
-          o("i", {
-            class: U(i.icon),
-            "data-testid": `sidebar-link-${i.screen}`
-          }, null, 10, bo),
-          o("div", null, K(i.tooltip), 1)
-        ], 64)) : (r(), L(d, {
-          key: 0,
-          content: i.tooltip
-        }, {
-          default: k(() => [
-            o("a", {
-              onClick: _((w) => e.selectItem(i.screen), ["prevent", "stop"]),
-              href: e.getUrl(i.screen),
-              target: "_blank",
-              "data-testid": `sidebar-link-${i.screen}`
-            }, [
-              o("i", {
-                class: U(i.icon)
-              }, null, 2)
-            ], 8, po)
-          ]),
-          _: 2
-        }, 1032, ["content"]))
-      ], 10, vo))), 128)),
-      o("div", {
-        class: U(["sidebar-bottom-icons", { "sidebar-bottom-icons-mobile": e.isMobile }])
-      }, [
-        o("div", {
-          class: U(["sidebar-icon", { selected: e.active == "settings", "sidebar-icon-margin": !e.isMobile }]),
-          onClick: t[2] || (t[2] = (i) => e.selectItem("settings")),
-          "data-testid": "sidebar-icon-settings"
-        }, [
-          e.isMobile ? (r(), h(V, { key: 1 }, [
-            t[5] || (t[5] = o("i", { class: "mdi mdi-cog-outline" }, null, -1)),
-            t[6] || (t[6] = o("div", null, "Settings", -1))
-          ], 64)) : (r(), L(d, {
-            key: 0,
-            content: "Settings"
-          }, {
-            default: k(() => [...t[4] || (t[4] = [
-              o("i", { class: "mdi mdi-cog-outline" }, null, -1)
-            ])]),
-            _: 1
-          }))
-        ], 2),
-        o("div", {
-          class: U(["sidebar-icon", { selected: e.active == "profile", "sidebar-icon-margin": !e.isMobile }]),
-          "data-testid": "sidebar-icon-profile",
-          onClick: t[3] || (t[3] = (i) => e.selectItem("profile"))
-        }, [
-          e.isMobile ? (r(), h(V, { key: 1 }, [
-            t[8] || (t[8] = o("i", { class: "mdi mdi-account-outline" }, null, -1)),
-            t[9] || (t[9] = o("div", null, "Profile", -1))
-          ], 64)) : (r(), L(d, {
-            key: 0,
-            content: "Profile"
-          }, {
-            default: k(() => [...t[7] || (t[7] = [
-              o("i", { class: "mdi mdi-account-outline" }, null, -1)
-            ])]),
-            _: 1
-          }))
-        ], 2)
-      ], 2)
-    ]),
-    o("div", {
-      class: U(["sidebar-content", { "sidebar-content-collapsed": e.contentCollapsed && !e.isMobile }]),
-      style: de(e.contentCollapsed && !e.isMobile ? {} : { width: e.containerWidth - 40 + "px" })
-    }, [
-      T(N(p, {
-        activeEditor: e.activeEditor,
-        onEditorSelected: e.editorSelected,
-        onSaveEditors: e.saveEditors
-      }, null, 8, ["activeEditor", "onEditorSelected", "onSaveEditors"]), [
-        [W, e.active === "editors"]
-      ]),
-      T(N(c, {
-        onConnectionKeySelected: e.connectionKeySelected,
-        onToggleMobileMenu: e.toggleMobileMenu,
-        activeConnectionKey: e.activeConnectionKey
-      }, null, 8, ["onConnectionKeySelected", "onToggleMobileMenu", "activeConnectionKey"]), [
-        [W, e.active === "connections"]
-      ]),
-      T(N(u, {
-        onLlmConnectionKeySelected: e.llmKeySelected,
-        onLlmOpenView: e.llmOpenView,
-        onCreateNewChat: e.createNewChat,
-        activeLLMKey: e.activeLLMKey
-      }, null, 8, ["onLlmConnectionKeySelected", "onLlmOpenView", "onCreateNewChat", "activeLLMKey"]), [
-        [W, e.active === "llms"]
-      ]),
-      T(N(a, {
-        onModelKeySelected: e.modelKeySelected,
-        activeModelKey: e.activeModelKey
-      }, null, 8, ["onModelKeySelected", "activeModelKey"]), [
-        [W, e.active === "models"]
-      ]),
-      T(N(m, {
-        onDocumentationKeySelected: e.documentationKeySelected,
-        activeDocumentationKey: e.activeDocumentationKey
-      }, null, 8, ["onDocumentationKeySelected", "activeDocumentationKey"]), [
-        [W, e.active === "tutorial"]
-      ]),
-      T(N(f, {
-        onDashboardKeySelected: e.dashboardKeySelected,
-        onSaveEditors: e.saveDashboards,
-        activeDashboardKey: e.activeDashboardKey,
-        onToggleMobileMenu: e.toggleMobileMenu
-      }, null, 8, ["onDashboardKeySelected", "onSaveEditors", "activeDashboardKey", "onToggleMobileMenu"]), [
-        [W, e.active === "dashboard"]
-      ]),
-      T(N(j, null, null, 512), [
-        [W, e.active === "community-models"]
-      ])
-    ], 6)
-  ]);
-}
-const ko = /* @__PURE__ */ F(xt, [["render", ho], ["__scopeId", "data-v-1c35bb00"]]);
-export {
-  ko as default
-};