@trilogy-data/trilogy-studio-components 0.1.9 → 0.1.11

package/dist/LLMView-BRDqi_8s.js

@@ -0,0 +1,656 @@
+import { defineComponent as z, inject as k, ref as L, computed as Q, watch as U, nextTick as Z, onMounted as x, createElementBlock as p, openBlock as d, createElementVNode as r, createCommentVNode as T, createTextVNode as O, withDirectives as Y, Fragment as B, renderList as j, toDisplayString as w, vModelSelect as ee, normalizeClass as P, withKeys as te, withModifiers as ne, vModelText as se, resolveComponent as G, createBlock as H, createVNode as ae, withCtx as K } from "vue";
+import { y as D, z as oe, a as J, D as ie, B as F, F as re, I as le, J as ce } from "./main-DP4aLnEK.js";
+const _ = [
+  { name: "id", type: "int" },
+  { name: "quantity", type: "float" },
+  { name: "extended_price", type: "float::money" },
+  { name: "discount", type: "float::percent", description: "percent discount" },
+  { name: "tax", type: "float::percent", description: "tax, as percentage" },
+  { name: "return_flag", type: "string" },
+  { name: "line_status", type: "string" },
+  { name: "ship_date", type: "date" },
+  { name: "commit_date", type: "date" },
+  { name: "receipt_date", type: "date" },
+  { name: "ship_instruct", type: "string" },
+  { name: "ship_mode", type: "string" },
+  { name: "comment", type: "string" },
+  { name: "supplier.id", type: "int" },
+  { name: "supplier.nation.name", type: "string" },
+  { name: "supplier.name", type: "string" },
+  { name: "order.id", type: "int" },
+  { name: "order.date", type: "date" },
+  { name: "order.customer.name", type: "string" },
+  { name: "order.customer.nation.name", type: "string" },
+  { name: "order.customer.id", type: "int" }
+], de = [
+  {
+    name: "Basic Query",
+    description: "Tests if the LLM can create a simple trilogy query from user input.",
+    prompt: D("what were sales for the last 3 months by order date?", _),
+    expectedResponse: {
+      contains: ["extended_price"],
+      mustIdentify: "order.date",
+      notContains: ["FROM"]
+    }
+  },
+  {
+    name: "Aggregate Query",
+    description: "Tests if the LLM can generate an aggregate query.",
+    prompt: D("what are sales by supplier name and nation?", _),
+    expectedResponse: {
+      contains: ["extended_price"],
+      mustIdentify: "supplier.nation.name",
+      notContains: ["FROM", "GROUP BY"]
+    }
+  },
+  {
+    name: "Complex Query",
+    description: "Tests for a more complex query, with limits and ordering.",
+    prompt: D("Who were the top ten customers by sales in august 1995?", _),
+    expectedResponse: {
+      contains: ["extended_price", "order.customer.name", "8"],
+      mustIdentify: "order.customer.name",
+      notContains: ["FROM", "GROUP BY"]
+    }
+  },
+  {
+    name: "Multi-part Conditions",
+    description: "Tests for a query that includes multiple conditions.",
+    prompt: D(
+      "Who were the top ten customers by sales in august 1995 who had orders that shipped in october or september?",
+      _
+    ),
+    expectedResponse: {
+      contains: ["extended_price", "order.customer.name", "8"],
+      mustIdentify: "order.customer.name",
+      notContains: ["FROM", "GROUP BY"]
+    }
+  },
+  {
+    name: "Test Count(*) Handling",
+    description: "Test proper counting of identifiers",
+    prompt: D("How many customers are there by country?", _),
+    expectedResponse: {
+      contains: ["order.customer.id"],
+      mustIdentify: "order.customer.nation.name",
+      notContains: ["FROM", "GROUP BY", "*"]
+    }
+  }
+], ue = z({
+  name: "LLMValidationView",
+  props: {
+    initialProvider: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const s = k("llmConnectionStore"), i = L([]), h = L(""), a = L(!1), C = L(!1), t = L(""), l = L(null), u = L([]), b = L([]), y = 5, v = 4, f = L(
+      e.initialProvider || (Object.keys(s.connections).length > 0 ? Object.keys(s.connections)[0] : "")
+    ), $ = L(de), o = Q(() => Object.keys(s.connections)), S = Q(() => !!f.value && s.getConnection(f.value) !== null);
+    U(i, () => {
+      Z(() => {
+        l.value && (l.value.scrollTop = l.value.scrollHeight);
+      });
+    });
+    const M = (m) => m ? s.getConnectionStatus(m) : "disconnected", A = (m, c) => {
+      const n = { passed: !0 };
+      let I = oe(m);
+      if (c.contains) {
+        for (const g of c.contains)
+          if (!I.toLowerCase().includes(g.toLowerCase()))
+            return n.passed = !1, n.reason = `Response missing expected phrase: "${g}"`, n;
+      }
+      if (c.notContains)
+        for (const g of c.notContains) {
+          const R = I.split(`
+`);
+          for (const q of R)
+            if (!q.trim().startsWith("#") && q.toLowerCase().includes(g.toLowerCase()))
+              return n.passed = !1, n.reason = `Response contains forbidden phrase: "${g}"`, n;
+        }
+      if (c.mustIdentify) {
+        const g = I.toLowerCase(), R = c.mustIdentify.toLowerCase();
+        if (!g.includes(R) && !V(g, R))
+          return n.passed = !1, n.reason = `Response did not identify the issue: "${c.mustIdentify}"`, n;
+      }
+      return n;
+    }, V = (m, c) => {
+      const n = {
+        "missing index": [
+          "no index",
+          "should create index",
+          "index would improve",
+          "needs an index"
+        ]
+      };
+      return c in n ? n[c].some((I) => m.includes(I)) : !1;
+    }, N = async () => {
+      if (!h.value.trim() || a.value || !f.value) return;
+      i.value.push({
+        role: "user",
+        content: h.value
+      });
+      const m = h.value;
+      h.value = "", a.value = !0, t.value = "";
+      try {
+        const c = {
+          prompt: m
+        }, n = await s.generateCompletion(
+          f.value,
+          c
+        );
+        i.value.push({
+          role: "assistant",
+          content: n.text,
+          modelInfo: {
+            totalTokens: n.usage.totalTokens
+          }
+        });
+      } catch (c) {
+        t.value = c instanceof Error ? c.message : "An unknown error occurred";
+      } finally {
+        a.value = !1;
+      }
+    }, E = async (m) => {
+      const c = $.value[m];
+      try {
+        const n = {
+          prompt: c.prompt
+        }, I = await s.generateCompletion(
+          f.value,
+          n
+        );
+        return A(I.text, c.expectedResponse);
+      } catch (n) {
+        return {
+          passed: !1,
+          reason: `Error: ${n instanceof Error ? n.message : "An unknown error occurred"}`
+        };
+      }
+    }, W = async (m) => {
+      if (a.value || !f.value) return;
+      const c = $.value[m];
+      i.value = [], i.value.push({
+        role: "user",
+        content: `RUNNING TEST: ${c.name} (${y} iterations)`
+      }), a.value = !0, t.value = "";
+      try {
+        const n = {
+          passed: 0,
+          total: y,
+          runs: []
+        };
+        i.value.push({
+          role: "assistant",
+          content: `Running ${y} iterations of test "${c.name}"...`
+        });
+        for (let g = 0; g < y; g++) {
+          g > 0 && (i.value[i.value.length - 1].content += `
+Running iteration ${g + 1}/${y}...`);
+          const R = await E(m);
+          n.runs.push(R), R.passed && n.passed++;
+        }
+        const I = {
+          passed: n.passed >= v,
+          reason: n.passed >= v ? void 0 : `Only ${n.passed}/${y} runs passed (need at least ${v})`
+        };
+        u.value[m] = I, b.value[m] = n, i.value[i.value.length - 1].content = `Test "${c.name}" completed: ${n.passed}/${y} runs passed.
+
+${I.passed ? "✓ OVERALL PASSED" : "✗ OVERALL FAILED"}
+
+Iteration Results:
+` + n.runs.map(
+          (g, R) => `Iteration ${R + 1}: ${g.passed ? "✓ PASSED" : "✗ FAILED"}${g.reason ? " - " + g.reason : ""}`
+        ).join(`
+`), i.value[i.value.length - 1].testResult = I;
+      } catch (n) {
+        t.value = n instanceof Error ? n.message : "An unknown error occurred", u.value[m] = {
+          passed: !1,
+          reason: `Error: ${t.value}`
+        };
+      } finally {
+        a.value = !1;
+      }
+    }, X = async () => {
+      if (!(a.value || !f.value)) {
+        C.value = !0, i.value = [], i.value.push({
+          role: "user",
+          content: "RUNNING ALL TESTS IN SEQUENCE (5 iterations each)"
+        });
+        try {
+          for (let n = 0; n < $.value.length; n++)
+            await W(n), n < $.value.length - 1 && await new Promise((I) => setTimeout(I, 500));
+          const m = Object.values(u.value).filter((n) => n == null ? void 0 : n.passed).length, c = Object.values(u.value).filter(
+            (n) => n && !n.passed
+          ).length;
+          i.value.push({
+            role: "user",
+            content: `ALL TESTS COMPLETED: ${m} passed, ${c} failed`
+          });
+        } catch (m) {
+          t.value = m instanceof Error ? m.message : "An unknown error occurred";
+        } finally {
+          C.value = !1;
+        }
+      }
+    };
+    return x(() => {
+      o.value.length === 0 && (t.value = "No LLM connections found. Please add connections in the sidebar.");
+    }), {
+      messages: i,
+      userInput: h,
+      isLoading: a,
+      isRunningAll: C,
+      error: t,
+      selectedProvider: f,
+      availableProviders: o,
+      isProviderSelected: S,
+      messagesContainer: l,
+      getConnectionStatus: M,
+      sendPrompt: N,
+      scenarios: $,
+      runScenario: W,
+      scenarioResults: u,
+      testRunDetails: b,
+      runAllScenarios: X
+    };
+  }
+}), pe = { class: "debug-container" }, me = { class: "llm-chat-container" }, he = { class: "connection-controls" }, ve = { class: "provider-selector" }, fe = ["value"], ge = { key: 0 }, ye = {
+  key: 0,
+  class: "error-message"
+}, Ce = {
+  class: "chat-messages",
+  ref: "messagesContainer"
+}, be = { class: "message-header" }, Ie = {
+  key: 0,
+  class: "model-info"
+}, we = { class: "message-content" }, Le = {
+  key: 0,
+  class: "failure-reason"
+}, Se = { class: "input-container" }, Te = ["disabled"], Ae = ["disabled"], Re = { class: "scenarios-container" }, $e = { class: "section-header" }, ke = { class: "header-controls" }, Pe = ["disabled"], Me = {
+  key: 0,
+  class: "pass-indicator text-small"
+}, Ne = { class: "scenarios-list" }, Ee = ["onClick"], De = { class: "scenario-name" }, _e = { class: "scenario-description" }, Ue = {
+  key: 0,
+  class: "scenario-result-indicator"
+}, Ve = {
+  key: 0,
+  class: "pass-indicator"
+}, Oe = {
+  key: 1,
+  class: "fail-indicator"
+}, Fe = {
+  key: 1,
+  class: "test-run-details"
+};
+function qe(e, s, i, h, a, C) {
+  return d(), p("div", pe, [
+    r("div", me, [
+      s[6] || (s[6] = r("div", { class: "section-header" }, [
+        O(" LLM Validation "),
+        r("span", { class: "text-faint text-small" }, "Test that your LLM connection will deliver acceptable experience.")
+      ], -1)),
+      r("div", he, [
+        r("div", ve, [
+          s[5] || (s[5] = r("label", { for: "provider-select" }, "Provider:", -1)),
+          Y(r("select", {
+            id: "provider-select",
+            "onUpdate:modelValue": s[0] || (s[0] = (t) => e.selectedProvider = t)
+          }, [
+            (d(!0), p(B, null, j(e.availableProviders, (t) => (d(), p("option", {
+              key: t,
+              value: t
+            }, [
+              O(w(t) + " ", 1),
+              e.getConnectionStatus(t) ? (d(), p("span", ge, " (" + w(e.getConnectionStatus(t)) + ") ", 1)) : T("", !0)
+            ], 8, fe))), 128))
+          ], 512), [
+            [ee, e.selectedProvider]
+          ]),
+          r("span", {
+            class: P(["status-indicator", e.getConnectionStatus(e.selectedProvider)])
+          }, null, 2)
+        ])
+      ]),
+      e.error ? (d(), p("div", ye, w(e.error), 1)) : T("", !0),
+      r("div", Ce, [
+        (d(!0), p(B, null, j(e.messages, (t, l) => (d(), p("div", {
+          key: l,
+          class: P(["message", t.role])
+        }, [
+          r("div", be, [
+            r("strong", null, w(t.role === "user" ? "You" : "AI"), 1),
+            t.role === "assistant" && t.modelInfo ? (d(), p("span", Ie, w(t.modelInfo.totalTokens) + " tokens ", 1)) : T("", !0)
+          ]),
+          r("div", we, [
+            r("pre", null, w(t.content), 1)
+          ]),
+          t.testResult ? (d(), p("div", {
+            key: 0,
+            class: P(["test-result", t.testResult.passed ? "passed" : "failed"])
+          }, [
+            O(" Test: " + w(t.testResult.passed ? "PASSED ✓" : "FAILED ✗") + " ", 1),
+            t.testResult.passed ? T("", !0) : (d(), p("div", Le, w(t.testResult.reason), 1))
+          ], 2)) : T("", !0)
+        ], 2))), 128))
+      ], 512),
+      r("div", Se, [
+        Y(r("textarea", {
+          "onUpdate:modelValue": s[1] || (s[1] = (t) => e.userInput = t),
+          onKeydown: s[2] || (s[2] = te(ne((...t) => e.sendPrompt && e.sendPrompt(...t), ["ctrl"]), ["enter"])),
+          placeholder: "Type your message here... (Ctrl+Enter to send)",
+          disabled: e.isLoading || !e.isProviderSelected
+        }, "        ", 40, Te), [
+          [se, e.userInput]
+        ]),
+        r("button", {
+          onClick: s[3] || (s[3] = (...t) => e.sendPrompt && e.sendPrompt(...t)),
+          disabled: e.isLoading || !e.userInput.trim() || !e.isProviderSelected
+        }, w(e.isLoading ? "Sending..." : "Send"), 9, Ae)
+      ])
+    ]),
+    r("div", Re, [
+      r("div", $e, [
+        s[7] || (s[7] = O(" Test Scenarios ", -1)),
+        r("div", ke, [
+          r("button", {
+            onClick: s[4] || (s[4] = (...t) => e.runAllScenarios && e.runAllScenarios(...t)),
+            disabled: e.isLoading || !e.isProviderSelected,
+            class: "run-all-button"
+          }, w(e.isRunningAll ? "Running..." : "Run All Tests"), 9, Pe),
+          Object.values(e.scenarioResults).length == e.scenarios.length && Object.values(e.scenarioResults).every((t) => t == null ? void 0 : t.passed) ? (d(), p("span", Me, "✓ All passed, LLM integration should meet expectations!")) : T("", !0)
+        ])
+      ]),
+      r("div", Ne, [
+        (d(!0), p(B, null, j(e.scenarios, (t, l) => {
+          var u;
+          return d(), p("div", {
+            key: l,
+            class: P(["scenario-item", { passed: (u = e.scenarioResults[l]) == null ? void 0 : u.passed }]),
+            onClick: (b) => e.runScenario(l)
+          }, [
+            r("div", De, w(t.name), 1),
+            r("div", _e, w(t.description), 1),
+            e.scenarioResults[l] ? (d(), p("div", Ue, [
+              e.scenarioResults[l].passed ? (d(), p("span", Ve, "✓")) : (d(), p("span", Oe, "✗"))
+            ])) : T("", !0),
+            e.testRunDetails[l] ? (d(), p("div", Fe, w(e.testRunDetails[l].passed) + "/5 runs passed ", 1)) : T("", !0)
+          ], 10, Ee);
+        }), 128))
+      ])
+    ])
+  ]);
+}
+const Be = /* @__PURE__ */ J(ue, [["render", qe], ["__scopeId", "data-v-28356d02"]]);
+function je(e, s) {
+  const i = s.name || "Chat Artifacts", h = new ie({
+    id: i,
+    name: i,
+    connection: s.connection,
+    storage: "local",
+    state: "editing"
+  });
+  s.imports && (h.imports = s.imports.map((C) => ({ ...C })));
+  const a = 20;
+  for (const C of e) {
+    const t = Ge(C);
+    if (!t) continue;
+    const { type: l, content: u, name: b, chartConfig: y, height: v } = t, f = h.addItem(l, 0, 0, a, v, null, b);
+    h.gridItems[f].content = u, y && (h.gridItems[f].chartConfig = y);
+  }
+  return h.changed = !0, h;
+}
+function Ge(e) {
+  var s, i, h, a, C, t, l, u, b, y;
+  switch (e.type) {
+    case "chart": {
+      const v = ((s = e.config) == null ? void 0 : s.query) || "";
+      return {
+        type: F.CHART,
+        content: v,
+        name: ((i = e.config) == null ? void 0 : i.title) || "Chart",
+        chartConfig: (h = e.config) == null ? void 0 : h.chartConfig,
+        height: 10
+      };
+    }
+    case "results": {
+      const v = ((a = e.config) == null ? void 0 : a.query) || "";
+      return {
+        type: F.TABLE,
+        content: v,
+        name: ((C = e.config) == null ? void 0 : C.title) || "Table",
+        height: 10
+      };
+    }
+    case "markdown": {
+      const v = {
+        markdown: ((t = e.data) == null ? void 0 : t.markdown) || "",
+        query: ((l = e.data) == null ? void 0 : l.query) || ""
+      };
+      return {
+        type: F.MARKDOWN,
+        content: v,
+        name: ((u = e.config) == null ? void 0 : u.title) || "Markdown",
+        height: v.query ? 10 : 4
+      };
+    }
+    case "code": {
+      const v = ((b = e.config) == null ? void 0 : b.language) || "sql", f = e.data || "", $ = `\`\`\`${v}
+${f}
+\`\`\``;
+      return {
+        type: F.MARKDOWN,
+        content: $,
+        name: ((y = e.config) == null ? void 0 : y.title) || "Code",
+        height: 4
+      };
+    }
+    default:
+      return null;
+  }
+}
+const We = z({
+  name: "LLMChatDebugComponent",
+  components: {
+    LLMChatSplitView: le,
+    LLMValidationView: Be,
+    DashboardImportSelector: re
+  },
+  props: {
+    initialProvider: {
+      type: String,
+      default: ""
+    },
+    initialModel: {
+      type: String,
+      default: ""
+    },
+    initialTab: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const s = k("llmConnectionStore"), i = k("connectionStore"), h = k("queryExecutionService"), a = k("chatStore"), C = k("editorStore"), t = k("navigationStore"), l = k("dashboardStore"), u = L(
+      e.initialTab === "chat" || e.initialTab === "validation" ? e.initialTab : "chat"
+    ), b = L(null), y = ce({
+      llmConnectionStore: s,
+      connectionStore: i,
+      queryExecutionService: h,
+      chatStore: a,
+      editorStore: C,
+      navigationStore: t
+    });
+    U(
+      () => e.initialTab,
+      (o) => {
+        (o === "chat" || o === "validation") && (u.value = o);
+      }
+    );
+    const v = async () => {
+      var S;
+      const o = ((S = a == null ? void 0 : a.activeChat) == null ? void 0 : S.llmConnectionName) || s.activeConnection;
+      if (o && s.getConnectionStatus(o) === "disabled")
+        try {
+          await s.resetConnection(o);
+        } catch (A) {
+          console.error("Failed to auto-connect LLM:", A);
+        }
+    }, f = async () => {
+      if (!i || !(a != null && a.activeChat)) return;
+      const o = a.activeChat.dataConnectionName;
+      if (!o) return;
+      const S = i.connections[o];
+      if (!S) return;
+      if (i.connectionStateToStatus(S) === "disabled")
+        try {
+          await i.resetConnection(o);
+        } catch (A) {
+          console.error("Failed to auto-connect DB:", A);
+        }
+    };
+    return U(
+      () => u.value,
+      (o) => {
+        o === "chat" && (v(), f());
+      },
+      { immediate: !0 }
+    ), a && (U(
+      () => {
+        var o;
+        return (o = a == null ? void 0 : a.activeChat) == null ? void 0 : o.dataConnectionName;
+      },
+      (o) => {
+        u.value === "chat" && o && f();
+      }
+    ), U(
+      () => {
+        var o;
+        return (o = a == null ? void 0 : a.activeChat) == null ? void 0 : o.llmConnectionName;
+      },
+      (o) => {
+        u.value === "chat" && o && v();
+      }
+    )), {
+      activeView: u,
+      chatSplitView: b,
+      handlePublishArtifacts: () => {
+        if (!l) {
+          console.error("Dashboard store not available");
+          return;
+        }
+        const o = a == null ? void 0 : a.activeChat;
+        if (!o || o.artifacts.length === 0) {
+          console.warn("No artifacts to publish");
+          return;
+        }
+        const S = o.dataConnectionName || "";
+        if (!S) {
+          console.error("No data connection associated with this chat");
+          return;
+        }
+        let M = o.name || "Chat Artifacts", A = M, V = 1;
+        for (; l.getDashboardByName(A); )
+          A = `${M} (${V})`, V++;
+        const N = je(o.artifacts, {
+          name: A,
+          connection: S,
+          imports: o.imports.map((E) => ({
+            id: E.id,
+            name: E.name,
+            alias: E.alias || ""
+          }))
+        });
+        l.addDashboard(N), l.setActiveDashboard(N.id), t && t.setActiveDashboard(N.id);
+      },
+      // Spread all chat composable returns
+      ...y
+    };
+  }
+}), Qe = { class: "llm-view-container" }, Ye = { class: "view-tabs" }, He = {
+  key: 0,
+  class: "chat-view"
+}, Ke = ["disabled"], ze = {
+  key: 0,
+  class: "mdi mdi-auto-fix"
+}, Je = {
+  key: 1,
+  class: "spinner"
+}, Xe = { class: "chat-header-controls" }, Ze = {
+  key: 1,
+  class: "connection-info"
+};
+function xe(e, s, i, h, a, C) {
+  const t = G("dashboard-import-selector"), l = G("l-l-m-chat-split-view"), u = G("l-l-m-validation-view");
+  return d(), p("div", Qe, [
+    r("div", Ye, [
+      r("button", {
+        class: P(["view-tab", { active: e.activeView === "chat" }]),
+        onClick: s[0] || (s[0] = (b) => e.activeView = "chat"),
+        "data-testid": "llm-view-tab-chat"
+      }, " Chat ", 2),
+      r("button", {
+        class: P(["view-tab", { active: e.activeView === "validation" }]),
+        onClick: s[1] || (s[1] = (b) => e.activeView = "validation"),
+        "data-testid": "llm-view-tab-validation"
+      }, " Validation Tests ", 2)
+    ]),
+    e.activeView === "chat" ? (d(), p("div", He, [
+      ae(l, {
+        ref: "chatSplitView",
+        title: e.activeChatTitle,
+        editableTitle: !0,
+        placeholder: "Ask about your data... (Enter to send)",
+        systemPrompt: e.chatSystemPrompt,
+        connectionInfo: e.chatConnectionInfo,
+        availableImports: e.availableImportsForChat,
+        activeImports: e.activeImportsForChat,
+        symbols: e.chatSymbols,
+        initialMessages: e.activeChatMessages,
+        initialArtifacts: e.activeChatArtifacts,
+        initialActiveArtifactIndex: e.activeChatArtifactIndex,
+        externalLoading: e.isChatLoading,
+        activeToolName: e.activeToolName,
+        onSendMessage: e.handleChatMessageWithTools,
+        "onUpdate:messages": e.handleMessagesUpdate,
+        "onUpdate:artifacts": e.handleArtifactsUpdate,
+        "onUpdate:activeArtifactIndex": e.handleActiveArtifactUpdate,
+        onImportChange: e.handleImportChange,
+        onTitleUpdate: e.handleTitleUpdate,
+        onPublishArtifacts: e.handlePublishArtifacts
+      }, {
+        "header-prefix": K(() => [
+          r("button", {
+            class: P(["auto-name-btn", { "is-loading": e.isGeneratingName }]),
+            onClick: s[2] || (s[2] = (...b) => e.generateChatName && e.generateChatName(...b)),
+            disabled: e.isGeneratingName || e.activeChatMessages.length === 0,
+            title: "Auto-generate chat name",
+            "data-testid": "auto-name-chat-btn"
+          }, [
+            e.isGeneratingName ? (d(), p("span", Je)) : (d(), p("i", ze))
+          ], 10, Ke)
+        ]),
+        "header-actions": K(() => [
+          r("div", Xe, [
+            e.availableImportsForChat.length > 0 ? (d(), H(t, {
+              key: 0,
+              "available-imports": e.availableImportsForChat,
+              "active-imports": e.activeImportsForChat,
+              "onUpdate:imports": e.handleImportChange
+            }, null, 8, ["available-imports", "active-imports", "onUpdate:imports"])) : T("", !0),
+            e.chatConnectionInfo ? (d(), p("span", Ze, w(e.chatConnectionInfo), 1)) : T("", !0)
+          ])
+        ]),
+        _: 1
+      }, 8, ["title", "systemPrompt", "connectionInfo", "availableImports", "activeImports", "symbols", "initialMessages", "initialArtifacts", "initialActiveArtifactIndex", "externalLoading", "activeToolName", "onSendMessage", "onUpdate:messages", "onUpdate:artifacts", "onUpdate:activeArtifactIndex", "onImportChange", "onTitleUpdate", "onPublishArtifacts"])
+    ])) : (d(), H(u, {
+      key: 1,
+      initialProvider: e.initialProvider
+    }, null, 8, ["initialProvider"]))
+  ]);
+}
+const nt = /* @__PURE__ */ J(We, [["render", xe], ["__scopeId", "data-v-1adde99f"]]);
+export {
+  nt as default
+};

package/dist/Manager-Baa6Lvxg.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./main-DP4aLnEK.js";
+export {
+  f as default
+};