@scalar/agent-chat 0.4.3 → 0.4.5

package/dist/views/PromptForm.vue2.js

@@ -1,117 +1,118 @@
-import { defineComponent as B, useTemplateRef as $, computed as v, watch as b, createElementBlock as a, openBlock as s, createBlock as i, createCommentVNode as n, createElementVNode as r, withDirectives as k, unref as e, withModifiers as V, vModelText as F, createVNode as g, withCtx as H, Fragment as C, renderList as S, createTextVNode as A, toDisplayString as K, vShow as N } from "vue";
-import { ScalarIconButton as _, ScalarLoading as j } from "@scalar/components";
-import { ScalarIconPlus as q, ScalarIconX as J, ScalarIconLockSimple as X, ScalarIconCheck as O, ScalarIconArrowUp as Z } from "@scalar/icons";
-import G from "../components/ApprovalSection.vue.js";
-import Q from "../components/ErrorMessage.vue.js";
-import W from "../components/FreeMessagesInfoSection.vue.js";
-import Y from "../components/PaymentSection.vue.js";
-import ee from "../components/SearchPopover.vue.js";
-import te from "../components/UploadSection.vue.js";
-import { AgentErrorCodes as T } from "../entities/error/constants.js";
-import { MAX_PROMPT_SIZE as oe } from "../entities/prompt/constants.js";
-import { useChatApprovals as le } from "../hooks/use-chat-approvals.js";
-import { useChatError as se } from "../hooks/use-chat-error.js";
-import { useChatPendingClientToolParts as re } from "../hooks/use-chat-pending-client-tool-parts.js";
-import { useUploadTmpDocument as ne } from "../hooks/use-upload-tmp-document.js";
-import { useState as ae } from "../state/state.js";
-const ie = { class: "actionContainer" }, ue = ["disabled"], ce = { class: "inputActionsContainer" }, pe = { class: "inputActionsLeft" }, me = {
+import { defineComponent as F, useTemplateRef as H, computed as g, watch as A, createElementBlock as i, openBlock as l, createBlock as u, createCommentVNode as r, createElementVNode as n, withDirectives as C, unref as e, withModifiers as N, vModelText as K, createVNode as v, withCtx as j, Fragment as S, renderList as w, createTextVNode as T, toDisplayString as q, vShow as J } from "vue";
+import { ScalarIconButton as _, ScalarLoading as X } from "@scalar/components";
+import { ScalarIconPlus as O, ScalarIconX as Z, ScalarIconLockSimple as G, ScalarIconCheck as Q, ScalarIconArrowUp as W } from "@scalar/icons";
+import Y from "../components/ApprovalSection.vue.js";
+import ee from "../components/ErrorMessage.vue.js";
+import te from "../components/FreeMessagesInfoSection.vue.js";
+import oe from "../components/PaymentSection.vue.js";
+import se from "../components/SearchPopover.vue.js";
+import le from "../components/UploadSection.vue.js";
+import { AgentErrorCodes as P } from "../entities/error/constants.js";
+import { MAX_PROMPT_SIZE as ne } from "../entities/prompt/constants.js";
+import { useChatApprovals as re } from "../hooks/use-chat-approvals.js";
+import { useChatError as ae } from "../hooks/use-chat-error.js";
+import { useChatPendingClientToolParts as ie } from "../hooks/use-chat-pending-client-tool-parts.js";
+import { useUploadTmpDocument as ue } from "../hooks/use-upload-tmp-document.js";
+import { useState as ce } from "../state/state.js";
+const pe = { class: "actionContainer" }, me = ["disabled"], de = { class: "inputActionsContainer" }, ge = { class: "inputActionsLeft" }, ve = {
   class: "addAPIButton",
   type: "button"
-}, de = ["src"], ve = ["onClick"], ge = { class: "inputActionsRight" }, fe = { class: "sendCheckboxContinue" }, he = {
+}, fe = ["src"], he = ["onClick"], ye = { class: "inputActionsRight" }, be = { class: "sendCheckboxContinue" }, ke = {
   key: 0,
   class: "relative flex items-center gap-1.5"
-}, ye = {
+}, Ae = {
   class: "termsAgree",
   for: "agentTermsAgree"
-}, be = { class: "addMoreContext" }, ke = { class: "ml-auto flex items-center gap-1" }, Ce = ["onClick"], Se = ["alt", "src"], Fe = /* @__PURE__ */ B({
+}, Ce = { class: "addMoreContext" }, Se = { class: "ml-auto flex items-center gap-1" }, we = ["onClick"], Te = ["alt", "src"], Ke = /* @__PURE__ */ F({
   __name: "PromptForm",
   emits: ["submit"],
-  setup(Ae, { expose: w, emit: P }) {
-    const x = P;
-    w({ focusPrompt: R });
-    const u = $("agentPrompt"), t = ae(), I = v(() => t.prompt.value.trim().length > 0), D = v(
-      () => t.prompt.value.trim().length > oe
-    ), E = v(
-      () => t.chat.messages.length > 1 && !t.getAgentKey?.() && d?.value?.code !== T.LIMIT_REACHED
+  setup(_e, { expose: x, emit: I }) {
+    const D = I;
+    x({ focusPrompt: U });
+    const c = H("agentPrompt"), t = ce(), E = g(() => t.prompt.value.trim().length > 0), M = g(
+      () => t.prompt.value.trim().length > ne
+    ), L = g(
+      () => t.chat.messages.length > 1 && !t.getAgentKey?.() && d?.value?.code !== P.LIMIT_REACHED
     );
-    b(t.prompt, () => {
-      if (u?.value) {
+    A(t.prompt, () => {
+      if (c?.value) {
         if (!t.prompt.value.length) {
-          u.value.style.height = "0px";
+          c.value.style.height = "0px";
           return;
         }
-        u.value.style.height = "auto", u.value.style.height = u.value.scrollHeight + "px";
+        c.value.style.height = "auto", c.value.style.height = c.value.scrollHeight + "px";
       }
     });
-    function M(c) {
-      t.loading.value || c.key === "Enter" && !c.shiftKey && (c.preventDefault(), y(), window.scrollTo(0, document.body.scrollHeight));
+    function R(a) {
+      t.loading.value || a.key === "Enter" && !a.shiftKey && (a.preventDefault(), b(), window.scrollTo(0, document.body.scrollHeight));
     }
-    function R() {
-      u.value?.focus();
+    function U() {
+      c.value?.focus();
     }
-    b(
+    A(
       () => t.chat.status,
-      (c) => {
-        (c === "ready" || c === "error") && u.value?.focus();
+      (a) => {
+        (a === "ready" || a === "error") && c.value?.focus();
       }
     );
-    const { respondToToolCalls: p, approvalRequestedParts: f } = le(), { pendingClientToolParts: L } = re(), m = ne();
-    function U() {
+    const { respondToToolCalls: p, approvalRequestedParts: h } = re(), { pendingClientToolParts: z } = ie(), m = ue();
+    function B() {
       t.terms.accept(), t.mode === "preview" && t.getActiveDocumentJson && m.uploadTempDocument(t.getActiveDocumentJson(), !0);
     }
-    const h = v(
-      () => !I.value || D.value || !!f.value.length || !!L.value.length || !t.terms.accepted.value || !!m.uploadState.value
-    );
-    function y() {
-      h.value || x("submit");
+    const y = g(() => {
+      const a = M.value, s = !E.value, o = h.value.length > 0, f = z.value.length > 0, k = t.mode === "preview", $ = k && !t.terms.accepted.value, V = k && !!m.uploadState.value;
+      return a || s || o || f || $ || V;
+    });
+    function b() {
+      y.value || D("submit");
     }
-    const d = se();
-    return (c, l) => (s(), a("div", ie, [
-      e(m).uploadState.value ? (s(), i(te, {
+    const d = ae();
+    return (a, s) => (l(), i("div", pe, [
+      e(m).uploadState.value ? (l(), u(le, {
         key: 0,
         uploadState: e(m).uploadState.value
-      }, null, 8, ["uploadState"])) : n("", !0),
-      e(d) ? (s(), i(Q, {
+      }, null, 8, ["uploadState"])) : r("", !0),
+      e(d) ? (l(), u(ee, {
         key: 1,
         error: e(d)
-      }, null, 8, ["error"])) : n("", !0),
-      e(f).length ? (s(), i(G, {
+      }, null, 8, ["error"])) : r("", !0),
+      e(h).length ? (l(), u(Y, {
         key: 2,
-        onApprove: l[0] || (l[0] = (o) => e(p)(!0)),
-        onReject: l[1] || (l[1] = (o) => e(p)(!1))
-      })) : n("", !0),
-      e(d)?.code === e(T).LIMIT_REACHED ? (s(), i(Y, {
+        onApprove: s[0] || (s[0] = (o) => e(p)(!0)),
+        onReject: s[1] || (s[1] = (o) => e(p)(!1))
+      })) : r("", !0),
+      e(d)?.code === e(P).LIMIT_REACHED ? (l(), u(oe, {
         key: 3,
-        onApprove: l[2] || (l[2] = (o) => e(p)(!0)),
-        onReject: l[3] || (l[3] = (o) => e(p)(!1))
-      })) : n("", !0),
-      E.value ? (s(), i(W, { key: 4 })) : n("", !0),
-      r("form", {
+        onApprove: s[2] || (s[2] = (o) => e(p)(!0)),
+        onReject: s[3] || (s[3] = (o) => e(p)(!1))
+      })) : r("", !0),
+      L.value ? (l(), u(te, { key: 4 })) : r("", !0),
+      n("form", {
         class: "promptForm",
-        onSubmit: V(y, ["prevent"])
+        onSubmit: N(b, ["prevent"])
       }, [
-        l[7] || (l[7] = r("label", {
+        s[7] || (s[7] = n("label", {
           class: "agentLabel",
           for: "agentTextarea"
         }, " Type a Request To get Started ", -1)),
-        k(r("textarea", {
+        C(n("textarea", {
           id: "agentTextarea",
           ref: "agentPrompt",
-          "onUpdate:modelValue": l[4] || (l[4] = (o) => e(t).prompt.value = o),
+          "onUpdate:modelValue": s[4] || (s[4] = (o) => e(t).prompt.value = o),
           class: "prompt custom-scroll",
           disabled: e(t).loading.value,
           name: "prompt",
           placeholder: "Ask me anything...",
-          onKeydown: M
-        }, null, 40, ue), [
-          [F, e(t).prompt.value]
+          onKeydown: R
+        }, null, 40, me), [
+          [K, e(t).prompt.value]
         ]),
-        r("div", ce, [
-          r("div", pe, [
-            g(ee, null, {
-              default: H(() => [
-                r("button", me, [
-                  g(e(q), {
+        n("div", de, [
+          n("div", ge, [
+            v(se, null, {
+              default: j(() => [
+                n("button", ve, [
+                  v(e(O), {
                     class: "size-4",
                     weight: "bold"
                   })
@@ -119,56 +120,56 @@ const ie = { class: "actionContainer" }, ue = ["disabled"], ce = { class: "input
               ]),
               _: 1
             }),
-            (s(!0), a(C, null, S(e(t).registryDocuments.value, (o) => (s(), a("div", {
+            (l(!0), i(S, null, w(e(t).registryDocuments.value, (o) => (l(), i("div", {
               key: o.id,
               class: "apiPill"
             }, [
-              o.logoUrl ? (s(), a("img", {
+              o.logoUrl ? (l(), i("img", {
                 key: 0,
                 class: "apiPillLogo",
                 src: o.logoUrl
-              }, null, 8, de)) : n("", !0),
-              A(" " + K(o.title) + " ", 1),
-              o.removable ? (s(), a("button", {
+              }, null, 8, fe)) : r("", !0),
+              T(" " + q(o.title) + " ", 1),
+              o.removable ? (l(), i("button", {
                 key: 1,
                 class: "apiPillRemove",
                 type: "button",
-                onClick: (z) => e(t).removeDocument(o)
+                onClick: (f) => e(t).removeDocument(o)
               }, [
-                g(e(J), {
+                v(e(Z), {
                   class: "size-4",
                   weight: "bold"
                 })
-              ], 8, ve)) : n("", !0)
+              ], 8, he)) : r("", !0)
             ]))), 128))
           ]),
-          r("div", ge, [
-            e(t).loading.value ? n("", !0) : (s(), i(e(_), {
+          n("div", ye, [
+            e(t).loading.value ? r("", !0) : (l(), u(e(_), {
               key: 0,
               class: "settingsButton h-7 w-7 p-1.5",
-              icon: e(X),
+              icon: e(G),
               label: "Scalar",
               size: "md",
               weight: "bold",
-              onClick: l[5] || (l[5] = (o) => e(t).settingsModal.show())
+              onClick: s[5] || (s[5] = (o) => e(t).settingsModal.show())
             }, null, 8, ["icon"])),
-            r("div", fe, [
-              !e(t).terms.accepted.value && e(t).mode === "preview" ? (s(), a("div", he, [
-                r("input", {
+            n("div", be, [
+              !e(t).terms.accepted.value && e(t).mode === "preview" ? (l(), i("div", ke, [
+                n("input", {
                   id: "agentTermsAgree",
                   class: "sr-only",
                   type: "checkbox",
-                  onChange: U
+                  onChange: B
                 }, null, 32),
-                r("label", ye, [
-                  g(e(O), {
+                n("label", Ae, [
+                  v(e(Q), {
                     class: "termsAgreeIcon",
                     weight: "bold"
                   }),
-                  l[6] || (l[6] = A(" Agree to Terms & Conditions ", -1))
+                  s[6] || (s[6] = T(" Agree to Terms & Conditions ", -1))
                 ])
-              ])) : n("", !0),
-              e(t).loading.value ? (s(), i(e(j), {
+              ])) : r("", !0),
+              e(t).loading.value ? (l(), u(e(X), {
                 key: 2,
                 class: "loader h-7 w-7",
                 loader: {
@@ -186,11 +187,11 @@ const ie = { class: "actionContainer" }, ue = ["disabled"], ce = { class: "input
                   }
                 },
                 size: "2xl"
-              }, null, 8, ["loader"])) : (s(), i(e(_), {
+              }, null, 8, ["loader"])) : (l(), u(e(_), {
                 key: 1,
                 class: "sendButton h-7 w-7 p-1.5",
-                disabled: h.value,
-                icon: e(Z),
+                disabled: y.value,
+                icon: e(W),
                 label: "Scalar",
                 size: "md",
                 type: "submit",
@@ -200,29 +201,29 @@ const ie = { class: "actionContainer" }, ue = ["disabled"], ce = { class: "input
           ])
         ])
       ], 32),
-      k(r("div", be, [
-        l[8] || (l[8] = r("span", null, "Add context from dozens of API's", -1)),
-        r("div", ke, [
-          (s(!0), a(C, null, S(e(t).curatedDocuments.value, (o) => (s(), a("button", {
+      C(n("div", Ce, [
+        s[8] || (s[8] = n("span", null, "Add context from dozens of API's", -1)),
+        n("div", Se, [
+          (l(!0), i(S, null, w(e(t).curatedDocuments.value, (o) => (l(), i("button", {
             key: o.id,
             class: "addAPIContext",
             type: "button",
-            onClick: (z) => e(t).addDocument(o)
+            onClick: (f) => e(t).addDocument(o)
           }, [
-            o.logoUrl ? (s(), a("img", {
+            o.logoUrl ? (l(), i("img", {
               key: 0,
               alt: o.title,
               class: "size-4",
               src: o.logoUrl
-            }, null, 8, Se)) : n("", !0)
-          ], 8, Ce))), 128))
+            }, null, 8, Te)) : r("", !0)
+          ], 8, we))), 128))
         ])
       ], 512), [
-        [N, e(t).chat.messages.length <= 1]
+        [J, e(t).chat.messages.length <= 1]
       ])
     ]));
   }
 });
 export {
-  Fe as default
+  Ke as default
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.4.3",
+  "version": "0.4.5",
   "engines": {
     "node": ">=20"
   },
@@ -49,15 +49,15 @@
     "vue": "^3.5.26",
     "whatwg-mimetype": "4.0.0",
     "zod": "^4.3.5",
-    "@scalar/components": "0.17.0",
-    "@scalar/helpers": "0.2.9",
+    "@scalar/api-client": "2.22.2",
+    "@scalar/components": "0.17.1",
+    "@scalar/helpers": "0.2.10",
     "@scalar/icons": "0.5.2",
-    "@scalar/api-client": "2.22.1",
-    "@scalar/types": "0.6.0",
-    "@scalar/json-magic": "0.9.4",
-    "@scalar/themes": "0.14.0",
-    "@scalar/workspace-store": "0.27.2",
-    "@scalar/openapi-types": "0.5.3"
+    "@scalar/openapi-types": "0.5.3",
+    "@scalar/json-magic": "0.9.5",
+    "@scalar/workspace-store": "0.28.0",
+    "@scalar/types": "0.6.1",
+    "@scalar/themes": "0.14.0"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.25.2",