@scalar/agent-chat 0.5.16 → 0.5.18

package/dist/views/PromptForm.vue2.js

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

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.5.16",
+  "version": "0.5.18",
   "engines": {
     "node": ">=20"
   },
@@ -50,23 +50,23 @@
     "vue": "^3.5.26",
     "whatwg-mimetype": "4.0.0",
     "zod": "^4.3.5",
-    "@scalar/api-client": "2.29.2",
-    "@scalar/components": "0.19.8",
-    "@scalar/helpers": "0.2.15",
+    "@scalar/api-client": "2.29.4",
+    "@scalar/components": "0.19.10",
     "@scalar/icons": "0.5.3",
+    "@scalar/helpers": "0.2.16",
     "@scalar/openapi-types": "0.5.3",
     "@scalar/themes": "0.14.0",
-    "@scalar/types": "0.6.6",
+    "@scalar/types": "0.6.8",
     "@scalar/use-toasts": "0.9.1",
-    "@scalar/json-magic": "0.11.4",
-    "@scalar/workspace-store": "0.34.2"
+    "@scalar/json-magic": "0.11.5",
+    "@scalar/workspace-store": "0.34.4"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.26.0",
     "@tailwindcss/vite": "^4.1.18",
     "@types/whatwg-mimetype": "3.0.2",
     "@vitejs/plugin-vue": "^6.0.3",
-    "hono": "4.11.7",
+    "hono": "4.11.10",
     "tailwindcss": "^4.1.18",
     "vite": "^7.3.1",
     "@scalar/build-tooling": "0.4.1"