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

package/dist/{LLMView-C4RQS1B8.js → LLMView-B7XLbzBx.js}

@@ -1,5 +1,5 @@
-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-Bjg9NFbT.js";
+import { defineComponent as z, inject as k, ref as L, computed as Y, watch as U, nextTick as J, onMounted as x, createElementBlock as p, openBlock as d, createElementVNode as r, createCommentVNode as T, createTextVNode as O, withDirectives as Q, Fragment as B, renderList as j, toDisplayString as I, 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 { V as D, W as oe, a as X, D as ie, X as F, Y as re, Z as le, $ as ce } from "./main-C-6acy1R.js";
 const _ = [
   { name: "id", type: "int" },
   { name: "quantity", type: "float" },
@@ -87,30 +87,30 @@ const _ = [
   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);
+    ), $ = L(de), o = Y(() => Object.keys(s.connections)), S = Y(() => !!f.value && s.getConnection(f.value) !== null);
     U(i, () => {
-      Z(() => {
+      J(() => {
         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);
+      let w = oe(m);
       if (c.contains) {
         for (const g of c.contains)
-          if (!I.toLowerCase().includes(g.toLowerCase()))
+          if (!w.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(`
+          const R = w.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();
+        const g = w.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;
       }
@@ -124,7 +124,7 @@ const _ = [
           "needs an index"
         ]
       };
-      return c in n ? n[c].some((I) => m.includes(I)) : !1;
+      return c in n ? n[c].some((w) => m.includes(w)) : !1;
     }, N = async () => {
       if (!h.value.trim() || a.value || !f.value) return;
       i.value.push({
@@ -157,11 +157,11 @@ const _ = [
       try {
         const n = {
           prompt: c.prompt
-        }, I = await s.generateCompletion(
+        }, w = await s.generateCompletion(
           f.value,
           n
         );
-        return A(I.text, c.expectedResponse);
+        return A(w.text, c.expectedResponse);
       } catch (n) {
         return {
           passed: !1,
@@ -191,19 +191,19 @@ Running iteration ${g + 1}/${y}...`);
           const R = await E(m);
           n.runs.push(R), R.passed && n.passed++;
         }
-        const I = {
+        const w = {
           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.
+        u.value[m] = w, 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"}
+${w.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;
+`), i.value[i.value.length - 1].testResult = w;
       } catch (n) {
         t.value = n instanceof Error ? n.message : "An unknown error occurred", u.value[m] = {
           passed: !1,
@@ -212,7 +212,7 @@ Iteration Results:
       } finally {
         a.value = !1;
       }
-    }, X = async () => {
+    }, Z = async () => {
       if (!(a.value || !f.value)) {
         C.value = !0, i.value = [], i.value.push({
           role: "user",
@@ -220,7 +220,7 @@ Iteration Results:
         });
         try {
           for (let n = 0; n < $.value.length; n++)
-            await W(n), n < $.value.length - 1 && await new Promise((I) => setTimeout(I, 500));
+            await W(n), n < $.value.length - 1 && await new Promise((w) => setTimeout(w, 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;
@@ -253,7 +253,7 @@ Iteration Results:
       runScenario: W,
       scenarioResults: u,
       testRunDetails: b,
-      runAllScenarios: X
+      runAllScenarios: Z
     };
   }
 }), pe = { class: "debug-container" }, me = { class: "llm-chat-container" }, he = { class: "connection-controls" }, ve = { class: "provider-selector" }, fe = ["value"], ge = { key: 0 }, ye = {
@@ -262,10 +262,10 @@ Iteration Results:
 }, Ce = {
   class: "chat-messages",
   ref: "messagesContainer"
-}, be = { class: "message-header" }, Ie = {
+}, be = { class: "message-header" }, we = {
   key: 0,
   class: "model-info"
-}, we = { class: "message-content" }, Le = {
+}, Ie = { 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 = {
@@ -294,7 +294,7 @@ function qe(e, s, i, h, a, C) {
       r("div", he, [
         r("div", ve, [
           s[5] || (s[5] = r("label", { for: "provider-select" }, "Provider:", -1)),
-          Y(r("select", {
+          Q(r("select", {
             id: "provider-select",
             "onUpdate:modelValue": s[0] || (s[0] = (t) => e.selectedProvider = t)
           }, [
@@ -302,8 +302,8 @@ function qe(e, s, i, h, a, C) {
               key: t,
               value: t
             }, [
-              O(w(t) + " ", 1),
-              e.getConnectionStatus(t) ? (d(), p("span", ge, " (" + w(e.getConnectionStatus(t)) + ") ", 1)) : T("", !0)
+              O(I(t) + " ", 1),
+              e.getConnectionStatus(t) ? (d(), p("span", ge, " (" + I(e.getConnectionStatus(t)) + ") ", 1)) : T("", !0)
             ], 8, fe))), 128))
           ], 512), [
             [ee, e.selectedProvider]
@@ -313,30 +313,30 @@ function qe(e, s, i, h, a, C) {
           }, null, 2)
         ])
       ]),
-      e.error ? (d(), p("div", ye, w(e.error), 1)) : T("", !0),
+      e.error ? (d(), p("div", ye, I(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("strong", null, I(t.role === "user" ? "You" : "AI"), 1),
+            t.role === "assistant" && t.modelInfo ? (d(), p("span", we, I(t.modelInfo.totalTokens) + " tokens ", 1)) : T("", !0)
           ]),
-          r("div", we, [
-            r("pre", null, w(t.content), 1)
+          r("div", Ie, [
+            r("pre", null, I(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))
+            O(" Test: " + I(t.testResult.passed ? "PASSED ✓" : "FAILED ✗") + " ", 1),
+            t.testResult.passed ? T("", !0) : (d(), p("div", Le, I(t.testResult.reason), 1))
           ], 2)) : T("", !0)
         ], 2))), 128))
       ], 512),
       r("div", Se, [
-        Y(r("textarea", {
+        Q(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)",
@@ -347,7 +347,7 @@ function qe(e, s, i, h, a, C) {
         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)
+        }, I(e.isLoading ? "Sending..." : "Send"), 9, Ae)
       ])
     ]),
     r("div", Re, [
@@ -358,7 +358,7 @@ function qe(e, s, i, h, a, C) {
             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),
+          }, I(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)
         ])
       ]),
@@ -370,19 +370,19 @@ function qe(e, s, i, h, a, C) {
             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),
+            r("div", De, I(t.name), 1),
+            r("div", _e, I(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)
+            e.testRunDetails[l] ? (d(), p("div", Fe, I(e.testRunDetails[l].passed) + "/5 runs passed ", 1)) : T("", !0)
           ], 10, Ee);
         }), 128))
       ])
     ])
   ]);
 }
-const Be = /* @__PURE__ */ J(ue, [["render", qe], ["__scopeId", "data-v-28356d02"]]);
+const Be = /* @__PURE__ */ X(ue, [["render", qe], ["__scopeId", "data-v-28356d02"]]);
 function je(e, s) {
   const i = s.name || "Chat Artifacts", h = new ie({
     id: i,
@@ -568,30 +568,27 @@ const We = z({
       ...y
     };
   }
-}), Qe = { class: "llm-view-container" }, Ye = { class: "view-tabs" }, He = {
+}), Ye = { class: "llm-view-container" }, Qe = { class: "view-tabs" }, He = {
   key: 0,
   class: "chat-view"
 }, Ke = ["disabled"], ze = {
   key: 0,
   class: "mdi mdi-auto-fix"
-}, Je = {
+}, Xe = {
   key: 1,
   class: "spinner"
-}, Xe = { class: "chat-header-controls" }, Ze = {
-  key: 1,
-  class: "connection-info"
-};
+}, Ze = { class: "chat-header-controls" }, Je = ["title"];
 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, [
+  return d(), p("div", Ye, [
+    r("div", Qe, [
       r("button", {
-        class: P(["view-tab", { active: e.activeView === "chat" }]),
+        class: P(["view-tab", { active: e.activeView === "chat", "view-tab-chat": !0 }]),
         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" }]),
+        class: P(["view-tab", { active: e.activeView === "validation", "view-tab-validation": !0 }]),
         onClick: s[1] || (s[1] = (b) => e.activeView = "validation"),
         "data-testid": "llm-view-tab-validation"
       }, " Validation Tests ", 2)
@@ -628,18 +625,23 @@ function xe(e, s, i, h, a, C) {
             title: "Auto-generate chat name",
             "data-testid": "auto-name-chat-btn"
           }, [
-            e.isGeneratingName ? (d(), p("span", Je)) : (d(), p("i", ze))
+            e.isGeneratingName ? (d(), p("span", Xe)) : (d(), p("i", ze))
           ], 10, Ke)
         ]),
         "header-actions": K(() => [
-          r("div", Xe, [
+          r("div", Ze, [
             e.availableImportsForChat.length > 0 ? (d(), H(t, {
               key: 0,
+              compact: "",
               "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)
+            e.chatConnectionInfo ? (d(), p("span", {
+              key: 1,
+              class: "connection-info",
+              title: e.chatConnectionInfo
+            }, I(e.chatConnectionInfo), 9, Je)) : T("", !0)
           ])
         ]),
         _: 1
@@ -650,7 +652,7 @@ function xe(e, s, i, h, a, C) {
     }, null, 8, ["initialProvider"]))
   ]);
 }
-const nt = /* @__PURE__ */ J(We, [["render", xe], ["__scopeId", "data-v-1adde99f"]]);
+const nt = /* @__PURE__ */ X(We, [["render", xe], ["__scopeId", "data-v-79752a5c"]]);
 export {
   nt as default
 };

package/dist/Manager-B2wTf-lw.js

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

package/dist/{ResultComponent-fVgARLAb.js → ResultComponent-BKuWOt_p.js}

@@ -1,12 +1,9 @@
 import { resolveComponent as g, createElementBlock as l, openBlock as o, createVNode as C, withCtx as D, toDisplayString as v, createElementVNode as i, createCommentVNode as k, createTextVNode as R, defineComponent as S, inject as $, ref as f, normalizeStyle as w, createBlock as h, Fragment as E } from "vue";
-import { a as b, w as L, H as q, R as T, x as H } from "./main-Bjg9NFbT.js";
+import { a as b, P as L, Q as q, R as T, U as H } from "./main-C-6acy1R.js";
 const A = {
   class: "editor-refinement-container",
   "data-testid": "editor-refinement-container"
-}, V = { class: "refinement-actions" }, Q = {
-  key: 0,
-  class: "connection-info"
-}, B = ["disabled"], M = ["disabled"], N = {
+}, V = { class: "refinement-actions" }, Q = ["title"], B = { class: "refinement-action-group" }, M = ["disabled"], N = ["disabled"], P = {
   key: 0,
   class: "inline-artifact"
 }, W = {
@@ -30,31 +27,37 @@ function z(e, t, s, d, m, c) {
     }, {
       "header-actions": D(() => [
         i("div", V, [
-          e.connectionInfo ? (o(), l("span", Q, v(e.connectionInfo), 1)) : k("", !0),
-          i("button", {
-            class: "action-btn accept-btn",
-            onClick: t[0] || (t[0] = (...n) => e.handleAccept && e.handleAccept(...n)),
-            disabled: e.isLoading,
-            "data-testid": "accept-button"
-          }, [...t[2] || (t[2] = [
-            i("i", { class: "mdi mdi-close" }, null, -1),
-            R(" Close ", -1)
-          ])], 8, B),
-          i("button", {
-            class: "action-btn discard-btn",
-            onClick: t[1] || (t[1] = (...n) => e.handleDiscard && e.handleDiscard(...n)),
-            disabled: e.isLoading,
-            "data-testid": "discard-button"
-          }, [...t[3] || (t[3] = [
-            i("i", { class: "mdi mdi-close" }, null, -1),
-            R(" Discard Changes ", -1)
-          ])], 8, M)
+          e.connectionInfo ? (o(), l("span", {
+            key: 0,
+            class: "connection-info",
+            title: e.connectionInfo
+          }, v(e.connectionInfo), 9, Q)) : k("", !0),
+          i("div", B, [
+            i("button", {
+              class: "action-btn accept-btn",
+              onClick: t[0] || (t[0] = (...n) => e.handleAccept && e.handleAccept(...n)),
+              disabled: e.isLoading,
+              "data-testid": "accept-button"
+            }, [...t[2] || (t[2] = [
+              i("i", { class: "mdi mdi-close" }, null, -1),
+              R(" Close ", -1)
+            ])], 8, M),
+            i("button", {
+              class: "action-btn discard-btn",
+              onClick: t[1] || (t[1] = (...n) => e.handleDiscard && e.handleDiscard(...n)),
+              disabled: e.isLoading,
+              "data-testid": "discard-button"
+            }, [...t[3] || (t[3] = [
+              i("i", { class: "mdi mdi-undo-variant" }, null, -1),
+              R(" Discard ", -1)
+            ])], 8, N)
+          ])
         ])
       ]),
       artifact: D(({ artifact: n }) => {
         var p, a, y;
         return [
-          (n.type === "results" || n.type === "chart") && e.getArtifactResults(n) ? (o(), l("div", N, [
+          (n.type === "results" || n.type === "chart") && e.getArtifactResults(n) ? (o(), l("div", P, [
             C(r, {
               type: "trilogy",
               results: e.getArtifactResults(n),
@@ -71,13 +74,13 @@ function z(e, t, s, d, m, c) {
     }, 8, ["messages", "externalLoading", "activeToolName", "sendHandler", "stopHandler", "placeholder", "onUpdate:messages"])
   ]);
 }
-const O = /* @__PURE__ */ b(L, [["render", z], ["__scopeId", "data-v-b2ddb95e"]]), P = S({
+const I = /* @__PURE__ */ b(L, [["render", z], ["__scopeId", "data-v-9a5334bc"]]), O = S({
   name: "ResultsView",
   components: {
     LoadingView: H,
     ResultsContainer: T,
     HintComponent: q,
-    LLMEditorRefinement: O
+    LLMEditorRefinement: I
   },
   props: {
     editorData: {
@@ -102,7 +105,7 @@ const O = /* @__PURE__ */ b(L, [["render", z], ["__scopeId", "data-v-b2ddb95e"]]
     const e = $("connectionStore");
     if (!e)
       throw new Error("Requires injection of connection store");
-    const t = f(null), s = f(null), d = f(0.5), m = f(!1);
+    const t = f(null), s = f(null), d = f(0.58), m = f(!1);
     return {
       connectionStore: e,
       splitViewRef: t,
@@ -188,15 +191,15 @@ const O = /* @__PURE__ */ b(L, [["render", z], ["__scopeId", "data-v-b2ddb95e"]]
   beforeUnmount() {
     document.removeEventListener("mousemove", this.onDrag), document.removeEventListener("mouseup", this.stopDragging);
   }
-}), I = { class: "results-view" }, U = {
+}), U = { class: "results-view" }, j = {
   key: 0,
   class: "split-view",
   ref: "splitViewRef"
 };
-function j(e, t, s, d, m, c) {
+function X(e, t, s, d, m, c) {
   const r = g("loading-view"), u = g("results-container"), n = g("hint-component"), p = g("LLMEditorRefinement");
-  return o(), l("div", I, [
-    e.hasActiveChat ? (o(), l("div", U, [
+  return o(), l("div", U, [
+    e.hasActiveChat ? (o(), l("div", j, [
       i("div", {
         class: "results-pane",
         style: w({ width: e.resultsPaneWidth })
@@ -265,7 +268,7 @@ function j(e, t, s, d, m, c) {
     ], 64))
   ]);
 }
-const G = /* @__PURE__ */ b(P, [["render", j], ["__scopeId", "data-v-0dbf2ac6"]]);
+const J = /* @__PURE__ */ b(O, [["render", X], ["__scopeId", "data-v-83a278f5"]]);
 export {
-  G as default
+  J as default
 };