@trilogy-data/trilogy-studio-components 0.1.0

package/README.md

@@ -0,0 +1,6 @@
+# Trilogy Studio Components
+
+This package contains core UI components for [Trilogy Studio](https://trilogydata.dev/trilogy-studio-core), which can be used to embed interactive dashboards into other applications easily.
+
+Vue-only. Very much prototype/experimental.
+

package/dist/ChatCreatorModal-DTcvWDQi.js

@@ -0,0 +1,192 @@
+import { defineComponent as B, inject as L, ref as S, watch as h, computed as c, resolveComponent as U, createElementBlock as d, createCommentVNode as m, openBlock as l, createElementVNode as a, withModifiers as j, createTextVNode as O, withDirectives as b, createBlock as D, Fragment as M, renderList as N, toDisplayString as C, vModelSelect as k, normalizeClass as R, vModelText as E } from "vue";
+import { h as I, K, a as T } from "./main-oVvKtGNk.js";
+const z = B({
+  name: "ChatCreatorModal",
+  components: {
+    StatusIcon: I
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: !1
+    },
+    preselectedConnection: {
+      type: String,
+      default: ""
+    },
+    activeDataConnection: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["close", "chat-created"],
+  setup(t, { emit: n }) {
+    const u = L("llmConnectionStore"), v = L("connectionStore", null), f = L("chatStore", null), i = S(t.preselectedConnection || ""), r = S(""), o = S("");
+    h(
+      () => t.preselectedConnection,
+      (e) => {
+        e && (i.value = e);
+      },
+      { immediate: !0 }
+    ), h(
+      () => t.visible,
+      (e) => {
+        e && (t.preselectedConnection && (i.value = t.preselectedConnection), r.value = "", o.value = "");
+      }
+    );
+    const p = c(() => u ? Object.values(u.connections).filter((e) => !e.deleted).map((e) => ({
+      name: e.name,
+      model: e.model || "Unknown",
+      connected: e.connected === !0,
+      running: e.running === !0,
+      error: e.error || null
+    })) : []), y = c(() => [...p.value].sort((e, s) => e.connected && !s.connected ? -1 : !e.connected && s.connected ? 1 : e.name.localeCompare(s.name))), w = c(() => {
+      if (!i.value) return null;
+      const e = p.value.find(
+        (s) => s.name === i.value
+      );
+      return e ? e.connected ? e.running ? { status: "running", message: "Running" } : e.error ? { status: "failed", message: e.error } : { status: "connected", message: "Connected" } : { status: "disabled", message: "Disconnected" } : null;
+    }), $ = c(() => t.activeDataConnection ? t.activeDataConnection.split(K)[0] : ""), g = c(() => v ? Object.values(v.connections).filter((e) => !e.deleted).map((e) => ({
+      name: e.name,
+      connected: e.connected === !0,
+      running: e.running === !0,
+      error: e.error || null
+    })) : []), V = c(() => [...g.value].sort((e, s) => e.connected && !s.connected ? -1 : !e.connected && s.connected ? 1 : e.name.localeCompare(s.name))), q = c(() => {
+      if (!r.value) return null;
+      const e = g.value.find(
+        (s) => s.name === r.value
+      );
+      return e ? e.connected ? e.running ? { status: "running", message: "Running" } : e.error ? { status: "failed", message: e.error } : { status: "connected", message: "Connected" } : { status: "disabled", message: "Disconnected" } : null;
+    });
+    return {
+      selectedLLMConnection: i,
+      selectedDataConnection: r,
+      chatName: o,
+      availableLLMConnections: p,
+      sortedLLMConnections: y,
+      selectedConnectionStatus: w,
+      availableDataConnections: g,
+      sortedDataConnections: V,
+      selectedDataConnectionStatus: q,
+      activeDataConnectionName: $,
+      createChat: () => {
+        if (!i.value || !f) return;
+        u && (u.activeConnection = i.value);
+        const e = f.newChat(
+          i.value,
+          r.value,
+          o.value || void 0
+        );
+        n("chat-created", e), n("close");
+      }
+    };
+  }
+}), A = { class: "chat-creator-form" }, F = { class: "form-group" }, G = { class: "select-with-status" }, H = ["disabled"], J = ["value", "disabled"], P = { key: 0 }, Q = { class: "form-group" }, W = { class: "select-with-status" }, X = ["value"], Y = { class: "form-group" }, Z = { class: "button-container" }, _ = ["disabled"];
+function x(t, n, u, v, f, i) {
+  const r = U("status-icon");
+  return t.visible ? (l(), d("div", {
+    key: 0,
+    class: "confirmation-overlay",
+    onClick: n[6] || (n[6] = (o) => t.$emit("close"))
+  }, [
+    a("div", {
+      class: "confirmation-dialog",
+      "data-testid": "chat-creator-modal",
+      onClick: n[5] || (n[5] = j(() => {
+      }, ["stop"]))
+    }, [
+      n[13] || (n[13] = a("h3", null, "Create New Chat", -1)),
+      a("div", A, [
+        a("div", F, [
+          n[8] || (n[8] = a("label", { for: "llm-connection" }, [
+            O("LLM Connection: "),
+            a("span", { class: "required" }, "*")
+          ], -1)),
+          a("div", G, [
+            b(a("select", {
+              id: "llm-connection",
+              "onUpdate:modelValue": n[0] || (n[0] = (o) => t.selectedLLMConnection = o),
+              required: "",
+              disabled: !!t.preselectedConnection,
+              "data-testid": "llm-connection-select"
+            }, [
+              n[7] || (n[7] = a("option", {
+                value: "",
+                disabled: ""
+              }, "Select an LLM connection...", -1)),
+              (l(!0), d(M, null, N(t.sortedLLMConnections, (o) => (l(), d("option", {
+                key: o.name,
+                value: o.name,
+                disabled: !o.connected
+              }, C(o.name) + " (" + C(o.model) + ") ", 9, J))), 128))
+            ], 8, H), [
+              [k, t.selectedLLMConnection]
+            ]),
+            t.selectedConnectionStatus ? (l(), D(r, {
+              key: 0,
+              status: t.selectedConnectionStatus.status,
+              message: t.selectedConnectionStatus.message,
+              testName: t.selectedLLMConnection
+            }, null, 8, ["status", "message", "testName"])) : m("", !0)
+          ]),
+          t.selectedLLMConnection ? m("", !0) : (l(), d("small", P, " Required - Select which LLM to use for this chat "))
+        ]),
+        a("div", Q, [
+          n[10] || (n[10] = a("label", { for: "data-connection" }, "Data Connection:", -1)),
+          a("div", W, [
+            b(a("select", {
+              id: "data-connection",
+              "onUpdate:modelValue": n[1] || (n[1] = (o) => t.selectedDataConnection = o),
+              "data-testid": "data-connection-select"
+            }, [
+              n[9] || (n[9] = a("option", { value: "" }, "None - Select later", -1)),
+              (l(!0), d(M, null, N(t.sortedDataConnections, (o) => (l(), d("option", {
+                key: o.name,
+                value: o.name,
+                class: R({ "active-connection": o.name === t.activeDataConnectionName })
+              }, C(o.name) + C(o.name === t.activeDataConnectionName ? " (active)" : ""), 11, X))), 128))
+            ], 512), [
+              [k, t.selectedDataConnection]
+            ]),
+            t.selectedDataConnectionStatus ? (l(), D(r, {
+              key: 0,
+              status: t.selectedDataConnectionStatus.status,
+              message: t.selectedDataConnectionStatus.message,
+              testName: "data-" + t.selectedDataConnection
+            }, null, 8, ["status", "message", "testName"])) : m("", !0)
+          ]),
+          n[11] || (n[11] = a("small", null, " Optional - Select a data source for running queries ", -1))
+        ]),
+        a("div", Y, [
+          n[12] || (n[12] = a("label", { for: "chat-name" }, "Chat Name:", -1)),
+          b(a("input", {
+            id: "chat-name",
+            "onUpdate:modelValue": n[2] || (n[2] = (o) => t.chatName = o),
+            placeholder: "Auto-generated if empty",
+            maxlength: "100",
+            "data-testid": "chat-name-input"
+          }, null, 512), [
+            [E, t.chatName]
+          ])
+        ]),
+        a("div", Z, [
+          a("button", {
+            class: "cancel-btn",
+            onClick: n[3] || (n[3] = (o) => t.$emit("close")),
+            "data-testid": "cancel-chat-create"
+          }, " Cancel "),
+          a("button", {
+            class: "primary-button",
+            onClick: n[4] || (n[4] = (...o) => t.createChat && t.createChat(...o)),
+            disabled: !t.selectedLLMConnection,
+            "data-testid": "create-chat-btn"
+          }, " Create Chat ", 8, _)
+        ])
+      ])
+    ])
+  ])) : m("", !0);
+}
+const oe = /* @__PURE__ */ T(z, [["render", x], ["__scopeId", "data-v-33dbb505"]]);
+export {
+  oe as default
+};