@scalar/agent-chat 0.4.0 → 0.4.2

package/dist/views/PromptForm.vue2.js

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