@scalar/agent-chat 0.4.4 → 0.4.5

package/dist/views/PromptForm.vue2.js

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

package/dist/views/Settings/DocSettings.vue.js

@@ -1,7 +1,7 @@
 import o from "./DocSettings.vue2.js";
 /* empty css                 */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cf7195a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e2db54a7"]]);
 export {
-  f as default
+  m as default
 };

package/dist/views/Settings/DocSettings.vue2.js

@@ -22,13 +22,6 @@ const p = { class: "docSettings" }, C = /* @__PURE__ */ d({
       () => e.document.components?.securitySchemes ?? {}
     );
     return (o, x) => (S(), a("div", p, [
-      s("div", null, [
-        m(h, {
-          eventBus: n(r),
-          selectedServer: c.value,
-          servers: e.document.servers ?? []
-        }, null, 8, ["eventBus", "selectedServer", "servers"])
-      ]),
       s("div", null, [
         m(k, {
           document: e.document,
@@ -39,6 +32,13 @@ const p = { class: "docSettings" }, C = /* @__PURE__ */ d({
           securitySchemes: l.value,
           selectedServer: c.value
         }, null, 8, ["document", "environment", "eventBus", "name", "options", "securitySchemes", "selectedServer"])
+      ]),
+      s("div", null, [
+        m(h, {
+          eventBus: n(r),
+          selectedServer: c.value,
+          servers: e.document.servers ?? []
+        }, null, 8, ["eventBus", "selectedServer", "servers"])
       ])
     ]));
   }

package/dist/views/Start.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Start.vue.d.ts","sourceRoot":"","sources":["../../src/views/Start.vue"],"names":[],"mappings":";;;;;AAqMA,wBAMG"}
+{"version":3,"file":"Start.vue.d.ts","sourceRoot":"","sources":["../../src/views/Start.vue"],"names":[],"mappings":";;;;;AAsMA,wBAMG"}

package/dist/views/Start.vue.js

@@ -1,7 +1,7 @@
 import t from "./Start.vue2.js";
 /* empty css           */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-eafdfb78"]]);
+const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2030a05b"]]);
 export {
-  m as default
+  p as default
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.4.4",
+  "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.16.32",
-    "@scalar/api-client": "2.21.1",
-    "@scalar/json-magic": "0.9.4",
-    "@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/openapi-types": "0.5.3",
-    "@scalar/themes": "0.13.26",
-    "@scalar/workspace-store": "0.27.1",
-    "@scalar/types": "0.5.10"
+    "@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",