@scalar/agent-chat 0.4.2 → 0.4.4

package/dist/views/PromptForm.vue2.js

@@ -1,40 +1,37 @@
-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 { 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 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 { 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 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 { 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 = {
   class: "addAPIButton",
   type: "button"
-}, de = ["src"], ve = ["onClick"], ge = { class: "inputActionsRight" }, fe = { class: "sendCheckboxContinue" }, he = {
+}, ve = ["src"], ge = ["onClick"], fe = { class: "inputActionsRight" }, he = { class: "sendCheckboxContinue" }, ye = {
   key: 0,
   class: "relative flex items-center gap-1.5"
-}, ye = {
+}, be = {
   class: "termsAgree",
   for: "agentTermsAgree"
-}, be = { class: "addMoreContext" }, ke = { class: "ml-auto flex items-center gap-1" }, Ce = ["onClick"], Se = ["alt", "src"], Fe = /* @__PURE__ */ B({
+}, ke = { class: "addMoreContext" }, Ae = { class: "ml-auto flex items-center gap-1" }, Ce = ["onClick"], Se = ["alt", "src"], Ne = /* @__PURE__ */ $({
   __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(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
     );
-    b(t.prompt, () => {
+    C(t.prompt, () => {
       if (u?.value) {
         if (!t.prompt.value.length) {
           u.value.style.height = "0px";
@@ -43,186 +40,188 @@ const ie = { class: "actionContainer" }, ue = ["disabled"], ce = { class: "input
         u.value.style.height = "auto", u.value.style.height = u.value.scrollHeight + "px";
       }
     });
-    function M(c) {
-      t.loading.value || c.key === "Enter" && !c.shiftKey && (c.preventDefault(), y(), window.scrollTo(0, document.body.scrollHeight));
+    function L(r) {
+      t.loading.value || r.key === "Enter" && !r.shiftKey && (r.preventDefault(), k(), window.scrollTo(0, document.body.scrollHeight));
     }
     function R() {
       u.value?.focus();
     }
-    b(
+    C(
       () => t.chat.status,
-      (c) => {
-        (c === "ready" || c === "error") && u.value?.focus();
+      (r) => {
+        (r === "ready" || r === "error") && u.value?.focus();
       }
     );
-    const { respondToToolCalls: p, approvalRequestedParts: f } = le(), { pendingClientToolParts: L } = re(), m = ne();
+    const { respondToToolCalls: p, approvalRequestedParts: y } = se(), { pendingClientToolParts: M } = re(), d = ae();
     function U() {
-      t.terms.accept(), t.mode === "preview" && t.getActiveDocumentJson && m.uploadTempDocument(t.getActiveDocumentJson(), !0);
+      t.terms.accept(), t.mode === "preview" && t.getActiveDocumentJson && d.uploadTempDocument(t.getActiveDocumentJson());
     }
-    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 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;
+    });
+    function k() {
+      b.value || D("submit");
     }
-    const d = se();
-    return (c, l) => (s(), a("div", ie, [
-      e(m).uploadState.value ? (s(), i(te, {
+    const v = ne();
+    return (r, l) => (s(), a(h, null, [
+      e(d).uploadState.value ? (s(), c(te, {
         key: 0,
-        uploadState: e(m).uploadState.value
-      }, null, 8, ["uploadState"])) : n("", !0),
-      e(d) ? (s(), i(Q, {
+        uploadState: e(d).uploadState.value
+      }, null, 8, ["uploadState"])) : i("", !0),
+      e(v) ? (s(), c(W, {
         key: 1,
-        error: e(d)
-      }, null, 8, ["error"])) : n("", !0),
-      e(f).length ? (s(), i(G, {
+        error: e(v)
+      }, null, 8, ["error"])) : i("", !0),
+      e(y).length ? (s(), c(Q, {
         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, {
+      })) : i("", !0),
+      e(v)?.code === e(oe).LIMIT_REACHED ? (s(), c(Y, {
         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", {
-        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), {
+      })) : 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), {
                     class: "size-4",
                     weight: "bold"
                   })
-                ])
-              ]),
-              _: 1
-            }),
-            (s(!0), a(C, null, S(e(t).registryDocuments.value, (o) => (s(), a("div", {
+                ], 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", {
               key: o.id,
-              class: "apiPill"
+              class: "addAPIContext",
+              type: "button",
+              onClick: (g) => e(t).addDocument(o)
             }, [
               o.logoUrl ? (s(), a("img", {
                 key: 0,
-                class: "apiPillLogo",
+                alt: o.title,
+                class: "size-4",
                 src: o.logoUrl
-              }, 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"]))
-            ])
+              }, null, 8, Se)) : i("", !0)
+            ], 8, Ce))), 128))
           ])
+        ], 512), [
+          [j, 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 {
-  Fe as default
+  Ne 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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e2db54a7"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cf7195a"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -22,6 +22,13 @@ 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,
@@ -32,13 +39,6 @@ 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":";;;;;AAsMA,wBAMG"}
+{"version":3,"file":"Start.vue.d.ts","sourceRoot":"","sources":["../../src/views/Start.vue"],"names":[],"mappings":";;;;;AAqMA,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 p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-2030a05b"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-eafdfb78"]]);
 export {
-  p as default
+  m as default
 };

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.4.2",
+  "version": "0.4.4",
   "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/components": "0.16.32",
+    "@scalar/api-client": "2.21.1",
+    "@scalar/json-magic": "0.9.4",
     "@scalar/helpers": "0.2.9",
     "@scalar/icons": "0.5.2",
-    "@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"
+    "@scalar/themes": "0.13.26",
+    "@scalar/workspace-store": "0.27.1",
+    "@scalar/types": "0.5.10"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.25.2",

package/dist/components/FreeMessagesInfoSection.vue.d.ts

@@ -1,3 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;
-//# sourceMappingURL=FreeMessagesInfoSection.vue.d.ts.map

package/dist/components/FreeMessagesInfoSection.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FreeMessagesInfoSection.vue.d.ts","sourceRoot":"","sources":["../../src/components/FreeMessagesInfoSection.vue"],"names":[],"mappings":";AAkQA,wBAKG"}

package/dist/components/FreeMessagesInfoSection.vue.js

@@ -1,7 +0,0 @@
-import o from "./FreeMessagesInfoSection.vue2.js";
-/* empty css                             */
-import e from "../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2f53f9bf"]]);
-export {
-  s as default
-};

package/dist/components/FreeMessagesInfoSection.vue2.js

@@ -1,49 +0,0 @@
-import { defineComponent as u, ref as d, withDirectives as f, createElementBlock as p, openBlock as m, createElementVNode as e, createVNode as r, createTextVNode as g, unref as i, vShow as _ } from "vue";
-import { ScalarIconInfo as w, ScalarIconX as b } from "@scalar/icons";
-import { useState as v } from "../state/state.js";
-const h = { class: "freeMessagesInfoSection" }, x = { class: "infoText flex items-center gap-1.5" }, I = { class: "actionsContainer" }, k = /* @__PURE__ */ u({
-  __name: "FreeMessagesInfoSection",
-  setup(S) {
-    const t = d(!1), { dashboardUrl: o, mode: s, uploadedTmpDocumentUrl: n } = v();
-    function c() {
-      s === "full" && window.location.replace(o), s === "preview" && window.location.replace(
-        n.value ? `${o}/register?flow=oss-agent&docUrl=${n.value}` : o
-      );
-    }
-    function l() {
-      t.value = !0;
-    }
-    return (y, a) => f((m(), p("div", h, [
-      e("strong", x, [
-        r(i(w), {
-          class: "text-blue size-4",
-          weight: "bold"
-        }),
-        a[0] || (a[0] = g(" You get 10 free messages, you can upgrade at anytime to get more for your API. ", -1))
-      ]),
-      e("div", I, [
-        e("button", {
-          class: "actionButton upgradeButton",
-          type: "button",
-          onClick: c
-        }, " Upgrade "),
-        e("button", {
-          "aria-label": "Close",
-          class: "closeButton",
-          type: "button",
-          onClick: l
-        }, [
-          r(i(b), {
-            class: "size-4",
-            weight: "bold"
-          })
-        ])
-      ])
-    ], 512)), [
-      [_, !t.value]
-    ]);
-  }
-});
-export {
-  k as default
-};