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

package/dist/Sidebar-CMy9ptnW.js

@@ -0,0 +1,2188 @@
+import { inject as K, ref as $, onMounted as le, computed as G, resolveComponent as D, createBlock as E, openBlock as m, withCtx as w, createElementBlock as p, Fragment as N, renderList as _, createCommentVNode as M, createVNode as T, normalizeClass as B, toDisplayString as j, createElementVNode as n, createTextVNode as z, defineComponent as ee, withModifiers as Y, watch as pe, withDirectives as I, vModelText as V, unref as x, vModelSelect as ye, normalizeStyle as Ke, vShow as X } from "vue";
+import { S as ne, e as se, g as W, K as L, a as H, f as fe, T as oe, L as he, h as Le, u as re, t as je, i as ge, j as de, k as Se, n as ke, l as Ce, m as we, o as ce, p as ue, q as me, r as Ee, v as $e, D as Ue, w as Ae, x as Re, d as Ne, y as Ve } from "./main-C-6acy1R.js";
+import { d as be, a as Oe, L as Pe, C as Je } from "./LLMConnectionList-ByLjIXLO.js";
+import { D as Be } from "./DashboardCreatorInline-DRlxDEBN.js";
+const Fe = {
+  name: "DocumentationSidebar",
+  props: {
+    activeDocumentationKey: {
+      type: String,
+      default: "",
+      optional: !0
+    }
+  },
+  setup(e) {
+    if (!K("editorStore"))
+      throw new Error("Editor store is not provided!");
+    const l = W("documentationKey") || "", o = $({});
+    return le(() => {
+      const c = l.split(L)[1];
+      let v = `documentation${L}${c}`;
+      be.forEach((s) => {
+        const i = `documentation${L}${s.title}`;
+        o.value[i] = !v.startsWith(i);
+      });
+    }), {
+      documentationNodes: G(() => {
+        const r = [];
+        return be.forEach((c) => {
+          const v = `documentation${L}${c.title}`;
+          r.push({
+            id: v,
+            name: c.title,
+            indent: 0,
+            count: c.articles.length,
+            type: "documentation"
+          }), o.value[v] || c.articles.forEach((s) => {
+            r.push({
+              id: `article${L}${c.title}${L}${s.title}`,
+              name: s.displayName || s.title,
+              indent: 1,
+              count: s.paragraphs.length,
+              type: "article"
+            });
+          });
+        }), r;
+      }),
+      toggleCollapse: (r) => {
+        o.value[r] = !o.value[r];
+      },
+      collapsed: o,
+      isActiveNode: (r) => r === e.activeDocumentationKey
+    };
+  },
+  methods: {
+    handleClick(e) {
+      this.$emit("documentation-key-selected", e);
+    }
+  },
+  components: {
+    SidebarList: se,
+    SidebarItem: ne
+  }
+};
+function qe(e, t, l, o, d, a) {
+  const b = D("sidebar-item"), r = D("sidebar-list");
+  return m(), E(r, { title: "Documentation" }, {
+    actions: w(() => [...t[0] || (t[0] = [])]),
+    default: w(() => [
+      (m(!0), p(N, null, _(o.documentationNodes, (c) => (m(), E(b, {
+        key: c.id,
+        "item-id": c.id,
+        name: c.name,
+        indent: c.indent,
+        "is-selected": o.isActiveNode(c.id),
+        "is-collapsible": c.type === "documentation",
+        "is-collapsed": o.collapsed[c.id],
+        icon: c.type === "article" ? "mdi-text-box-outline" : "",
+        "extra-info": c.type === "documentation" ? c.count : "",
+        itemType: "documentation",
+        onClick: a.handleClick,
+        onToggle: o.toggleCollapse
+      }, null, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "icon", "extra-info", "onClick", "onToggle"]))), 128))
+    ]),
+    _: 1
+  });
+}
+const ze = /* @__PURE__ */ H(Fe, [["render", qe], ["__scopeId", "data-v-7d844a72"]]), Ge = {
+  name: "ModelList",
+  props: {
+    activeModelKey: String,
+    testTag: {
+      type: String,
+      default: ""
+    }
+  },
+  setup() {
+    const e = K("modelStore"), t = K("saveModels"), l = K("editorStore"), o = K("trilogyResolver"), d = re(), a = $(!1), b = d.activeModelKey.value || W("model") || "", r = b.split(L)[0];
+    let c = "", v = "", s = "", i = b.split(L);
+    if (r === "model" ? c = i[1] : r === "source" ? (c = i[1], v = i[2]) : r === "datasource" ? (c = i[1], v = i[2], s = i[3]) : r === "concept" && (c = i[1], v = i[2], i.length > 5 && (s = i[3])), !e || !t || !l || !o)
+      throw new Error("Model store is not provided!");
+    let S = {};
+    Object.values(e.models).forEach((y) => {
+      let u = ["model", y.name].join(L);
+      y.name !== c && (S[u] = !0), y.sources.forEach((h) => {
+        let Q = ["source", y.name, h.alias].join(L);
+        (y.name !== c || h.alias !== v) && (S[Q] = !0), h.datasources.forEach((q) => {
+          let te = ["datasource", y.name, h.alias, q.name].join(L);
+          (y.name !== c || h.alias !== v || q.name !== s) && (S[te] = !0);
+        });
+      });
+    });
+    const C = $(S), g = G(() => {
+      const y = [];
+      return Object.values(e.models).sort((h, Q) => h.name.localeCompare(Q.name)).forEach((h) => {
+        if (h.deleted) return;
+        let Q = ["model", h.name].join(L);
+        y.push({
+          id: Q,
+          name: h.name,
+          indent: 0,
+          count: h.sources.length,
+          type: "model",
+          concept: null
+        }), C.value[Q] || h.sources.forEach((q) => {
+          let te = ["source", h.name, q.alias].join(L);
+          y.push({
+            id: te,
+            name: q.alias,
+            indent: 1,
+            count: q.concepts.length,
+            type: "source",
+            concept: null
+          }), C.value[te] || (q.concepts.forEach((P) => {
+            y.push({
+              id: ["concept", h.name, q.alias, P.namespace, P.name].join(
+                L
+              ),
+              name: P.namespace === "local" ? P.name : P.namespace + "." + P.name,
+              indent: 2,
+              count: 0,
+              type: "concept",
+              concept: P
+            });
+          }), q.datasources.forEach((P) => {
+            let ie = ["datasource", h.name, q.alias, P.name].join(L);
+            y.push({
+              id: ie,
+              name: P.name,
+              indent: 2,
+              count: P.concepts.length,
+              type: "datasource",
+              concept: null
+            }), C.value[ie] || P.concepts.forEach((k) => {
+              y.push({
+                id: [
+                  "concept",
+                  h.name,
+                  q.alias,
+                  P.name,
+                  k.namespace,
+                  k.name
+                ].join(L),
+                name: k.namespace === "local" ? k.name : k.namespace + "." + k.name,
+                indent: 3,
+                count: 0,
+                type: "concept",
+                concept: k
+              });
+            });
+          }));
+        });
+      }), y;
+    }), A = (y) => o.resolveModel(
+      y,
+      e.models[y].sources.map((u) => ({
+        alias: u.alias,
+        contents: (l.editors[u.editor] || { contents: "" }).contents
+      }))
+    ).then((u) => {
+      e.setModelConfigParseResults(y, u);
+    }).catch((u) => {
+      e.setModelParseError(y, u.message), console.error("Failed to fetch parse results:", u);
+    });
+    return {
+      creatorVisible: a,
+      flatList: g,
+      collapsed: C,
+      saveModels: t,
+      fetchParseResults: A,
+      trilogyIcon: je,
+      navigationStore: d,
+      handleClick: (y) => {
+        const u = y.lastIndexOf(L), h = u !== -1 ? y.substring(u + 1) : y;
+        d.openTab("models", h, y);
+      },
+      handleToggle: (y) => {
+        C.value[y] = !C.value[y];
+      },
+      modelStore: e,
+      contextMenuItems: (y) => y.type !== "model" ? [] : [
+        { id: "refresh-model", label: "Refresh model", icon: "mdi-cog-refresh-outline" },
+        { id: "delete-separator", kind: "separator" },
+        { id: "delete-model", label: "Delete model", icon: "mdi-trash-can-outline", danger: !0 }
+      ],
+      handleContextMenuItemClick: (y, u) => {
+        switch (u.id) {
+          case "refresh-model":
+            A(y.name);
+            break;
+          case "delete-model":
+            e.removeModelConfig(y.name);
+            break;
+        }
+      }
+    };
+  },
+  components: {
+    SidebarList: se,
+    SidebarItem: ne,
+    ModelCreator: Le,
+    LoadingButton: he,
+    Tooltip: oe,
+    SidebarOverflowMenu: fe
+  }
+}, He = { class: "models-header" }, We = { class: "models-header-actions" }, _e = ["data-testid"], Qe = ["src"], Xe = {
+  key: 2,
+  class: "mdi mdi-table node-icon"
+}, Ye = {
+  key: 0,
+  class: "right-container"
+};
+function Ze(e, t, l, o, d, a) {
+  const b = D("loading-button"), r = D("model-creator"), c = D("sidebar-overflow-menu"), v = D("sidebar-item"), s = D("sidebar-list");
+  return m(), E(s, { title: "Models" }, {
+    header: w(() => [
+      n("div", He, [
+        t[4] || (t[4] = n("h3", { class: "font-sans sidebar-header" }, "Models", -1)),
+        n("div", We, [
+          n("button", {
+            class: "sidebar-control-button sidebar-header-action",
+            onClick: t[0] || (t[0] = (i) => o.creatorVisible = !o.creatorVisible),
+            "data-testid": l.testTag ? `model-creator-add-${l.testTag}` : "model-creator-add"
+          }, [
+            t[2] || (t[2] = n("i", { class: "mdi mdi-plus" }, null, -1)),
+            z(" " + j(o.creatorVisible ? "Close" : "New"), 1)
+          ], 8, _e),
+          T(b, {
+            class: "sidebar-control-button sidebar-header-action",
+            action: o.saveModels,
+            "key-combination": ["control", "s"],
+            "use-default-style": !1
+          }, {
+            default: w(() => [...t[3] || (t[3] = [
+              z(" Save ", -1)
+            ])]),
+            _: 1
+          }, 8, ["action"])
+        ])
+      ])
+    ]),
+    actions: w(() => [
+      T(r, {
+        visible: o.creatorVisible,
+        onClose: t[1] || (t[1] = (i) => o.creatorVisible = !o.creatorVisible)
+      }, null, 8, ["visible"])
+    ]),
+    default: w(() => [
+      (m(!0), p(N, null, _(o.flatList, (i) => (m(), E(v, {
+        key: i.id,
+        "item-id": i.id,
+        name: i.name,
+        indent: i.indent,
+        "is-selected": l.activeModelKey === i.id,
+        "is-collapsible": ["model"].includes(i.type) || ["source", "datasource"].includes(i.type) && i.count > 0,
+        "is-collapsed": o.collapsed[i.id],
+        onClick: o.handleClick,
+        onToggle: o.handleToggle
+      }, {
+        icon: w(() => [
+          i.type === "source" ? (m(), p("img", {
+            key: 0,
+            src: o.trilogyIcon,
+            class: "trilogy-icon"
+          }, null, 8, Qe)) : i.type === "concept" ? (m(), p("span", {
+            key: 1,
+            class: B(`purpose-${i.concept.purpose.toLowerCase()}`)
+          }, j(i.concept.purpose.charAt(0).toUpperCase()), 3)) : i.type === "datasource" ? (m(), p("i", Xe)) : M("", !0)
+        ]),
+        "extra-content": w(() => [
+          i.type === "model" ? (m(), p("span", Ye, [
+            T(c, {
+              items: o.contextMenuItems(i),
+              tooltip: "Model actions",
+              onSelect: (S) => o.handleContextMenuItemClick(i, S)
+            }, null, 8, ["items", "onSelect"])
+          ])) : M("", !0)
+        ]),
+        _: 2
+      }, 1032, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "onClick", "onToggle"]))), 128))
+    ]),
+    _: 1
+  });
+}
+const xe = /* @__PURE__ */ H(Ge, [["render", Ze], ["__scopeId", "data-v-46c386ee"]]), et = {
+  key: 0,
+  class: "mdi mdi-server-network sidebar-icon"
+}, tt = {
+  key: 1,
+  class: "mdi mdi-folder-outline sidebar-icon"
+}, ot = {
+  key: 2,
+  class: "mdi mdi-file-outline sidebar-icon"
+}, nt = {
+  key: 0,
+  class: "tag-container"
+}, st = /* @__PURE__ */ ee({
+  __name: "JobsListItem",
+  props: {
+    item: {},
+    activeJobsKey: { default: "" },
+    isCollapsed: { type: Boolean, default: !1 }
+  },
+  emits: ["item-click", "item-toggle", "delete-store", "refresh-store"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, d = ge(), a = () => {
+      o("item-click", l.item);
+    }, b = () => {
+      o("item-toggle", l.item);
+    }, r = (v) => d.getStoreStatus(v), c = (v) => {
+      const s = d.errors[v];
+      if (s)
+        return s;
+      const i = d.getStoreStatus(v);
+      if (i === "connected")
+        return "Ready";
+      if (i === "running")
+        return "Polling active jobs";
+    };
+    return (v, s) => (m(), E(ne, {
+      "item-id": e.item.key,
+      name: e.item.label,
+      indent: e.item.indent,
+      "is-selected": e.activeJobsKey === e.item.key,
+      "is-collapsible": e.item.type === "store" || e.item.type === "directory",
+      "is-collapsed": e.isCollapsed,
+      itemType: "jobs",
+      onClick: a,
+      onToggle: b
+    }, {
+      icon: w(() => [
+        e.item.type === "store" ? (m(), p("i", et)) : e.item.type === "directory" ? (m(), p("i", tt)) : (m(), p("i", ot))
+      ]),
+      "extra-content": w(() => [
+        e.item.type === "store" && e.item.store ? (m(), p("span", nt, [
+          T(oe, {
+            content: "Remove Store",
+            position: "left"
+          }, {
+            default: w(() => [
+              n("span", {
+                class: "remove-btn hover-icon sidebar-icon-button danger",
+                onClick: s[0] || (s[0] = Y((i) => o("delete-store", e.item.store), ["stop"]))
+              }, [...s[2] || (s[2] = [
+                n("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
+              ])])
+            ]),
+            _: 1
+          }),
+          T(oe, {
+            content: "Refresh Store",
+            position: "left"
+          }, {
+            default: w(() => [
+              n("span", {
+                class: "hover-icon sidebar-icon-button",
+                onClick: s[1] || (s[1] = Y((i) => o("refresh-store", e.item.store.id), ["stop"]))
+              }, [...s[3] || (s[3] = [
+                n("i", { class: "mdi mdi-refresh" }, null, -1)
+              ])])
+            ]),
+            _: 1
+          }),
+          T(de, {
+            status: r(e.item.store.id),
+            message: c(e.item.store.id),
+            "test-name": e.item.store.id
+          }, null, 8, ["status", "message", "test-name"])
+        ])) : M("", !0)
+      ]),
+      _: 1
+    }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed"]));
+  }
+}), it = /* @__PURE__ */ H(st, [["__scopeId", "data-v-ace64696"]]), lt = { class: "form-group" }, at = { class: "form-group" }, rt = { class: "form-group" }, dt = {
+  key: 0,
+  class: "form-error",
+  "data-testid": "add-jobs-store-error"
+}, ct = { class: "dialog-actions" }, ut = ["disabled"], mt = /* @__PURE__ */ ee({
+  __name: "JobsAddStoreModal",
+  props: {
+    show: { type: Boolean },
+    loading: { type: Boolean }
+  },
+  emits: ["close", "add"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, d = $(""), a = $(""), b = $(""), r = $("");
+    pe(
+      () => l.show,
+      (v) => {
+        v && (d.value = "", a.value = "", b.value = "", r.value = "");
+      }
+    );
+    const c = () => {
+      if (!a.value) {
+        r.value = "Base URL is required.";
+        return;
+      }
+      const v = ke(a.value);
+      o("add", {
+        type: "generic",
+        id: we(v),
+        name: d.value || Ce(v),
+        baseUrl: v,
+        token: b.value || void 0
+      });
+    };
+    return (v, s) => (m(), E(Se, {
+      show: e.show,
+      title: "Add Jobs Store",
+      "test-id": "add-jobs-store-modal",
+      onClose: s[4] || (s[4] = (i) => v.$emit("close"))
+    }, {
+      default: w(() => [
+        n("form", {
+          onSubmit: Y(c, ["prevent"])
+        }, [
+          n("div", lt, [
+            s[5] || (s[5] = n("label", null, "Store Name", -1)),
+            I(n("input", {
+              "onUpdate:modelValue": s[0] || (s[0] = (i) => d.value = i),
+              type: "text",
+              placeholder: "Optional, defaults to the store URL",
+              "data-testid": "jobs-store-name-input"
+            }, null, 512), [
+              [V, d.value]
+            ])
+          ]),
+          n("div", at, [
+            s[6] || (s[6] = n("label", null, "Base URL", -1)),
+            I(n("input", {
+              "onUpdate:modelValue": s[1] || (s[1] = (i) => a.value = i),
+              type: "url",
+              placeholder: "e.g., http://localhost:8100",
+              "data-testid": "jobs-store-url-input",
+              required: ""
+            }, null, 512), [
+              [V, a.value]
+            ]),
+            s[7] || (s[7] = n("small", null, "Must expose `/index.json`, `/files`, `/run`, `/refresh`, and `/jobs/{id}`.", -1))
+          ]),
+          n("div", rt, [
+            s[8] || (s[8] = n("label", null, "Token", -1)),
+            I(n("input", {
+              "onUpdate:modelValue": s[2] || (s[2] = (i) => b.value = i),
+              type: "text",
+              placeholder: "Optional X-Trilogy-Token value",
+              "data-testid": "jobs-store-token-input"
+            }, null, 512), [
+              [V, b.value]
+            ]),
+            s[9] || (s[9] = n("small", null, "Stored in memory only. You’ll need to re-enter it after a full reload.", -1))
+          ]),
+          r.value ? (m(), p("div", dt, j(r.value), 1)) : M("", !0),
+          n("div", ct, [
+            n("button", {
+              type: "button",
+              class: "cancel-btn",
+              onClick: s[3] || (s[3] = (i) => v.$emit("close"))
+            }, "Cancel"),
+            n("button", {
+              type: "submit",
+              class: "confirm-btn",
+              disabled: e.loading
+            }, j(e.loading ? "Adding..." : "Add Store"), 9, ut)
+          ])
+        ], 32)
+      ]),
+      _: 1
+    }, 8, ["show"]));
+  }
+}), vt = /* @__PURE__ */ H(mt, [["__scopeId", "data-v-b2a74918"]]), Me = (e, t) => ({
+  name: e,
+  path: t,
+  files: [],
+  children: {}
+}), De = (e) => e.slice().sort((t, l) => t.localeCompare(l)), bt = (e, t) => {
+  if (!t)
+    return e;
+  const l = t.split("/").filter(Boolean);
+  let o = e, d = "";
+  return l.forEach((a) => {
+    d = d ? `${d}/${a}` : a, o.children[a] || (o.children[a] = Me(a, d)), o = o.children[a];
+  }), o;
+}, Ie = (e, t) => `${e}${L}directory${L}${encodeURIComponent(t)}`, pt = (e, t) => `${e}${L}file${L}${encodeURIComponent(t)}`, yt = (e, t, l, o, d) => {
+  De(l).forEach((a) => {
+    const b = o ? `${o}/${a}` : a;
+    e.push({
+      type: "file",
+      label: a,
+      key: pt(t, b),
+      indent: d,
+      storeId: t,
+      target: b
+    });
+  });
+}, Te = (e, t, l, o, d) => {
+  yt(e, t, l.files, l.path, d), Object.values(l.children).sort((a, b) => a.name.localeCompare(b.name)).forEach((a) => {
+    const b = Ie(t, a.path);
+    e.push({
+      type: "directory",
+      label: a.name,
+      key: b,
+      indent: d,
+      storeId: t,
+      target: a.path
+    }), o[b] || Te(e, t, a, o, d + 1);
+  });
+}, ft = (e = {}, t = [], l = {}) => {
+  const o = [];
+  return t.forEach((d) => {
+    var r;
+    if (o.push({
+      type: "store",
+      label: d.name,
+      key: d.id,
+      indent: 0,
+      storeId: d.id,
+      store: d
+    }), e[d.id])
+      return;
+    const a = Me("", "");
+    (((r = l[d.id]) == null ? void 0 : r.directories) || []).forEach((c) => {
+      const v = bt(a, c.directory);
+      v.files = De(c.files);
+    }), Te(o, d.id, a, e, 1);
+  }), o;
+}, ht = { class: "jobs-header" }, gt = {
+  key: 0,
+  class: "empty-state"
+}, St = {
+  key: 1,
+  class: "error-container"
+}, kt = { class: "error-text" }, Ct = ["onClick"], wt = /* @__PURE__ */ ee({
+  __name: "JobsList",
+  props: {
+    activeJobsKey: { default: "" }
+  },
+  emits: ["jobs-key-selected"],
+  setup(e, { emit: t }) {
+    const l = e, o = t, d = ce(), a = ge(), b = re(), r = K("storageSources", []), c = K("editorStore"), v = K("connectionStore"), s = K("modelStore"), i = $({}), S = $(!1), C = G(
+      () => r.find((k) => k.type === "remote")
+    ), g = G(
+      () => d.stores.filter((k) => k.type === "generic")
+    ), A = G(() => g.value.some((k) => !!a.errors[k.id])), O = G(
+      () => g.value.filter((k) => !!a.errors[k.id])
+    ), U = (k, R, J) => {
+      const ae = R.split("/").filter(Boolean);
+      let Z = "";
+      ae.forEach((ve, sn) => {
+        Z = Z ? `${Z}/${ve}` : ve, i.value[Ie(k, Z)] = !1;
+      });
+    }, f = (k) => {
+      const R = k.split(L);
+      if (!R.length)
+        return;
+      const J = R[0];
+      if (i.value[J] = !1, R[1] === "directory") {
+        U(J, decodeURIComponent(R[2] || ""));
+        return;
+      }
+      if (R[1] === "file") {
+        const Z = decodeURIComponent(R[2] || "").split("/").slice(0, -1).join("/");
+        Z && U(J, Z);
+      }
+    }, F = G(
+      () => ft(i.value, g.value, a.filesByStore)
+    ), y = async (k) => {
+      try {
+        await d.addStore(k), await a.fetchFilesForStore(k.id), C.value && c && v && s && await Ee(
+          C.value,
+          k.id,
+          c,
+          v,
+          s
+        ), i.value[k.id] = !1, S.value = !1;
+      } catch (R) {
+        console.error("Failed to add jobs store:", R);
+      }
+    }, {
+      isOpen: u,
+      openConfirmation: h,
+      closeConfirmation: Q,
+      confirm: q
+    } = ue((k) => {
+      c && v && s && $e(k.id, c, v, s), d.removeStore(k.id), a.clearStoreData(k.id);
+    }), te = (k) => {
+      b.openTab("jobs", null, k.key), o("jobs-key-selected", k.key);
+    }, P = (k) => {
+      i.value[k.key] = !i.value[k.key];
+    }, ie = async (k) => {
+      await a.fetchFilesForStore(k);
+    };
+    return le(async () => {
+      d.loadStoresFromStorage(), g.value.forEach((k) => {
+        i.value[k.id] === void 0 && (i.value[k.id] = !0);
+      }), l.activeJobsKey ? f(l.activeJobsKey) : g.value[0] && (i.value[g.value[0].id] = !1), await a.refreshAllStores();
+    }), (k, R) => (m(), E(se, { title: "Jobs" }, {
+      header: w(() => [
+        n("div", ht, [
+          R[3] || (R[3] = n("h3", { class: "font-sans sidebar-header" }, "Jobs", -1)),
+          n("button", {
+            class: "sidebar-control-button sidebar-header-action",
+            onClick: R[0] || (R[0] = (J) => S.value = !0)
+          }, [...R[2] || (R[2] = [
+            n("i", { class: "mdi mdi-plus" }, null, -1),
+            z(" New ", -1)
+          ])])
+        ])
+      ]),
+      default: w(() => [
+        g.value.length ? M("", !0) : (m(), p("div", gt, " Add a Trilogy local server to browse files and run jobs. ")),
+        A.value ? (m(), p("div", St, [
+          (m(!0), p(N, null, _(O.value, (J) => (m(), p("div", {
+            key: J.id,
+            class: "error-item"
+          }, [
+            n("span", kt, j(J.name) + ": " + j(x(a).errors[J.id]), 1),
+            n("button", {
+              onClick: (ae) => x(a).clearStoreError(J.id),
+              class: "clear-error"
+            }, "x", 8, Ct)
+          ]))), 128))
+        ])) : M("", !0),
+        (m(!0), p(N, null, _(F.value, (J) => (m(), E(it, {
+          key: J.key,
+          item: J,
+          "is-collapsed": i.value[J.key],
+          "active-jobs-key": e.activeJobsKey,
+          onItemClick: te,
+          onItemToggle: P,
+          onDeleteStore: x(h),
+          onRefreshStore: ie
+        }, null, 8, ["item", "is-collapsed", "active-jobs-key", "onDeleteStore"]))), 128)),
+        T(vt, {
+          show: S.value,
+          onClose: R[1] || (R[1] = (J) => S.value = !1),
+          onAdd: y
+        }, null, 8, ["show"]),
+        T(me, {
+          show: x(u),
+          title: "Confirm Store Removal",
+          message: "Remove this jobs store? Imported models remain untouched.",
+          "confirm-label": "Remove",
+          onClose: x(Q),
+          onConfirm: x(q)
+        }, null, 8, ["show", "onClose", "onConfirm"])
+      ]),
+      _: 1
+    }));
+  }
+}), $t = /* @__PURE__ */ H(wt, [["__scopeId", "data-v-bd82dbfb"]]), Mt = {
+  class: "popup-content",
+  "data-testid": "dashboard-import-popup"
+}, Dt = { class: "popup-header" }, It = { class: "popup-body" }, Tt = { class: "import-mode-selector" }, Kt = {
+  key: 0,
+  class: "input-group"
+}, Lt = {
+  key: 0,
+  class: "error-message"
+}, jt = {
+  key: 1,
+  class: "input-group"
+}, Et = { class: "url-input-container" }, Ut = ["disabled"], At = {
+  key: 0,
+  class: "error-message"
+}, Rt = {
+  key: 1,
+  class: "preview-container"
+}, Nt = { class: "json-preview" }, Vt = { class: "connection-selector" }, Ot = { class: "form-row" }, Pt = ["value"], Jt = {
+  key: 0,
+  class: "form-row"
+}, Bt = {
+  key: 1,
+  class: "form-row"
+}, Ft = { class: "form-row" }, qt = { class: "form-row" }, zt = { class: "form-row" }, Gt = { class: "popup-footer" }, Ht = ["disabled"], Wt = /* @__PURE__ */ ee({
+  __name: "DashboardImportPopup",
+  props: {
+    isOpen: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const l = t, o = K("dashboardStore"), d = K("connectionStore"), a = K("saveDashboards"), b = K("saveAll");
+    if (!o || !d || !a || !b)
+      throw new Error("Required stores not provided");
+    const r = $(""), c = $(""), v = $(null), s = $(!1), i = $(""), S = $("paste"), C = $(null), g = $({
+      mdToken: "",
+      projectId: "",
+      username: "",
+      password: "",
+      account: "",
+      sshPrivateKey: ""
+    }), A = $(!0);
+    function O() {
+      if (!c.value) {
+        A.value = !1;
+        return;
+      }
+      if (c.value === "new-motherduck" && !g.value.mdToken) {
+        A.value = !1;
+        return;
+      }
+      if (c.value === "new-bigquery-oauth" && !g.value.projectId) {
+        A.value = !1;
+        return;
+      }
+      if (c.value === "new-snowflake" && (!g.value.username || !g.value.account || !g.value.sshPrivateKey)) {
+        A.value = !1;
+        return;
+      }
+      A.value = !0;
+    }
+    const U = async () => {
+      if (!i.value) {
+        C.value = "Please enter a URL", setTimeout(() => {
+          C.value = null;
+        }, 3e3);
+        return;
+      }
+      s.value = !0, C.value = null;
+      try {
+        const y = await fetch(i.value);
+        if (!y.ok)
+          throw new Error(`HTTP error! Status: ${y.status}`);
+        const u = await y.text();
+        r.value = u, s.value = !1;
+      } catch (y) {
+        console.error("Error fetching dashboard:", y), C.value = `Failed to fetch from URL: ${y instanceof Error ? y.message : "Unknown error"}`, s.value = !1, setTimeout(() => {
+          C.value = null;
+        }, 5e3);
+      }
+    }, f = async () => {
+      try {
+        const y = Ue.fromSerialized(JSON.parse(r.value));
+        y.storage = "local";
+        let u = c.value;
+        if (u.startsWith("new-")) {
+          let h = u.replace("new-", "");
+          u = `dashboard-${y.name || "imported"}-connection`, d.connections[u] || d.newConnection(u, h, {
+            mdToken: g.value.mdToken,
+            projectId: g.value.projectId,
+            username: g.value.username,
+            password: g.value.password,
+            account: g.value.account,
+            privateKey: g.value.sshPrivateKey
+          });
+        }
+        y.connection = u, y.id = Math.random().toString(36).substring(2, 15), o.addDashboard(y), F.value = !0, r.value = "", i.value = "", g.value = {
+          mdToken: "",
+          projectId: "",
+          username: "",
+          password: "",
+          account: "",
+          sshPrivateKey: ""
+        }, await b(), setTimeout(() => {
+          F.value = !1, l("close");
+        }, 1500);
+      } catch {
+        v.value = "Invalid JSON format", setTimeout(() => {
+          v.value = null;
+        }, 3e3);
+      }
+    }, F = $(!1);
+    return O(), (y, u) => e.isOpen ? (m(), p("div", {
+      key: 0,
+      class: "popup-overlay",
+      onClick: u[11] || (u[11] = Y((h) => l("close"), ["self"]))
+    }, [
+      n("div", Mt, [
+        n("div", Dt, [
+          u[12] || (u[12] = n("h3", null, "Import Dashboard", -1)),
+          n("button", {
+            onClick: u[0] || (u[0] = (h) => l("close")),
+            class: "close-button",
+            "data-testid": "close-popup-button"
+          }, " ✕ ")
+        ]),
+        n("div", It, [
+          n("div", Tt, [
+            n("button", {
+              class: B(["mode-button", { active: S.value === "paste" }]),
+              onClick: u[1] || (u[1] = (h) => S.value = "paste"),
+              "data-testid": "paste-mode-button"
+            }, " Paste JSON ", 2),
+            n("button", {
+              class: B(["mode-button", { active: S.value === "url" }]),
+              onClick: u[2] || (u[2] = (h) => S.value = "url"),
+              "data-testid": "url-mode-button"
+            }, " From URL ", 2)
+          ]),
+          S.value === "paste" ? (m(), p("div", Kt, [
+            u[13] || (u[13] = n("label", { for: "dashboard-json" }, "Paste Dashboard JSON", -1)),
+            I(n("textarea", {
+              id: "dashboard-json",
+              "onUpdate:modelValue": u[3] || (u[3] = (h) => r.value = h),
+              placeholder: "Paste your dashboard JSON here",
+              rows: "16",
+              class: "dashboard-textarea",
+              "data-testid": "dashboard-json-input"
+            }, null, 512), [
+              [V, r.value]
+            ]),
+            v.value ? (m(), p("div", Lt, j(v.value), 1)) : M("", !0)
+          ])) : M("", !0),
+          S.value === "url" ? (m(), p("div", jt, [
+            u[15] || (u[15] = n("label", { for: "dashboard-url" }, "Dashboard URL", -1)),
+            n("div", Et, [
+              I(n("input", {
+                type: "text",
+                id: "dashboard-url",
+                "onUpdate:modelValue": u[4] || (u[4] = (h) => i.value = h),
+                placeholder: "https://example.com/dashboard.json",
+                class: "url-input",
+                "data-testid": "dashboard-url-input"
+              }, null, 512), [
+                [V, i.value]
+              ]),
+              n("button", {
+                onClick: U,
+                class: "fetch-button",
+                disabled: s.value,
+                "data-testid": "fetch-url-button"
+              }, j(s.value ? "Loading..." : "Fetch"), 9, Ut)
+            ]),
+            C.value ? (m(), p("div", At, j(C.value), 1)) : M("", !0),
+            r.value && S.value === "url" ? (m(), p("div", Rt, [
+              u[14] || (u[14] = n("label", null, "Dashboard JSON Preview", -1)),
+              n("div", Nt, [
+                n("pre", null, j(r.value.length > 500 ? r.value.substring(0, 500) + "..." : r.value), 1)
+              ])
+            ])) : M("", !0)
+          ])) : M("", !0)
+        ]),
+        n("div", Vt, [
+          n("div", Ot, [
+            u[21] || (u[21] = n("label", { for: "connection-select" }, "Assign To Connection", -1)),
+            I(n("select", {
+              id: "connection-select",
+              "onUpdate:modelValue": u[5] || (u[5] = (h) => c.value = h),
+              class: "connection-dropdown",
+              "data-testid": "connection-select",
+              onChange: O
+            }, [
+              u[16] || (u[16] = n("option", {
+                value: "",
+                disabled: ""
+              }, "-- Select Connection --", -1)),
+              (m(!0), p(N, null, _(x(d).connections, (h) => (m(), p("option", {
+                key: h.name,
+                value: h.name
+              }, j(h.name), 9, Pt))), 128)),
+              u[17] || (u[17] = n("option", { value: "new-duckdb" }, "New DuckDB", -1)),
+              u[18] || (u[18] = n("option", { value: "new-motherduck" }, "New MotherDuck", -1)),
+              u[19] || (u[19] = n("option", { value: "new-bigquery-oauth" }, "New Bigquery Oauth", -1)),
+              u[20] || (u[20] = n("option", { value: "new-snowflake" }, "New Snowflake", -1))
+            ], 544), [
+              [ye, c.value]
+            ])
+          ]),
+          c.value === "new-motherduck" ? (m(), p("div", Jt, [
+            u[22] || (u[22] = n("label", { for: "md-token" }, "MotherDuck Token", -1)),
+            I(n("input", {
+              type: "text",
+              "onUpdate:modelValue": u[6] || (u[6] = (h) => g.value.mdToken = h),
+              id: "md-token",
+              placeholder: "MotherDuck Token",
+              class: "connection-input",
+              onInput: O
+            }, null, 544), [
+              [
+                V,
+                g.value.mdToken,
+                void 0,
+                { trim: !0 }
+              ]
+            ])
+          ])) : M("", !0),
+          c.value === "new-bigquery-oauth" ? (m(), p("div", Bt, [
+            u[23] || (u[23] = n("label", { for: "project-id" }, "BigQuery Project ID", -1)),
+            I(n("input", {
+              type: "text",
+              "onUpdate:modelValue": u[7] || (u[7] = (h) => g.value.projectId = h),
+              id: "project-id",
+              placeholder: "Billing Project ID",
+              class: "connection-input",
+              onInput: O
+            }, null, 544), [
+              [
+                V,
+                g.value.projectId,
+                void 0,
+                { trim: !0 }
+              ]
+            ])
+          ])) : M("", !0),
+          c.value === "new-snowflake" ? (m(), p(N, { key: 2 }, [
+            n("div", Ft, [
+              u[24] || (u[24] = n("label", { for: "snowflake-username" }, "Username", -1)),
+              I(n("input", {
+                type: "text",
+                "onUpdate:modelValue": u[8] || (u[8] = (h) => g.value.username = h),
+                id: "snowflake-username",
+                placeholder: "Snowflake Username",
+                class: "connection-input",
+                onInput: O
+              }, null, 544), [
+                [
+                  V,
+                  g.value.username,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ]),
+            n("div", qt, [
+              u[25] || (u[25] = n("label", { for: "snowflake-account" }, "Account", -1)),
+              I(n("input", {
+                type: "text",
+                "onUpdate:modelValue": u[9] || (u[9] = (h) => g.value.account = h),
+                id: "snowflake-account",
+                placeholder: "Snowflake Account",
+                class: "connection-input",
+                onInput: O
+              }, null, 544), [
+                [
+                  V,
+                  g.value.account,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ]),
+            n("div", zt, [
+              u[26] || (u[26] = n("label", { for: "snowflake-ssh-private-key" }, "Private Key", -1)),
+              I(n("input", {
+                type: "text",
+                "onUpdate:modelValue": u[10] || (u[10] = (h) => g.value.sshPrivateKey = h),
+                id: "snowflake-ssh-private-key",
+                placeholder: "Private Key",
+                class: "connection-input",
+                onInput: O
+              }, null, 544), [
+                [
+                  V,
+                  g.value.sshPrivateKey,
+                  void 0,
+                  { trim: !0 }
+                ]
+              ])
+            ])
+          ], 64)) : M("", !0)
+        ]),
+        n("div", Gt, [
+          n("button", {
+            onClick: f,
+            class: "copy-button",
+            "data-testid": "import-dashboard-button",
+            disabled: !r.value || !c.value || s.value || !A.value
+          }, j(F.value ? "Imported!" : "Import"), 9, Ht)
+        ])
+      ])
+    ])) : M("", !0);
+  }
+}), _t = /* @__PURE__ */ H(Wt, [["__scopeId", "data-v-103efda3"]]), Qt = {
+  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 = K("connectionStore"), l = K("dashboardStore"), o = K("isMobile", !1);
+    if (!t || !l)
+      throw new Error("Connection/Dashboard stores is not provided!");
+    const d = G(() => e.item.type === "connection" && t.connections[e.item.label] || null), a = G(() => {
+      const r = d.value;
+      return r ? r.running ? "running" : r.connected ? "connected" : "disabled" : "disabled";
+    }), b = G(() => e.item.type === "connection" ? [{ id: "new-dashboard", label: "New dashboard", icon: "mdi-table-plus" }] : e.item.type === "dashboard" ? [
+      { id: "clone-dashboard", label: "Clone dashboard", icon: "mdi-content-copy" },
+      { id: "delete-separator", kind: "separator" },
+      {
+        id: "delete-dashboard",
+        label: "Delete dashboard",
+        icon: "mdi-trash-can-outline",
+        danger: !0
+      }
+    ] : []);
+    return {
+      isMobile: o,
+      dashboardStore: l,
+      connectionInfo: d,
+      connectionStatus: a,
+      contextMenuItems: 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);
+    },
+    handleContextMenuItemClick(e) {
+      switch (e.id) {
+        case "new-dashboard": {
+          const t = `${this.item.label} Dashboard ${Date.now().toString().slice(-4)}`, l = this.dashboardStore.newDashboard(t, this.item.label);
+          this.dashboardStore.setActiveDashboard(l.id);
+          break;
+        }
+        case "clone-dashboard":
+          this.handleClone();
+          break;
+        case "delete-dashboard":
+          this.handleDelete();
+          break;
+      }
+    }
+  },
+  components: {
+    SidebarItem: ne,
+    Tooltip: oe,
+    StatusIcon: de,
+    SidebarOverflowMenu: fe
+  }
+}, Xt = {
+  key: 0,
+  class: "text-light connection-model"
+}, Yt = { class: "dashboard-actions" }, Zt = ["data-testid"];
+function xt(e, t, l, o, d, a) {
+  const b = D("tooltip"), r = D("status-icon"), c = D("sidebar-overflow-menu"), v = D("sidebar-item");
+  return l.item.type !== "creator" ? (m(), E(v, {
+    key: 0,
+    "item-id": l.item.key,
+    name: l.item.label,
+    indent: l.item.indent,
+    "is-selected": l.isActive,
+    "is-collapsible": !["dashboard", "creator"].includes(l.item.type),
+    "is-collapsed": l.isCollapsed,
+    itemType: "dashboard",
+    onClick: a.handleClick,
+    onToggle: a.handleToggle
+  }, {
+    icon: w(() => [
+      l.item.type === "dashboard" ? (m(), E(b, {
+        key: 0,
+        content: "Dashboard",
+        position: "right"
+      }, {
+        default: w(() => [...t[1] || (t[1] = [
+          n("i", { class: "mdi mdi-view-dashboard node-icon" }, null, -1)
+        ])]),
+        _: 1
+      })) : M("", !0)
+    ]),
+    name: w(() => {
+      var s, i;
+      return [
+        z(j(l.item.label) + " ", 1),
+        l.item.type === "connection" ? (m(), p("span", Xt, " (" + j((s = o.connectionInfo) != null && s.model ? (i = o.connectionInfo) == null ? void 0 : i.model : "No Model Set") + ") ", 1)) : M("", !0)
+      ];
+    }),
+    "extra-content": w(() => [
+      n("div", Yt, [
+        l.item.type === "connection" ? (m(), p(N, { key: 0 }, [
+          T(r, { status: o.connectionStatus }, null, 8, ["status"]),
+          T(c, {
+            items: o.contextMenuItems,
+            tooltip: "Connection actions",
+            onSelect: a.handleContextMenuItemClick
+          }, null, 8, ["items", "onSelect"])
+        ], 64)) : M("", !0),
+        l.item.type === "dashboard" ? (m(), E(c, {
+          key: 1,
+          items: o.contextMenuItems,
+          tooltip: "Dashboard actions",
+          onSelect: a.handleContextMenuItemClick
+        }, null, 8, ["items", "onSelect"])) : M("", !0)
+      ])
+    ]),
+    _: 1
+  }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "onClick", "onToggle"])) : (m(), p("div", {
+    key: 1,
+    "data-testid": `dashboard-list-id-${l.item.key}`,
+    class: "creator-item",
+    onClick: t[0] || (t[0] = (...s) => a.handleClick && a.handleClick(...s))
+  }, j(l.item.label), 9, Zt));
+}
+const eo = /* @__PURE__ */ H(Qt, [["render", xt], ["__scopeId", "data-v-1782b723"]]);
+function to(e, t) {
+  const l = [], o = {};
+  return e.forEach((d) => {
+    const a = d.storage || "local";
+    d.deleted || (o[a] || (o[a] = []), o[a].push(d));
+  }), Object.entries(o).forEach(([d, a]) => {
+    const b = `s-${d}`;
+    if (l.push({
+      type: "storage",
+      label: d === "local" ? "Browser Storage" : "Remote Storage",
+      key: b,
+      id: b,
+      indent: 0
+    }), !t[b]) {
+      const r = {};
+      a.forEach((c) => {
+        const v = c.connection || "default";
+        r[v] || (r[v] = []), r[v].push(c);
+      }), Object.entries(r).forEach(([c, v]) => {
+        const s = `c-${d}-${c}`;
+        l.push({
+          type: "connection",
+          id: s,
+          label: c,
+          key: s,
+          indent: 1
+        }), t[s] || v.forEach((i) => {
+          l.push({
+            type: "dashboard",
+            label: i.name,
+            id: i.id,
+            key: `d-${i.id}`,
+            indent: 2,
+            dashboard: i
+          });
+        });
+      });
+    }
+  }), l;
+}
+const oo = {
+  name: "DashboardList",
+  props: {
+    activeDashboardKey: String,
+    testTag: {
+      type: String,
+      default: ""
+    }
+  },
+  setup() {
+    const e = K("dashboardStore"), t = K("connectionStore"), l = K("saveDashboards");
+    if (!e || !t || !l)
+      throw new Error("Dashboard or connection store is not provided!");
+    const o = $({}), d = $(!1), a = $(!1), b = (C) => {
+      o.value[C] === void 0 && (o.value[C] = !1), o.value[C] = !o.value[C];
+    }, r = W("dashboard") || "";
+    le(() => {
+      if (Object.values(e.dashboards).forEach((C) => {
+        let g = `s-${C.storage}`, A = `c-${C.storage}-${C.connection}`;
+        r === C.id ? (o.value[g] = !1, o.value[A] = !1) : (o.value[g] === void 0 ? o.value[g] = !0 : o.value[g] === !1 && (o.value[g] = !1), o.value[A] === void 0 ? o.value[A] = !0 : o.value[A] === !1 && (o.value[A] = !1));
+      }), Object.keys(e.dashboards).length > 0) {
+        const C = Object.values(e.dashboards)[0];
+        o.value[`s-${C.storage}`] = !1;
+      }
+    });
+    const c = G(() => to(Object.values(e.dashboards), o.value)), {
+      isOpen: v,
+      openConfirmation: s,
+      closeConfirmation: i,
+      confirm: S
+    } = ue((C) => {
+      C.delete();
+    });
+    return {
+      connectionStore: t,
+      dashboardStore: e,
+      contentList: c,
+      toggleCollapse: b,
+      collapsed: o,
+      creatorVisible: d,
+      importPopupVisible: a,
+      saveDashboards: l,
+      showDeleteConfirmationState: v,
+      showDeleteConfirmation: s,
+      cancelDelete: i,
+      confirmDelete: S
+    };
+  },
+  methods: {
+    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: Be,
+    DashboardImportPopup: _t,
+    DashboardListItem: eo,
+    SidebarList: se,
+    LoadingButton: he,
+    ConfirmDialog: me
+  }
+}, no = { class: "dashboards-header" }, so = ["data-testid"], io = { class: "button-container" };
+function lo(e, t, l, o, d, a) {
+  const b = D("dashboard-creator-inline"), r = D("dashboard-import-popup"), c = D("dashboard-list-item"), v = D("ConfirmDialog"), s = D("sidebar-list");
+  return m(), E(s, { title: "Dashboards" }, {
+    header: w(() => [
+      n("div", no, [
+        t[5] || (t[5] = n("h3", { class: "font-sans sidebar-header" }, "Dashboards", -1)),
+        n("button", {
+          class: "sidebar-control-button sidebar-header-action",
+          onClick: t[0] || (t[0] = (i) => o.creatorVisible = !o.creatorVisible),
+          "data-testid": l.testTag ? `dashboard-creator-add-${l.testTag}` : "dashboard-creator-add"
+        }, [
+          t[4] || (t[4] = n("i", { class: "mdi mdi-plus" }, null, -1)),
+          z(" " + j(o.creatorVisible ? "Close" : "New"), 1)
+        ], 8, so)
+      ])
+    ]),
+    actions: w(() => [
+      n("div", io, [
+        n("button", {
+          class: "sidebar-control-button sidebar-header-action",
+          onClick: t[1] || (t[1] = (i) => o.importPopupVisible = !0),
+          "data-testid": "dashboard-import-button"
+        }, " Import ")
+      ]),
+      T(b, {
+        visible: o.creatorVisible,
+        onClose: t[2] || (t[2] = (i) => o.creatorVisible = !o.creatorVisible),
+        testTag: l.testTag,
+        onDashboardCreated: a.dashboardCreated
+      }, null, 8, ["visible", "testTag", "onDashboardCreated"]),
+      T(r, {
+        isOpen: o.importPopupVisible,
+        onClose: t[3] || (t[3] = (i) => o.importPopupVisible = !1)
+      }, null, 8, ["isOpen"])
+    ]),
+    default: w(() => [
+      (m(!0), p(N, null, _(o.contentList, (i) => (m(), E(c, {
+        key: i.key,
+        item: i,
+        "is-active": l.activeDashboardKey === i.id,
+        "is-collapsed": o.collapsed[i.key],
+        onClick: (S) => a.clickAction(i),
+        onDelete: o.showDeleteConfirmation
+      }, null, 8, ["item", "is-active", "is-collapsed", "onClick", "onDelete"]))), 128)),
+      T(v, {
+        show: o.showDeleteConfirmationState,
+        title: "Confirm Deletion",
+        message: "Are you sure you want to delete this dashboard? Contents cannot be recovered.",
+        "confirm-label": "Delete",
+        "cancel-test-id": "cancel-dashboard-deletion",
+        "confirm-test-id": "confirm-dashboard-deletion",
+        onClose: o.cancelDelete,
+        onConfirm: o.confirmDelete
+      }, null, 8, ["show", "onClose", "onConfirm"])
+    ]),
+    _: 1
+  });
+}
+const ao = /* @__PURE__ */ H(oo, [["render", lo], ["__scopeId", "data-v-e431c8de"]]), ro = {
+  key: 0,
+  class: "mdi mdi-source-repository sidebar-icon"
+}, co = {
+  key: 1,
+  class: "right-pad"
+}, uo = {
+  key: 0,
+  class: "tag-container"
+}, mo = {
+  key: 1,
+  class: "tag-container hover-icon"
+}, vo = {
+  key: 2,
+  class: "tag-container"
+}, bo = ["data-testid"], po = /* @__PURE__ */ ee({
+  __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 l = e, o = t, d = ce(), a = () => {
+      l.item.type === "model" ? o("model-selected", l.item.model, l.item.key, l.item.modelRoot) : o("item-click", l.item.type, l.item.key, l.item.modelRoot);
+    }, b = () => {
+      ["model"].includes(l.item.type) || o("item-toggle", l.item.type, l.item.key, l.item.modelRoot);
+    }, r = () => "", c = (i) => i.id === Re.id, v = (i) => d.getStoreStatus(i.id), s = (i) => {
+      const S = d.errors[i.id];
+      if (S)
+        return `Connection failed: ${S}`;
+      if (d.getStoreStatus(i.id) === "connected")
+        return "Connected";
+    };
+    return (i, S) => (m(), E(ne, {
+      "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: r(),
+      itemType: "community",
+      onClick: a,
+      onToggle: b
+    }, {
+      icon: w(() => [
+        e.item.type === "root" ? (m(), p("i", ro)) : e.item.type === "engine" ? (m(), p("span", co, [
+          T(Oe, {
+            "connection-type": e.item.label
+          }, null, 8, ["connection-type"])
+        ])) : M("", !0)
+      ]),
+      "extra-content": w(() => {
+        var C;
+        return [
+          e.item.type === "model" ? (m(), p("span", uo, [
+            (m(!0), p(N, null, _(((C = e.item.model) == null ? void 0 : C.tags) || [], (g) => (m(), E(Ae, {
+              key: g,
+              label: g
+            }, null, 8, ["label"]))), 128))
+          ])) : e.item.type === "engine" ? (m(), p("span", mo)) : e.item.type === "root" ? (m(), p("span", vo, [
+            e.item.store && !c(e.item.store) ? (m(), E(oe, {
+              key: 0,
+              content: "Remove Store",
+              position: "left"
+            }, {
+              default: w(() => [
+                n("span", {
+                  class: "remove-btn hover-icon sidebar-icon-button danger",
+                  onClick: S[0] || (S[0] = Y((g) => o("delete-store", e.item.store), ["stop"])),
+                  "data-testid": `delete-store-${e.item.store.id}`
+                }, [...S[1] || (S[1] = [
+                  n("i", { class: "mdi mdi-trash-can-outline" }, null, -1)
+                ])], 8, bo)
+              ]),
+              _: 1
+            })) : M("", !0),
+            e.item.store ? (m(), E(de, {
+              key: 1,
+              status: v(e.item.store),
+              message: s(e.item.store),
+              "test-name": e.item.store.id
+            }, null, 8, ["status", "message", "test-name"])) : M("", !0)
+          ])) : M("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["item-id", "name", "indent", "is-selected", "is-collapsible", "is-collapsed", "icon"]));
+  }
+}), yo = /* @__PURE__ */ H(po, [["__scopeId", "data-v-afe793de"]]), fo = {
+  name: "AddStoreModal",
+  components: {
+    ModalDialog: Se
+  },
+  props: {
+    show: {
+      type: Boolean,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["close", "add"],
+  setup(e, { emit: t }) {
+    const l = $("generic"), o = $(""), d = $(""), a = $(""), b = $(""), r = $("main"), c = $(null);
+    return pe(
+      () => e.show,
+      (s) => {
+        s && (l.value = "generic", o.value = "", d.value = "", a.value = "", b.value = "", r.value = "main", c.value = null);
+      }
+    ), {
+      storeType: l,
+      storeName: o,
+      baseUrl: d,
+      owner: a,
+      repo: b,
+      branch: r,
+      error: c,
+      handleSubmit: async () => {
+        c.value = null;
+        try {
+          if (l.value === "generic") {
+            if (!d.value) {
+              c.value = "Please fill in all required fields";
+              return;
+            }
+            const s = ke(d.value), S = {
+              type: "generic",
+              id: we(s),
+              name: o.value || Ce(s),
+              baseUrl: s
+            };
+            t("add", S);
+          } else {
+            if (!o.value || !a.value || !b.value || !r.value) {
+              c.value = "Please fill in all required fields";
+              return;
+            }
+            const i = {
+              type: "github",
+              id: `${a.value}-${b.value}-${r.value}`,
+              name: o.value,
+              owner: a.value,
+              repo: b.value,
+              branch: r.value
+            };
+            t("add", i);
+          }
+        } catch (s) {
+          c.value = s instanceof Error ? s.message : "Failed to add store";
+        }
+      }
+    };
+  }
+}, ho = { class: "form-group" }, go = { class: "form-group" }, So = { class: "form-group" }, ko = { class: "form-group" }, Co = { class: "form-group" }, wo = { class: "form-group" }, $o = { class: "form-group" }, Mo = {
+  key: 2,
+  class: "form-error",
+  "data-testid": "add-store-error"
+}, Do = { class: "dialog-actions" }, Io = ["disabled"];
+function To(e, t, l, o, d, a) {
+  const b = D("ModalDialog");
+  return m(), E(b, {
+    show: l.show,
+    title: "Add Model Store",
+    "test-id": "add-store-modal",
+    onClose: t[9] || (t[9] = (r) => e.$emit("close"))
+  }, {
+    default: w(() => [
+      n("form", {
+        onSubmit: t[8] || (t[8] = Y((...r) => o.handleSubmit && o.handleSubmit(...r), ["prevent"]))
+      }, [
+        n("div", ho, [
+          t[11] || (t[11] = n("label", null, [
+            z("Store Type: "),
+            n("span", { class: "required" }, "*")
+          ], -1)),
+          I(n("select", {
+            "onUpdate:modelValue": t[0] || (t[0] = (r) => o.storeType = r),
+            "data-testid": "store-type-select"
+          }, [...t[10] || (t[10] = [
+            n("option", { value: "generic" }, "Generic", -1),
+            n("option", { value: "github" }, "GitHub Repository", -1)
+          ])], 512), [
+            [ye, o.storeType]
+          ])
+        ]),
+        o.storeType === "generic" ? (m(), p(N, { key: 0 }, [
+          n("div", go, [
+            t[12] || (t[12] = n("label", null, "Store Name:", -1)),
+            I(n("input", {
+              "onUpdate:modelValue": t[1] || (t[1] = (r) => o.storeName = r),
+              type: "text",
+              placeholder: "Optional, defaults to the store URL",
+              "data-testid": "store-name-input"
+            }, null, 512), [
+              [V, o.storeName]
+            ])
+          ]),
+          n("div", So, [
+            t[13] || (t[13] = n("label", null, [
+              z("Base URL: "),
+              n("span", { class: "required" }, "*")
+            ], -1)),
+            I(n("input", {
+              "onUpdate:modelValue": t[2] || (t[2] = (r) => o.baseUrl = r),
+              type: "url",
+              placeholder: "e.g., http://localhost:8000",
+              "data-testid": "store-url-input",
+              required: ""
+            }, null, 512), [
+              [V, o.baseUrl]
+            ]),
+            t[14] || (t[14] = n("small", null, "URL should serve an index.json file at /index.json", -1))
+          ])
+        ], 64)) : M("", !0),
+        o.storeType === "github" ? (m(), p(N, { key: 1 }, [
+          n("div", ko, [
+            t[15] || (t[15] = n("label", null, [
+              z("Display Name: "),
+              n("span", { class: "required" }, "*")
+            ], -1)),
+            I(n("input", {
+              "onUpdate:modelValue": t[3] || (t[3] = (r) => o.storeName = r),
+              type: "text",
+              placeholder: "e.g., My Custom Models",
+              "data-testid": "store-name-input",
+              required: ""
+            }, null, 512), [
+              [V, o.storeName]
+            ])
+          ]),
+          n("div", Co, [
+            t[16] || (t[16] = n("label", null, [
+              z("Repository Owner: "),
+              n("span", { class: "required" }, "*")
+            ], -1)),
+            I(n("input", {
+              "onUpdate:modelValue": t[4] || (t[4] = (r) => o.owner = r),
+              type: "text",
+              placeholder: "e.g., trilogy-data",
+              "data-testid": "github-owner-input",
+              required: ""
+            }, null, 512), [
+              [V, o.owner]
+            ])
+          ]),
+          n("div", wo, [
+            t[17] || (t[17] = n("label", null, [
+              z("Repository Name: "),
+              n("span", { class: "required" }, "*")
+            ], -1)),
+            I(n("input", {
+              "onUpdate:modelValue": t[5] || (t[5] = (r) => o.repo = r),
+              type: "text",
+              placeholder: "e.g., trilogy-public-models",
+              "data-testid": "github-repo-input",
+              required: ""
+            }, null, 512), [
+              [V, o.repo]
+            ])
+          ]),
+          n("div", $o, [
+            t[18] || (t[18] = n("label", null, [
+              z("Branch: "),
+              n("span", { class: "required" }, "*")
+            ], -1)),
+            I(n("input", {
+              "onUpdate:modelValue": t[6] || (t[6] = (r) => o.branch = r),
+              type: "text",
+              placeholder: "e.g., main",
+              "data-testid": "github-branch-input",
+              required: ""
+            }, null, 512), [
+              [V, o.branch]
+            ])
+          ])
+        ], 64)) : M("", !0),
+        o.error ? (m(), p("div", Mo, j(o.error), 1)) : M("", !0),
+        n("div", Do, [
+          n("button", {
+            type: "button",
+            class: "cancel-btn",
+            "data-testid": "add-store-cancel",
+            onClick: t[7] || (t[7] = (r) => e.$emit("close"))
+          }, " Cancel "),
+          n("button", {
+            type: "submit",
+            class: "confirm-btn",
+            "data-testid": "add-store-submit",
+            disabled: l.loading
+          }, j(l.loading ? "Adding..." : "Add Store"), 9, Io)
+        ])
+      ], 32)
+    ]),
+    _: 1
+  }, 8, ["show"]);
+}
+const Ko = /* @__PURE__ */ H(fo, [["render", To], ["__scopeId", "data-v-55797388"]]), Lo = (e = {}, t = [], l = {}) => {
+  const o = [];
+  return t.forEach((d) => {
+    const a = d.id, b = d.name, r = {
+      owner: d.type === "github" ? d.owner : "",
+      repo: d.type === "github" ? d.repo : "",
+      branch: d.type === "github" ? d.branch : "main",
+      displayName: b
+    };
+    if (o.push({
+      type: "root",
+      label: b,
+      key: a,
+      indent: 0,
+      modelRoot: r,
+      store: d
+    }), !e[a]) {
+      const c = l[a] || [], v = {};
+      c.forEach((s) => {
+        v[s.engine] || (v[s.engine] = []), v[s.engine].push(s);
+      }), Object.keys(v).sort().forEach((s) => {
+        const i = `${a}${L}${s}`;
+        o.push({
+          type: "engine",
+          label: s,
+          key: i,
+          indent: 1,
+          modelRoot: r,
+          store: d
+        }), e[i] || v[s].forEach((S) => {
+          o.push({
+            type: "model",
+            label: S.name,
+            key: `${i}${L}${S.name}`,
+            indent: 2,
+            model: S,
+            modelRoot: r,
+            store: d
+          });
+        });
+      });
+    }
+  }), o;
+}, jo = ee({
+  name: "CommunityModelList",
+  setup() {
+    const e = ce(), t = re(), l = K("editorStore"), o = K("connectionStore"), d = K("modelStore"), a = $({}), b = t.activeCommunityModelKey.value || "", r = (U) => {
+      const f = U.split("+");
+      if (f.length > 0 && (a.value[f[0]] = !1, f.length > 1)) {
+        const F = `${f[0]}+${f[1]}`;
+        a.value[F] = !1;
+      }
+    };
+    for (const U of e.stores)
+      a.value[U.id] = !0;
+    b ? r(b) : e.stores.length > 0 && (a.value[e.stores[0].id] = !1);
+    const c = async (U) => {
+      try {
+        await e.addStore(U), e.closeAddStoreModal();
+      } catch (f) {
+        console.error("Failed to add store:", f);
+      }
+    }, {
+      isOpen: v,
+      openConfirmation: s,
+      closeConfirmation: i,
+      confirm: S
+    } = ue((U) => {
+      U.type === "generic" && l && o && d && $e(U.id, l, o, d), e.removeStore(U.id);
+    }), C = (U, f, F) => {
+      t.openTab("community-models", U.name, f), console.log("Selected model:", U.name, "from root:", F);
+    }, g = (U, f, F) => {
+      t.openTab("community-models", null, f);
+    }, A = (U, f, F) => {
+      a.value[f] = !a.value[f];
+    }, O = G(() => Lo(
+      a.value,
+      e.stores,
+      e.filesByStore
+    ));
+    return le(async () => {
+      await e.initialize();
+    }), {
+      communityStore: e,
+      navigationStore: t,
+      handleAddStoreSubmit: c,
+      showDeleteStoreConfirmation: s,
+      cancelDeleteStore: i,
+      confirmDeleteStore: S,
+      showDeleteConfirmationState: v,
+      handleModelSelected: C,
+      handleItemClick: g,
+      handleItemToggle: A,
+      collapsed: a,
+      displayTree: O
+    };
+  },
+  components: {
+    SidebarList: se,
+    CommunityModelListItem: yo,
+    AddStoreModal: Ko,
+    ConfirmDialog: me
+  }
+}), Eo = { class: "community-header" }, Uo = { class: "community-header-actions" }, Ao = ["disabled"], Ro = ["disabled"], No = {
+  key: 0,
+  class: "error-container"
+}, Vo = { class: "error-text" }, Oo = ["onClick"];
+function Po(e, t, l, o, d, a) {
+  const b = D("CommunityModelListItem"), r = D("AddStoreModal"), c = D("ConfirmDialog"), v = D("sidebar-list");
+  return m(), E(v, { title: "Community Models" }, {
+    header: w(() => [
+      n("div", Eo, [
+        t[5] || (t[5] = n("h3", { class: "font-sans sidebar-header" }, "Community Models", -1)),
+        n("div", Uo, [
+          n("button", {
+            class: "sidebar-control-button sidebar-header-action",
+            onClick: t[0] || (t[0] = (s) => e.communityStore.refreshData()),
+            disabled: e.communityStore.loading
+          }, [
+            t[3] || (t[3] = n("i", { class: "mdi mdi-refresh" }, null, -1)),
+            z(" " + j(e.communityStore.loading ? "Refreshing" : "Refresh"), 1)
+          ], 8, Ao),
+          n("button", {
+            class: "sidebar-control-button sidebar-header-action",
+            onClick: t[1] || (t[1] = (s) => e.communityStore.openAddStoreModal()),
+            disabled: e.communityStore.loading
+          }, [...t[4] || (t[4] = [
+            n("i", { class: "mdi mdi-plus" }, null, -1),
+            z(" Add Store ", -1)
+          ])], 8, Ro)
+        ])
+      ])
+    ]),
+    actions: w(() => [...t[6] || (t[6] = [])]),
+    default: w(() => [
+      e.communityStore.hasErrors ? (m(), p("div", No, [
+        (m(!0), p(N, null, _(e.communityStore.errorList, (s) => (m(), p("div", {
+          key: s.root,
+          class: "error-item"
+        }, [
+          n("span", Vo, j(s.name) + ": " + j(s.error), 1),
+          n("button", {
+            onClick: (i) => e.communityStore.clearStoreError(s.root),
+            class: "clear-error"
+          }, "×", 8, Oo)
+        ]))), 128))
+      ])) : M("", !0),
+      (m(!0), p(N, null, _(e.displayTree, (s) => (m(), E(b, {
+        key: s.key,
+        item: s,
+        "is-collapsed": e.collapsed[s.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)),
+      T(r, {
+        show: e.communityStore.showAddStoreModal,
+        loading: e.communityStore.addingStore,
+        onClose: t[2] || (t[2] = (s) => e.communityStore.closeAddStoreModal()),
+        onAdd: e.handleAddStoreSubmit
+      }, null, 8, ["show", "loading", "onAdd"]),
+      T(c, {
+        show: e.showDeleteConfirmationState,
+        title: "Confirm Store Removal",
+        message: "Are you sure you want to remove this store? This will not delete any imported models.",
+        "confirm-label": "Remove",
+        "cancel-test-id": "cancel-store-deletion",
+        "confirm-test-id": "confirm-store-deletion",
+        onClose: e.cancelDeleteStore,
+        onConfirm: e.confirmDeleteStore
+      }, null, 8, ["show", "onClose", "onConfirm"])
+    ]),
+    _: 1
+  });
+}
+const Jo = /* @__PURE__ */ H(jo, [["render", Po], ["__scopeId", "data-v-fb890571"]]), Bo = ee({
+  name: "Sidebar",
+  props: {
+    active: {
+      type: String,
+      default: W("screen")
+    },
+    activeEditor: {
+      type: String,
+      default: W("editor")
+    },
+    activeModelKey: {
+      type: String,
+      default: W("model")
+    },
+    activeDocumentationKey: {
+      type: String,
+      default: W("documentationKey")
+    },
+    activeConnectionKey: {
+      type: String,
+      default: W("connection")
+    },
+    activeJobsKey: {
+      type: String,
+      default: W("jobs")
+    },
+    activeLLMKey: {
+      type: String,
+      default: W("llm")
+    },
+    activeDashboardKey: {
+      type: String,
+      default: W("dashboard")
+    },
+    containerWidth: {
+      type: Number,
+      default: 200
+    }
+  },
+  setup() {
+    const e = $(!1), t = $(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: "jobs",
+        tooltip: "Jobs",
+        icon: "mdi mdi-playlist-play",
+        screen: "jobs"
+      },
+      {
+        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
+      //   },
+    ], l = K("isMobile"), o = K("saveAll"), d = K("unSaved") || 0;
+    if (!l || !o)
+      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: Ve,
+      sidebarItems: t,
+      sidebarFeatureItems: e,
+      isMobile: l,
+      unSaved: d,
+      saveAll: o,
+      notMobile: !l,
+      contentCollapsed: !1
+    };
+  },
+  components: {
+    EditorList: Ne,
+    ConnectionList: Je,
+    Tooltip: oe,
+    TutorialSidebar: ze,
+    ModelSidebar: xe,
+    JobsList: $t,
+    LLMConnectionList: Pe,
+    DashboardList: ao,
+    CommunityModelList: Jo
+  },
+  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);
+    },
+    jobsKeySelected(e) {
+      this.$emit("jobs-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, l) {
+      this.$emit("llm-open-view", e, t, l);
+    },
+    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()}`;
+    }
+  }
+}), Fo = { class: "sidebar-container" }, qo = {
+  class: "sidebar-icons",
+  "data-testid": "sidebar-icons"
+}, zo = { class: "trilogy-icon" }, Go = { class: "trilogy-icon-wrapper" }, Ho = ["src"], Wo = ["title"], _o = ["title"], Qo = {
+  key: 1,
+  class: "sidebar-divider"
+}, Xo = ["onClick", "data-testid"], Yo = ["onClick", "href", "data-testid"], Zo = ["data-testid"], xo = {
+  key: 2,
+  class: "sidebar-divider"
+}, en = ["onClick", "data-testid"], tn = ["onClick", "href", "data-testid"], on = ["data-testid"];
+function nn(e, t, l, o, d, a) {
+  var A, O, U;
+  const b = D("tooltip"), r = D("EditorList"), c = D("ConnectionList"), v = D("LLMConnectionList"), s = D("ModelSidebar"), i = D("JobsList"), S = D("TutorialSidebar"), C = D("DashboardList"), g = D("CommunityModelList");
+  return m(), p("div", Fo, [
+    n("div", qo, [
+      n("div", zo, [
+        n("div", Go, [
+          T(b, {
+            content: e.unSaved ? `Save ${e.unSaved} ${(((A = e.unSaved) == null ? void 0 : A.valueOf()) || 0) > 1 ? "changes" : "change"}` : "All changes saved!"
+          }, {
+            default: w(() => [
+              n("img", {
+                class: B(["trilogy-icon", { spinning: e.isSaving }]),
+                onClick: t[0] || (t[0] = (...f) => e.handleSave && e.handleSave(...f)),
+                src: e.trilogyIcon,
+                "data-testid": "trilogy-icon"
+              }, null, 10, Ho)
+            ]),
+            _: 1
+          }, 8, ["content"]),
+          (((O = e.unSaved) == null ? void 0 : O.valueOf()) || 0) > 0 ? (m(), p("div", {
+            key: 0,
+            class: "unsaved-badge",
+            title: `${e.unSaved} unsaved ${(((U = e.unSaved) == null ? void 0 : U.valueOf()) || 0) > 1 ? "changes" : "change"}`
+          }, j(e.unSaved), 9, Wo)) : M("", !0)
+        ])
+      ]),
+      t[10] || (t[10] = n("div", { class: "trilogy-icon-padding" }, null, -1)),
+      e.isMobile ? M("", !0) : (m(), p("div", {
+        key: 0,
+        class: "sidebar-collapse-btn",
+        onClick: t[1] || (t[1] = (...f) => e.toggleCollapse && e.toggleCollapse(...f)),
+        title: e.contentCollapsed ? "Expand sidebar" : "Collapse sidebar"
+      }, [
+        n("i", {
+          class: B(e.contentCollapsed ? "mdi mdi-chevron-right" : "mdi mdi-chevron-left")
+        }, null, 2)
+      ], 8, _o)),
+      e.isMobile ? M("", !0) : (m(), p("div", Qo)),
+      (m(!0), p(N, null, _(e.sidebarItems, (f, F) => (m(), p("div", {
+        key: f.name,
+        class: B(["sidebar-icon", { selected: e.active == f.screen, "sidebar-icon-margin": !e.isMobile }]),
+        onClick: (y) => e.selectItem(f.screen),
+        "data-testid": `sidebar-icon-${f.screen}`
+      }, [
+        e.isMobile ? (m(), p(N, { key: 1 }, [
+          n("i", {
+            class: B(f.icon),
+            "data-testid": `sidebar-link-${f.screen}`
+          }, null, 10, Zo),
+          n("div", null, j(f.tooltip), 1)
+        ], 64)) : (m(), E(b, {
+          key: 0,
+          content: f.tooltip
+        }, {
+          default: w(() => [
+            n("a", {
+              onClick: Y((y) => e.selectItem(f.screen), ["prevent", "stop"]),
+              href: e.getUrl(f.screen),
+              target: "_blank",
+              "data-testid": `sidebar-link-${f.screen}`
+            }, [
+              n("i", {
+                class: B(f.icon)
+              }, null, 2)
+            ], 8, Yo)
+          ]),
+          _: 2
+        }, 1032, ["content"]))
+      ], 10, Xo))), 128)),
+      e.isMobile ? M("", !0) : (m(), p("div", xo)),
+      (m(!0), p(N, null, _(e.sidebarFeatureItems, (f, F) => (m(), p("div", {
+        key: f.name,
+        class: B(["sidebar-icon", { selected: e.active == f.screen, "sidebar-icon-margin": !e.isMobile }]),
+        onClick: (y) => e.selectItem(f.screen),
+        "data-testid": `sidebar-icon-${f.screen}`
+      }, [
+        e.isMobile ? (m(), p(N, { key: 1 }, [
+          n("i", {
+            class: B(f.icon),
+            "data-testid": `sidebar-link-${f.screen}`
+          }, null, 10, on),
+          n("div", null, j(f.tooltip), 1)
+        ], 64)) : (m(), E(b, {
+          key: 0,
+          content: f.tooltip
+        }, {
+          default: w(() => [
+            n("a", {
+              onClick: Y((y) => e.selectItem(f.screen), ["prevent", "stop"]),
+              href: e.getUrl(f.screen),
+              target: "_blank",
+              "data-testid": `sidebar-link-${f.screen}`
+            }, [
+              n("i", {
+                class: B(f.icon)
+              }, null, 2)
+            ], 8, tn)
+          ]),
+          _: 2
+        }, 1032, ["content"]))
+      ], 10, en))), 128)),
+      n("div", {
+        class: B(["sidebar-bottom-icons", { "sidebar-bottom-icons-mobile": e.isMobile }])
+      }, [
+        n("div", {
+          class: B(["sidebar-icon", { selected: e.active == "settings", "sidebar-icon-margin": !e.isMobile }]),
+          onClick: t[2] || (t[2] = (f) => e.selectItem("settings")),
+          "data-testid": "sidebar-icon-settings"
+        }, [
+          e.isMobile ? (m(), p(N, { key: 1 }, [
+            t[5] || (t[5] = n("i", { class: "mdi mdi-cog-outline" }, null, -1)),
+            t[6] || (t[6] = n("div", null, "Settings", -1))
+          ], 64)) : (m(), E(b, {
+            key: 0,
+            content: "Settings"
+          }, {
+            default: w(() => [...t[4] || (t[4] = [
+              n("i", { class: "mdi mdi-cog-outline" }, null, -1)
+            ])]),
+            _: 1
+          }))
+        ], 2),
+        n("div", {
+          class: B(["sidebar-icon", { selected: e.active == "profile", "sidebar-icon-margin": !e.isMobile }]),
+          "data-testid": "sidebar-icon-profile",
+          onClick: t[3] || (t[3] = (f) => e.selectItem("profile"))
+        }, [
+          e.isMobile ? (m(), p(N, { key: 1 }, [
+            t[8] || (t[8] = n("i", { class: "mdi mdi-account-outline" }, null, -1)),
+            t[9] || (t[9] = n("div", null, "Profile", -1))
+          ], 64)) : (m(), E(b, {
+            key: 0,
+            content: "Profile"
+          }, {
+            default: w(() => [...t[7] || (t[7] = [
+              n("i", { class: "mdi mdi-account-outline" }, null, -1)
+            ])]),
+            _: 1
+          }))
+        ], 2)
+      ], 2)
+    ]),
+    n("div", {
+      class: B(["sidebar-content", { "sidebar-content-collapsed": e.contentCollapsed && !e.isMobile }]),
+      style: Ke(e.contentCollapsed && !e.isMobile ? {} : { width: e.containerWidth - 40 + "px" })
+    }, [
+      I(T(r, {
+        activeEditor: e.activeEditor,
+        onEditorSelected: e.editorSelected,
+        onSaveEditors: e.saveEditors
+      }, null, 8, ["activeEditor", "onEditorSelected", "onSaveEditors"]), [
+        [X, e.active === "editors"]
+      ]),
+      I(T(c, {
+        onConnectionKeySelected: e.connectionKeySelected,
+        onToggleMobileMenu: e.toggleMobileMenu,
+        activeConnectionKey: e.activeConnectionKey
+      }, null, 8, ["onConnectionKeySelected", "onToggleMobileMenu", "activeConnectionKey"]), [
+        [X, e.active === "connections"]
+      ]),
+      I(T(v, {
+        onLlmConnectionKeySelected: e.llmKeySelected,
+        onLlmOpenView: e.llmOpenView,
+        onCreateNewChat: e.createNewChat,
+        activeLLMKey: e.activeLLMKey
+      }, null, 8, ["onLlmConnectionKeySelected", "onLlmOpenView", "onCreateNewChat", "activeLLMKey"]), [
+        [X, e.active === "llms"]
+      ]),
+      I(T(s, {
+        onModelKeySelected: e.modelKeySelected,
+        activeModelKey: e.activeModelKey
+      }, null, 8, ["onModelKeySelected", "activeModelKey"]), [
+        [X, e.active === "models"]
+      ]),
+      I(T(i, {
+        onJobsKeySelected: e.jobsKeySelected,
+        activeJobsKey: e.activeJobsKey
+      }, null, 8, ["onJobsKeySelected", "activeJobsKey"]), [
+        [X, e.active === "jobs"]
+      ]),
+      I(T(S, {
+        onDocumentationKeySelected: e.documentationKeySelected,
+        activeDocumentationKey: e.activeDocumentationKey
+      }, null, 8, ["onDocumentationKeySelected", "activeDocumentationKey"]), [
+        [X, e.active === "tutorial"]
+      ]),
+      I(T(C, {
+        onDashboardKeySelected: e.dashboardKeySelected,
+        onSaveEditors: e.saveDashboards,
+        activeDashboardKey: e.activeDashboardKey,
+        onToggleMobileMenu: e.toggleMobileMenu
+      }, null, 8, ["onDashboardKeySelected", "onSaveEditors", "activeDashboardKey", "onToggleMobileMenu"]), [
+        [X, e.active === "dashboard"]
+      ]),
+      I(T(g, null, null, 512), [
+        [X, e.active === "community-models"]
+      ])
+    ], 6)
+  ]);
+}
+const cn = /* @__PURE__ */ H(Bo, [["render", nn], ["__scopeId", "data-v-92bc4461"]]);
+export {
+  cn as default
+};