@trilogy-data/trilogy-studio-components 0.1.0

package/dist/Sidebar-BGKtM2n0.js

@@ -0,0 +1,1841 @@
+import { inject as A, ref as g, onMounted as x, computed as G, resolveComponent as D, createBlock as L, openBlock as r, withCtx as k, createElementBlock as y, Fragment as V, renderList as J, createElementVNode as o, createCommentVNode as S, 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 B, watch as le, normalizeStyle as de, vShow as W } from "vue";
+import { S as Y, e as Z, g as q, 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-oVvKtGNk.js";
+import { d as ee, a as be, L as ye, C as he } from "./LLMConnectionList-DVM5t-P2.js";
+import { D as fe } from "./DashboardCreatorInline-Do-CDJgS.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 = q("documentationKey") || "", n = g({});
+    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), y(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 = g(!1), d = v.activeModelKey.value || q("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((l) => {
+      let $ = ["model", l.name].join(E);
+      l.name !== c && (m[$] = !0), l.sources.forEach((w) => {
+        let _ = ["source", l.name, w.alias].join(E);
+        (l.name !== c || w.alias !== u) && (m[_] = !0), w.datasources.forEach((R) => {
+          let I = ["datasource", l.name, w.alias, R.name].join(E);
+          m[I] = !0;
+        });
+      });
+    });
+    const f = g(m), j = G(() => {
+      const l = [];
+      return Object.values(e.models).sort((w, _) => w.name.localeCompare(_.name)).forEach((w) => {
+        if (w.deleted) return;
+        let _ = ["model", w.name].join(E);
+        l.push({
+          id: _,
+          name: w.name,
+          indent: 0,
+          count: w.sources.length,
+          type: "model",
+          concept: null
+        }), f.value[_] || w.sources.forEach((R) => {
+          let I = ["source", w.name, R.alias].join(E);
+          l.push({
+            id: I,
+            name: R.alias,
+            indent: 1,
+            count: R.concepts.length,
+            type: "source",
+            concept: null
+          }), f.value[I] || (R.concepts.forEach((i) => {
+            l.push({
+              id: ["concept", w.name, R.alias, i.namespace, i.name].join(
+                E
+              ),
+              name: i.namespace === "local" ? i.name : i.namespace + "." + i.name,
+              indent: 2,
+              count: 0,
+              type: "concept",
+              concept: i
+            });
+          }), R.datasources.forEach((i) => {
+            let C = ["datasource", w.name, R.alias, i.name].join(E);
+            l.push({
+              id: C,
+              name: i.name,
+              indent: 2,
+              count: i.concepts.length,
+              type: "datasource",
+              concept: null
+            }), f.value[C] || i.concepts.forEach((z) => {
+              l.push({
+                id: [
+                  "concept",
+                  w.name,
+                  R.alias,
+                  i.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
+              });
+            });
+          }));
+        });
+      }), l;
+    });
+    return {
+      creatorVisible: b,
+      flatList: j,
+      collapsed: f,
+      saveModels: t,
+      fetchParseResults: (l) => n.resolveModel(
+        l,
+        e.models[l].sources.map(($) => ({
+          alias: $.alias,
+          contents: (s.editors[$.editor] || { contents: "" }).contents
+        }))
+      ).then(($) => {
+        e.setModelConfigParseResults(l, $);
+      }).catch(($) => {
+        e.setModelParseError(l, $.message), console.error("Failed to fetch parse results:", $);
+      }),
+      trilogyIcon: ce,
+      navigationStore: v,
+      handleClick: (l) => {
+        const $ = l.lastIndexOf(E), w = $ !== -1 ? l.substring($ + 1) : l;
+        v.openTab("models", w, l);
+      },
+      handleToggle: (l) => {
+        f.value[l] = !f.value[l];
+      },
+      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), y(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(), y("img", {
+            key: 0,
+            src: n.trilogyIcon,
+            class: "trilogy-icon"
+          }, null, 8, Me)) : m.type === "concept" ? (r(), y("span", {
+            key: 1,
+            class: U(`purpose-${m.concept.purpose.toLowerCase()}`)
+          }, K(m.concept.purpose.charAt(0).toUpperCase()), 3)) : m.type === "datasource" ? (r(), y("i", $e)) : S("", !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)) : S("", !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)) : S("", !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"
+}, _e = {
+  key: 1,
+  class: "preview-container"
+}, qe = { class: "json-preview" }, Be = { 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 = g(""), c = g(""), u = g(null), a = g(!1), m = g(""), f = g("paste"), j = g(null), h = g({
+      mdToken: "",
+      projectId: "",
+      username: "",
+      password: "",
+      account: "",
+      sshPrivateKey: ""
+    }), O = g(!0);
+    function M() {
+      if (!c.value) {
+        O.value = !1;
+        return;
+      }
+      if (c.value === "new-motherduck" && !h.value.mdToken) {
+        O.value = !1;
+        return;
+      }
+      if (c.value === "new-bigquery-oauth" && !h.value.projectId) {
+        O.value = !1;
+        return;
+      }
+      if (c.value === "new-snowflake" && (!h.value.username || !h.value.account || !h.value.sshPrivateKey)) {
+        O.value = !1;
+        return;
+      }
+      O.value = !0;
+    }
+    const l = 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 i = await I.text();
+        p.value = i, 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 i = c.value;
+        if (i.startsWith("new-")) {
+          let C = i.replace("new-", "");
+          i = `dashboard-${I.name || "imported"}-connection`, v.connections[i] || v.newConnection(i, C, {
+            mdToken: h.value.mdToken,
+            projectId: h.value.projectId,
+            username: h.value.username,
+            password: h.value.password,
+            account: h.value.account,
+            privateKey: h.value.sshPrivateKey
+          });
+        }
+        I.connection = i, I.id = Math.random().toString(36).substring(2, 15), n.addDashboard(I), w.value = !0, p.value = "", m.value = "", h.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 = g(!1), _ = g(null), R = (I) => {
+      _.value && !_.value.contains(I.target) && s("close");
+    };
+    return M(), (I, i) => e.isOpen ? (r(), y("div", {
+      key: 0,
+      class: "popup-overlay",
+      onClick: R
+    }, [
+      o("div", {
+        class: "popup-content",
+        ref_key: "popupContent",
+        ref: _,
+        "data-testid": "dashboard-import-popup"
+      }, [
+        o("div", Ee, [
+          i[11] || (i[11] = o("h3", null, "Import Dashboard", -1)),
+          o("button", {
+            onClick: i[0] || (i[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: i[1] || (i[1] = (C) => f.value = "paste"),
+              "data-testid": "paste-mode-button"
+            }, " Paste JSON ", 2),
+            o("button", {
+              class: U(["mode-button", { active: f.value === "url" }]),
+              onClick: i[2] || (i[2] = (C) => f.value = "url"),
+              "data-testid": "url-mode-button"
+            }, " From URL ", 2)
+          ]),
+          f.value === "paste" ? (r(), y("div", Ve, [
+            i[12] || (i[12] = o("label", { for: "dashboard-json" }, "Paste Dashboard JSON", -1)),
+            T(o("textarea", {
+              id: "dashboard-json",
+              "onUpdate:modelValue": i[3] || (i[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(), y("div", je, K(u.value), 1)) : S("", !0)
+          ])) : S("", !0),
+          f.value === "url" ? (r(), y("div", Ue, [
+            i[14] || (i[14] = o("label", { for: "dashboard-url" }, "Dashboard URL", -1)),
+            o("div", Pe, [
+              T(o("input", {
+                type: "text",
+                id: "dashboard-url",
+                "onUpdate:modelValue": i[4] || (i[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: l,
+                class: "fetch-button",
+                disabled: a.value,
+                "data-testid": "fetch-url-button"
+              }, K(a.value ? "Loading..." : "Fetch"), 9, Oe)
+            ]),
+            j.value ? (r(), y("div", Re, K(j.value), 1)) : S("", !0),
+            p.value && f.value === "url" ? (r(), y("div", _e, [
+              i[13] || (i[13] = o("label", null, "Dashboard JSON Preview", -1)),
+              o("div", qe, [
+                o("pre", null, K(p.value.length > 500 ? p.value.substring(0, 500) + "..." : p.value), 1)
+              ])
+            ])) : S("", !0)
+          ])) : S("", !0)
+        ]),
+        o("div", Be, [
+          o("div", Fe, [
+            i[20] || (i[20] = o("label", { for: "connection-select" }, "Assign To Connection", -1)),
+            T(o("select", {
+              id: "connection-select",
+              "onUpdate:modelValue": i[5] || (i[5] = (C) => c.value = C),
+              class: "connection-dropdown",
+              "data-testid": "connection-select",
+              onChange: M
+            }, [
+              i[15] || (i[15] = o("option", {
+                value: "",
+                disabled: ""
+              }, "-- Select Connection --", -1)),
+              (r(!0), y(V, null, J(ie(v).connections, (C) => (r(), y("option", {
+                key: C.name,
+                value: C.name
+              }, K(C.name), 9, He))), 128)),
+              i[16] || (i[16] = o("option", { value: "new-duckdb" }, "New DuckDB", -1)),
+              i[17] || (i[17] = o("option", { value: "new-motherduck" }, "New MotherDuck", -1)),
+              i[18] || (i[18] = o("option", { value: "new-bigquery-oauth" }, "New Bigquery Oauth", -1)),
+              i[19] || (i[19] = o("option", { value: "new-snowflake" }, "New Snowflake", -1))
+            ], 544), [
+              [te, c.value]
+            ])
+          ]),
+          c.value === "new-motherduck" ? (r(), y("div", Je, [
+            i[21] || (i[21] = o("label", { for: "md-token" }, "MotherDuck Token", -1)),
+            T(o("input", {
+              type: "text",
+              "onUpdate:modelValue": i[6] || (i[6] = (C) => h.value.mdToken = C),
+              id: "md-token",
+              placeholder: "MotherDuck Token",
+              class: "connection-input",
+              onInput: M
+            }, null, 544), [
+              [
+                P,
+                h.value.mdToken,
+                void 0,
+                { trim: !0 }
+              ]
+            ])
+          ])) : S("", !0),
+          c.value === "new-bigquery-oauth" ? (r(), y("div", ze, [
+            i[22] || (i[22] = o("label", { for: "project-id" }, "BigQuery Project ID", -1)),
+            T(o("input", {
+              type: "text",
+              "onUpdate:modelValue": i[7] || (i[7] = (C) => h.value.projectId = C),
+              id: "project-id",
+              placeholder: "Billing Project ID",
+              class: "connection-input",
+              onInput: M
+            }, null, 544), [
+              [
+                P,
+                h.value.projectId,
+                void 0,
+                { trim: !0 }
+              ]
+            ])
+          ])) : S("", !0),
+          c.value === "new-snowflake" ? (r(), y(V, { key: 2 }, [
+            o("div", We, [
+              i[23] || (i[23] = o("label", { for: "snowflake-username" }, "Username", -1)),
+              T(o("input", {
+                type: "text",
+                "onUpdate:modelValue": i[8] || (i[8] = (C) => h.value.username = C),
+                id: "snowflake-username",
+                placeholder: "Snowflake Username",
+                class: "connection-input",
+                onInput: M
+              }, null, 544), [
+                [
+                  P,
+                  h.value.username,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ]),
+            o("div", Ge, [
+              i[24] || (i[24] = o("label", { for: "snowflake-account" }, "Account", -1)),
+              T(o("input", {
+                type: "text",
+                "onUpdate:modelValue": i[9] || (i[9] = (C) => h.value.account = C),
+                id: "snowflake-account",
+                placeholder: "Snowflake Account",
+                class: "connection-input",
+                onInput: M
+              }, null, 544), [
+                [
+                  P,
+                  h.value.account,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ]),
+            o("div", Qe, [
+              i[25] || (i[25] = o("label", { for: "snowflake-ssh-private-key" }, "Private Key", -1)),
+              T(o("input", {
+                type: "text",
+                "onUpdate:modelValue": i[10] || (i[10] = (C) => h.value.sshPrivateKey = C),
+                id: "snowflake-ssh-private-key",
+                placeholder: "Private Key",
+                class: "connection-input",
+                onInput: M
+              }, null, 544), [
+                [
+                  P,
+                  h.value.sshPrivateKey,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ])
+          ], 64)) : S("", !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)
+    ])) : S("", !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] = B((...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
+      })) : S("", !0)
+    ]),
+    name: k(() => {
+      var a, m;
+      return [
+        H(K(s.item.label) + " ", 1),
+        s.item.type === "connection" ? (r(), y("span", st, " (" + K((a = n.connectionInfo) != null && a.model ? (m = n.connectionInfo) == null ? void 0 : m.model : "No Model Set") + ") ", 1)) : S("", !0)
+      ];
+    }),
+    "extra-content": k(() => [
+      o("div", at, [
+        s.item.type === "connection" ? (r(), y(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)) : S("", !0),
+        s.item.type === "dashboard" ? (r(), y(V, { key: 1 }, [
+          N(d, {
+            content: "Clone Dashboard",
+            position: "left"
+          }, {
+            default: k(() => [
+              o("span", {
+                class: "clone-btn hover-icon",
+                onClick: t[0] || (t[0] = B((...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] = B((...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)) : S("", !0)
+      ])
+    ]),
+    _: 1
+  }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "onClick", "onToggle"])) : (r(), y("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 = g({}), v = g(!1), b = g(!1), d = (u) => {
+      n.value[u] === void 0 && (n.value[u] = !1), n.value[u] = !n.value[u];
+    }, p = q("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"], yt = { class: "confirmation-dialog" }, ht = { 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), y(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(), y("div", {
+        key: 0,
+        class: "confirmation-overlay",
+        onClick: t[6] || (t[6] = B((...a) => b.cancelDelete && b.cancelDelete(...a), ["self"]))
+      }, [
+        o("div", yt, [
+          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", ht, [
+            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 ")
+          ])
+        ])
+      ])) : S("", !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(), y("i", St)) : e.item.type === "engine" ? (r(), y("span", kt, [
+          N(be, {
+            "connection-type": e.item.label
+          }, null, 8, ["connection-type"])
+        ])) : S("", !0)
+      ]),
+      "extra-content": k(() => {
+        var j;
+        return [
+          e.item.type === "model" ? (r(), y("span", Ct, [
+            (r(!0), y(V, null, J(((j = e.item.model) == null ? void 0 : j.tags) || [], (h) => (r(), y("span", {
+              key: h,
+              class: "tag"
+            }, K(h), 1))), 128))
+          ])) : e.item.type === "engine" ? (r(), y("span", Dt)) : e.item.type === "root" ? (r(), y("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] = B((h) => 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
+            })) : S("", !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"])) : S("", !0)
+          ])) : S("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "icon"]));
+  }
+}), It = /* @__PURE__ */ F($t, [["__scopeId", "data-v-e6a70fb6"]]), Tt = {
+  name: "AddStoreModal",
+  props: {
+    show: {
+      type: Boolean,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["close", "add"],
+  setup(e, { emit: t }) {
+    const s = g("generic"), n = g(""), v = g(""), b = g(""), d = g(""), p = g("main"), c = g(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(), y("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] = B(() => {
+      }, ["stop"]))
+    }, [
+      t[20] || (t[20] = o("h3", null, "Add Model Store", -1)),
+      o("form", {
+        onSubmit: t[8] || (t[8] = B((...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(), y(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)) : S("", !0),
+        n.storeType === "github" ? (r(), y(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)) : S("", !0),
+        n.error ? (r(), y("div", Ut, K(n.error), 1)) : S("", !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)
+    ])
+  ])) : S("", !0);
+}
+const _t = /* @__PURE__ */ F(Tt, [["render", Rt], ["__scopeId", "data-v-089b365c"]]), qt = (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;
+}, Bt = X({
+  name: "CommunityModelList",
+  setup() {
+    const e = ae(), t = ne(), s = g({}), n = t.activeCommunityModelKey.value || "", v = (M) => {
+      const l = M.split("+");
+      if (l.length > 0 && (s.value[l[0]] = !1, l.length > 1)) {
+        const $ = `${l[0]}+${l[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 = g(null), d = g(!1), p = g(null), c = async (M) => {
+      b.value = null;
+      try {
+        await e.addStore(M), e.closeAddStoreModal();
+      } catch (l) {
+        b.value = l instanceof Error ? l.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, l, $) => {
+      t.openTab("community-models", M.name, l), console.log("Selected model:", M.name, "from root:", $);
+    }, j = (M, l, $) => {
+      t.openTab("community-models", null, l);
+    }, h = (M, l, $) => {
+      s.value[l] = !s.value[l];
+    }, O = G(() => qt(
+      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: h,
+      collapsed: s,
+      displayTree: O
+    };
+  },
+  components: {
+    SidebarList: Z,
+    CommunityModelListItem: It,
+    AddStoreModal: _t
+  }
+}), 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(), y("div", zt, [
+        (r(!0), y(V, null, J(e.communityStore.errorList, (u) => (r(), y("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))
+      ])) : S("", !0),
+      (r(!0), y(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(), y("div", {
+        key: 1,
+        class: "confirmation-overlay",
+        onClick: t[5] || (t[5] = B((...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 ")
+          ])
+        ])
+      ])) : S("", !0)
+    ]),
+    _: 1
+  });
+}
+const Zt = /* @__PURE__ */ F(Bt, [["render", Yt], ["__scopeId", "data-v-d28daf94"]]), xt = X({
+  name: "Sidebar",
+  props: {
+    active: {
+      type: String,
+      default: q("screen")
+    },
+    activeEditor: {
+      type: String,
+      default: q("editor")
+    },
+    activeModelKey: {
+      type: String,
+      default: q("model")
+    },
+    activeDocumentationKey: {
+      type: String,
+      default: q("documentationKey")
+    },
+    activeConnectionKey: {
+      type: String,
+      default: q("connection")
+    },
+    activeLLMKey: {
+      type: String,
+      default: q("llm")
+    },
+    activeDashboardKey: {
+      type: String,
+      default: q("dashboard")
+    },
+    containerWidth: {
+      type: Number,
+      default: 200
+    }
+  },
+  setup() {
+    const e = g(!1), t = g(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
+    };
+  },
+  components: {
+    EditorList: ve,
+    ConnectionList: he,
+    Tooltip: Q,
+    TutorialSidebar: ke,
+    ModelSidebar: Le,
+    LLMConnectionList: ye,
+    DashboardList: gt,
+    CommunityModelList: Zt
+  },
+  watch: {
+    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) {
+      this.$emit("screen-selected", e);
+    },
+    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 = {
+  key: 0,
+  class: "sidebar-divider"
+}, lo = ["onClick", "data-testid"], ro = ["onClick", "href", "data-testid"], co = ["data-testid"], uo = {
+  key: 1,
+  class: "sidebar-divider"
+}, mo = ["onClick", "data-testid"], vo = ["onClick", "href", "data-testid"], po = ["data-testid"];
+function bo(e, t, s, n, v, b) {
+  var h, 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(), y("div", eo, [
+    o("div", to, [
+      o("div", oo, [
+        o("div", no, [
+          N(d, {
+            content: e.unSaved ? `Save ${e.unSaved} ${(((h = e.unSaved) == null ? void 0 : h.valueOf()) || 0) > 1 ? "changes" : "change"}` : "All changes saved!"
+          }, {
+            default: k(() => [
+              o("img", {
+                class: U(["trilogy-icon", { spinning: e.isSaving }]),
+                onClick: t[0] || (t[0] = (...l) => e.handleSave && e.handleSave(...l)),
+                src: e.trilogyIcon,
+                "data-testid": "trilogy-icon"
+              }, null, 10, so)
+            ]),
+            _: 1
+          }, 8, ["content"]),
+          (((O = e.unSaved) == null ? void 0 : O.valueOf()) || 0) > 0 ? (r(), y("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)) : S("", !0)
+        ])
+      ]),
+      t[9] || (t[9] = o("div", { class: "trilogy-icon-padding" }, null, -1)),
+      e.isMobile ? S("", !0) : (r(), y("div", io)),
+      (r(!0), y(V, null, J(e.sidebarItems, (l, $) => (r(), y("div", {
+        key: l.name,
+        class: U(["sidebar-icon", { selected: e.active == l.screen, "sidebar-icon-margin": !e.isMobile }]),
+        onClick: (w) => e.selectItem(l.screen),
+        "data-testid": `sidebar-icon-${l.screen}`
+      }, [
+        e.isMobile ? (r(), y(V, { key: 1 }, [
+          o("i", {
+            class: U(l.icon),
+            "data-testid": `sidebar-link-${l.screen}`
+          }, null, 10, co),
+          o("div", null, K(l.tooltip), 1)
+        ], 64)) : (r(), L(d, {
+          key: 0,
+          content: l.tooltip
+        }, {
+          default: k(() => [
+            o("a", {
+              onClick: B((w) => e.selectItem(l.screen), ["prevent"]),
+              href: e.getUrl(l.screen),
+              target: "_blank",
+              "data-testid": `sidebar-link-${l.screen}`
+            }, [
+              o("i", {
+                class: U(l.icon)
+              }, null, 2)
+            ], 8, ro)
+          ]),
+          _: 2
+        }, 1032, ["content"]))
+      ], 10, lo))), 128)),
+      e.isMobile ? S("", !0) : (r(), y("div", uo)),
+      (r(!0), y(V, null, J(e.sidebarFeatureItems, (l, $) => (r(), y("div", {
+        key: l.name,
+        class: U(["sidebar-icon", { selected: e.active == l.screen, "sidebar-icon-margin": !e.isMobile }]),
+        onClick: (w) => e.selectItem(l.screen),
+        "data-testid": `sidebar-icon-${l.screen}`
+      }, [
+        e.isMobile ? (r(), y(V, { key: 1 }, [
+          o("i", {
+            class: U(l.icon),
+            "data-testid": `sidebar-link-${l.screen}`
+          }, null, 10, po),
+          o("div", null, K(l.tooltip), 1)
+        ], 64)) : (r(), L(d, {
+          key: 0,
+          content: l.tooltip
+        }, {
+          default: k(() => [
+            o("a", {
+              onClick: B((w) => e.selectItem(l.screen), ["prevent"]),
+              href: e.getUrl(l.screen),
+              target: "_blank",
+              "data-testid": `sidebar-link-${l.screen}`
+            }, [
+              o("i", {
+                class: U(l.icon)
+              }, null, 2)
+            ], 8, vo)
+          ]),
+          _: 2
+        }, 1032, ["content"]))
+      ], 10, mo))), 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[1] || (t[1] = (l) => e.selectItem("settings")),
+          "data-testid": "sidebar-icon-settings"
+        }, [
+          e.isMobile ? (r(), y(V, { key: 1 }, [
+            t[4] || (t[4] = o("i", { class: "mdi mdi-cog-outline" }, null, -1)),
+            t[5] || (t[5] = o("div", null, "Settings", -1))
+          ], 64)) : (r(), L(d, {
+            key: 0,
+            content: "Settings"
+          }, {
+            default: k(() => [...t[3] || (t[3] = [
+              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[2] || (t[2] = (l) => e.selectItem("profile"))
+        }, [
+          e.isMobile ? (r(), y(V, { key: 1 }, [
+            t[7] || (t[7] = o("i", { class: "mdi mdi-account-outline" }, null, -1)),
+            t[8] || (t[8] = o("div", null, "Profile", -1))
+          ], 64)) : (r(), L(d, {
+            key: 0,
+            content: "Profile"
+          }, {
+            default: k(() => [...t[6] || (t[6] = [
+              o("i", { class: "mdi mdi-account-outline" }, null, -1)
+            ])]),
+            _: 1
+          }))
+        ], 2)
+      ], 2)
+    ]),
+    o("div", {
+      class: "sidebar-content",
+      style: de({ 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"]
+      ])
+    ], 4)
+  ]);
+}
+const So = /* @__PURE__ */ F(xt, [["render", bo], ["__scopeId", "data-v-5d3f6b46"]]);
+export {
+  So as default
+};