@scalar/agent-chat 0.3.2 → 0.3.3

package/dist/views/PromptForm.vue2.js

@@ -1,116 +1,114 @@
-import { defineComponent as R, useTemplateRef as L, computed as g, watch as y, createElementBlock as d, openBlock as n, Fragment as C, createBlock as i, createCommentVNode as c, createElementVNode as a, unref as t, withDirectives as S, withModifiers as M, vModelText as B, createVNode as m, withCtx as V, renderList as U, createTextVNode as A, toDisplayString as $, createStaticVNode as N, vShow as H } from "vue";
-import { ScalarIconButton as k, ScalarLoading as F } from "@scalar/components";
-import { ScalarIconPlus as K, ScalarIconX as j, ScalarIconLockSimple as q, ScalarIconCheck as X, ScalarIconArrowUp as O } from "@scalar/icons";
-import Z from "../components/ApprovalSection.vue.js";
-import G from "../components/ErrorMessage.vue.js";
-import J from "../components/PaymentSection.vue.js";
+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 tt } from "../entities/prompt/constants.js";
-import { useChatApprovals as et } from "../hooks/use-chat-approvals.js";
-import { useChatError as ot } from "../hooks/use-chat-error.js";
-import { useChatPendingClientToolParts as at } from "../hooks/use-chat-pending-client-tool-parts.js";
-import { useUploadTmpDocument as st } from "../hooks/use-upload-tmp-document.js";
-import { useState as nt } from "../state/state.js";
-const lt = { class: "actionContainer" }, rt = ["disabled"], it = { class: "inputActionsContainer" }, ct = { class: "inputActionsLeft" }, dt = {
+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 = {
   class: "addAPIButton",
   type: "button"
-}, pt = ["src"], ut = ["onClick"], mt = { class: "inputActionsRight" }, vt = { class: "sendCheckboxContinue" }, gt = {
+}, pe = ["src"], de = ["onClick"], me = { class: "inputActionsRight" }, ve = { class: "sendCheckboxContinue" }, ge = {
   key: 0,
   class: "relative flex items-center gap-1.5"
-}, ft = {
+}, fe = {
   class: "termsAgree",
   for: "agentTermsAgree"
-}, ht = { class: "addMoreContext" }, Mt = /* @__PURE__ */ R({
+}, he = { class: "addMoreContext" }, ye = { class: "ml-auto flex items-center gap-1" }, be = ["onClick"], ke = ["alt", "src"], Be = /* @__PURE__ */ U({
   __name: "PromptForm",
   emits: ["submit"],
-  setup(bt, { expose: w, emit: x }) {
-    const P = x;
-    w({ focusPrompt: z });
-    const l = L("agentPrompt"), e = nt(), T = g(() => e.prompt.value.trim().length > 0), I = g(
-      () => e.prompt.value.trim().length > tt
+  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
     );
-    y(e.prompt, () => {
-      if (l?.value) {
-        if (!e.prompt.value.length) {
-          l.value.style.height = "0px";
+    k(t.prompt, () => {
+      if (i?.value) {
+        if (!t.prompt.value.length) {
+          i.value.style.height = "0px";
           return;
         }
-        l.value.style.height = "auto", l.value.style.height = l.value.scrollHeight + "px";
+        i.value.style.height = "auto", i.value.style.height = i.value.scrollHeight + "px";
       }
     });
-    function _(r) {
-      e.loading.value || r.key === "Enter" && !r.shiftKey && (r.preventDefault(), b(), window.scrollTo(0, document.body.scrollHeight));
+    function I(u) {
+      t.loading.value || u.key === "Enter" && !u.shiftKey && (u.preventDefault(), b(), window.scrollTo(0, document.body.scrollHeight));
     }
-    function z() {
-      l.value?.focus();
+    function E() {
+      i.value?.focus();
     }
-    y(
-      () => e.chat.status,
-      (r) => {
-        (r === "ready" || r === "error") && l.value?.focus();
+    k(
+      () => t.chat.status,
+      (u) => {
+        (u === "ready" || u === "error") && i.value?.focus();
       }
     );
-    const { respondToToolCalls: p, approvalRequestedParts: f } = et(), { pendingClientToolParts: D } = at(), u = st();
-    function E() {
-      e.terms.accept(), e.mode === "preview" && e.workspaceStore.workspace.activeDocument && u.uploadTempDocument(
-        e.workspaceStore.workspace.activeDocument
-      );
+    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 h = g(
-      () => !T.value || I.value || !!f.value.length || !!D.value.length || !e.terms.accepted.value || !!u.uploadState.value
+    const y = g(
+      () => !x.value || D.value || !!h.value.length || !!R.value.length || !t.terms.accepted.value || !!d.uploadState.value
     );
     function b() {
-      h.value || P("submit");
+      y.value || P("submit");
     }
-    const v = ot();
-    return (r, o) => (n(), d(C, null, [
-      t(u).uploadState.value ? (n(), i(W, {
+    const v = oe();
+    return (u, l) => (s(), r(f, null, [
+      e(d).uploadState.value ? (s(), c(W, {
         key: 0,
-        uploadState: t(u).uploadState.value
-      }, null, 8, ["uploadState"])) : c("", !0),
-      t(v) ? (n(), i(G, {
+        uploadState: e(d).uploadState.value
+      }, null, 8, ["uploadState"])) : a("", !0),
+      e(v) ? (s(), c(Z, {
         key: 1,
-        error: t(v)
-      }, null, 8, ["error"])) : c("", !0),
-      t(f).length ? (n(), i(Z, {
+        error: e(v)
+      }, null, 8, ["error"])) : a("", !0),
+      e(h).length ? (s(), c(O, {
         key: 2,
-        onApprove: o[0] || (o[0] = (s) => t(p)(!0)),
-        onReject: o[1] || (o[1] = (s) => t(p)(!1))
-      })) : c("", !0),
-      t(v)?.code === t(Y).LIMIT_REACHED ? (n(), i(J, {
+        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, {
         key: 3,
-        onApprove: o[2] || (o[2] = (s) => t(p)(!0)),
-        onReject: o[3] || (o[3] = (s) => t(p)(!1))
-      })) : c("", !0),
-      a("div", lt, [
-        a("form", {
+        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: M(b, ["prevent"])
+          onSubmit: B(b, ["prevent"])
         }, [
-          o[7] || (o[7] = a("label", {
+          l[7] || (l[7] = n("label", {
             class: "agentLabel",
             for: "agentTextarea"
           }, " Type a Request To get Started ", -1)),
-          S(a("textarea", {
+          C(n("textarea", {
             id: "agentTextarea",
             ref: "agentPrompt",
-            "onUpdate:modelValue": o[4] || (o[4] = (s) => t(e).prompt.value = s),
+            "onUpdate:modelValue": l[4] || (l[4] = (o) => e(t).prompt.value = o),
             class: "prompt custom-scroll",
-            disabled: t(e).loading.value,
+            disabled: e(t).loading.value,
             name: "prompt",
             placeholder: "Ask me anything...",
-            onKeydown: _
-          }, null, 40, rt), [
-            [B, t(e).prompt.value]
+            onKeydown: I
+          }, null, 40, ae), [
+            [$, e(t).prompt.value]
           ]),
-          a("div", it, [
-            a("div", ct, [
+          n("div", ie, [
+            n("div", ue, [
               m(Q, null, {
                 default: V(() => [
-                  a("button", dt, [
-                    m(t(K), {
+                  n("button", ce, [
+                    m(e(K), {
                       class: "size-4",
                       weight: "bold"
                     })
@@ -118,59 +116,60 @@ const lt = { class: "actionContainer" }, rt = ["disabled"], it = { class: "input
                 ]),
                 _: 1
               }),
-              (n(!0), d(C, null, U(t(e).registryDocuments.value, (s) => (n(), d("div", {
-                key: s.id,
+              (s(!0), r(f, null, S(e(t).registryDocuments.value, (o) => (s(), r("div", {
+                key: o.id,
                 class: "apiPill"
               }, [
-                s.logoUrl ? (n(), d("img", {
+                o.logoUrl ? (s(), r("img", {
                   key: 0,
                   class: "apiPillLogo",
-                  src: s.logoUrl
-                }, null, 8, pt)) : c("", !0),
-                A(" " + $(s.title) + " ", 1),
-                a("button", {
+                  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: (yt) => t(e).removeDocument(s)
+                  onClick: (M) => e(t).removeDocument(o)
                 }, [
-                  m(t(j), {
+                  m(e(j), {
                     class: "size-4",
                     weight: "bold"
                   })
-                ], 8, ut)
+                ], 8, de)) : a("", !0)
               ]))), 128))
             ]),
-            a("div", mt, [
-              t(e).loading.value ? c("", !0) : (n(), i(t(k), {
+            n("div", me, [
+              e(t).loading.value ? a("", !0) : (s(), c(e(_), {
                 key: 0,
                 class: "settingsButton h-7 w-7 p-1.5",
-                icon: t(q),
+                icon: e(q),
                 label: "Scalar",
                 size: "md",
                 weight: "bold",
-                onClick: o[5] || (o[5] = (s) => t(e).settingsModal.show())
+                onClick: l[5] || (l[5] = (o) => e(t).settingsModal.show())
               }, null, 8, ["icon"])),
-              a("div", vt, [
-                !t(e).terms.accepted.value && t(e).mode === "preview" ? (n(), d("div", gt, [
-                  a("input", {
+              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: E
+                    onChange: L
                   }, null, 32),
-                  a("label", ft, [
-                    m(t(X), {
+                  n("label", fe, [
+                    m(e(J), {
                       class: "termsAgreeIcon",
                       weight: "bold"
                     }),
-                    o[6] || (o[6] = A(" Agree to Terms & Conditions ", -1))
+                    l[6] || (l[6] = A(" Agree to Terms & Conditions ", -1))
                   ])
-                ])) : c("", !0),
-                t(e).loading.value ? (n(), i(t(F), {
+                ])) : a("", !0),
+                e(t).loading.value ? (s(), c(e(F), {
                   key: 2,
                   class: "loader h-7 w-7",
                   loader: {
-                    isLoading: t(e).loading.value,
+                    isLoading: e(t).loading.value,
                     isValid: !1,
                     clear: async () => {
                     },
@@ -184,11 +183,11 @@ const lt = { class: "actionContainer" }, rt = ["disabled"], it = { class: "input
                     }
                   },
                   size: "2xl"
-                }, null, 8, ["loader"])) : (n(), i(t(k), {
+                }, null, 8, ["loader"])) : (s(), c(e(_), {
                   key: 1,
                   class: "sendButton h-7 w-7 p-1.5",
-                  disabled: h.value,
-                  icon: t(O),
+                  disabled: y.value,
+                  icon: e(X),
                   label: "Scalar",
                   size: "md",
                   type: "submit",
@@ -198,15 +197,30 @@ const lt = { class: "actionContainer" }, rt = ["disabled"], it = { class: "input
             ])
           ])
         ], 32),
-        S(a("div", ht, [...o[8] || (o[8] = [
-          N('<span data-v-58345013>Add context from dozens of API&#39;s</span><div class="ml-auto flex items-center gap-1" data-v-58345013><button class="addAPIContext" type="button" data-v-58345013><img class="size-4" src="https://cdn.scalar.com/agent/stripe.png" data-v-58345013></button><button class="addAPIContext" type="button" data-v-58345013><img class="size-4" src="https://cdn.scalar.com/agent/notion.png" data-v-58345013></button><button class="addAPIContext" type="button" data-v-58345013><img class="size-4" src="https://cdn.scalar.com/agent/zoom-meetings.png" data-v-58345013></button><button class="addAPIContext" type="button" data-v-58345013><img class="size-4" src="https://cdn.scalar.com/agent/fathom.png" data-v-58345013></button><button class="addAPIContext" type="button" data-v-58345013><img class="size-4" src="https://cdn.scalar.com/agent/discord.png" data-v-58345013></button><button class="addAPIContext" type="button" data-v-58345013><img class="size-4" src="https://cdn.scalar.com/agent/x.png" data-v-58345013></button></div>', 2)
-        ])], 512), [
-          [H, t(e).chat.messages.length <= 1]
+        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", {
+              key: o.id,
+              class: "addAPIContext",
+              type: "button",
+              onClick: (M) => e(t).addDocument(o)
+            }, [
+              o.logoUrl ? (s(), r("img", {
+                key: 0,
+                alt: o.title,
+                class: "size-4",
+                src: o.logoUrl
+              }, null, 8, ke)) : a("", !0)
+            ], 8, be))), 128))
+          ])
+        ], 512), [
+          [N, e(t).chat.messages.length <= 1]
         ])
       ])
     ], 64));
   }
 });
 export {
-  Mt as default
+  Be as default
 };

package/dist/views/Settings/DocSettings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocSettings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/DocSettings.vue"],"names":[],"mappings":"AA0EA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAOlF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;;AAoGF,wBAMG"}
+{"version":3,"file":"DocSettings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/DocSettings.vue"],"names":[],"mappings":"AAyEA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAOlF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;;AAoGF,wBAMG"}

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d556a3a1"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0cf7195a"]]);
 export {
-  p as default
+  f as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AAwIA,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAM3B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;;AA6KF,wBAMG"}
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AAqJA,OAAO,EAIL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAM3B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;;AAgLF,wBAMG"}

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

@@ -2,7 +2,7 @@ import t from "./Settings.vue2.js";
 /* empty css              */
 /* empty css              */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-fb9acd5f"]]);
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-745651bc"]]);
 export {
-  a as default
+  s as default
 };

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

@@ -1,59 +1,61 @@
-import { defineComponent as k, createBlock as i, openBlock as o, unref as e, withCtx as y, createElementVNode as r, createVNode as d, createElementBlock as n, Fragment as f, renderList as g, createCommentVNode as v, normalizeClass as x, createTextVNode as S, toDisplayString as _, isRef as C } from "vue";
-import { ScalarModal as w, ScalarColorModeToggle as D, ScalarTextInput as N } from "@scalar/components";
-import { ScalarIconCaretDown as U, ScalarIconCaretRight as V } from "@scalar/icons";
-import { useState as b } from "../../state/state.js";
-import h from "./DocSettings.vue.js";
-const I = { class: "settingsHeading" }, T = { class: "documentList" }, A = ["onClick"], B = { key: 0 }, L = {
+import { defineComponent as k, createBlock as i, openBlock as t, unref as e, withCtx as g, createElementVNode as r, createVNode as d, createElementBlock as n, Fragment as y, renderList as f, createCommentVNode as v, normalizeClass as x, createTextVNode as S, toDisplayString as _, isRef as C } from "vue";
+import { ScalarModal as w, ScalarColorModeToggle as D, ScalarTextInput as h } from "@scalar/components";
+import { ScalarIconCaretDown as N, ScalarIconCaretRight as U } from "@scalar/icons";
+import { useState as V } from "../../state/state.js";
+import b from "./DocSettings.vue.js";
+const I = { class: "settingsHeading" }, T = { class: "documentList" }, B = ["onClick"], L = { key: 0 }, M = {
   key: 1,
   class: "noDocuments"
-}, P = { class: "proxyUrlContainer" }, F = /* @__PURE__ */ k({
+}, R = { class: "proxyUrlContainer" }, F = /* @__PURE__ */ k({
   __name: "Settings",
   props: {
     modalState: {}
   },
   setup(u) {
-    const { workspaceStore: s, proxyUrl: c } = b();
+    const { workspaceStore: o, proxyUrl: c } = V();
     function p(m) {
-      s.update("x-scalar-active-document", m);
+      o.update("x-scalar-active-document", m);
     }
-    return (m, t) => (o(), i(e(w), { state: u.modalState }, {
-      default: y(() => [
+    return (m, s) => (t(), i(e(w), {
+      class: "settingsModal",
+      state: u.modalState
+    }, {
+      default: g(() => [
         r("div", I, [
-          t[1] || (t[1] = r("h1", null, "Settings", -1)),
+          s[1] || (s[1] = r("h1", null, "Settings", -1)),
           d(e(D), { class: "colorToggle ml-auto" })
         ]),
         r("div", T, [
-          t[2] || (t[2] = r("label", null, " APIs ", -1)),
-          Object.entries(e(s).workspace.documents).length ? (o(!0), n(f, { key: 0 }, g(Object.entries(
-            e(s).workspace.documents
-          ), ([l, a]) => (o(), n("div", {
-            key: l,
+          Object.entries(e(o).workspace.documents).length ? (t(!0), n(y, { key: 0 }, f(Object.entries(
+            e(o).workspace.documents
+          ), ([a, l]) => (t(), n("div", {
+            key: a,
             class: "document"
           }, [
             r("button", {
               class: x(["documentName", {
-                documentNameActive: e(s).workspace.activeDocument === a
+                documentNameActive: e(o).workspace.activeDocument === l
               }]),
               type: "button",
-              onClick: (R) => p(l)
+              onClick: (j) => p(a)
             }, [
-              e(s).workspace.activeDocument === a ? (o(), i(e(U), { key: 0 })) : (o(), i(e(V), { key: 1 })),
-              S(" @" + _(l), 1)
-            ], 10, A),
-            e(s).workspace.activeDocument === a ? (o(), n("div", B, [
-              d(h, {
-                document: a,
-                name: l
+              S(" @" + _(a) + " ", 1),
+              e(o).workspace.activeDocument === l ? (t(), i(e(N), { key: 0 })) : (t(), i(e(U), { key: 1 }))
+            ], 10, B),
+            e(o).workspace.activeDocument === l ? (t(), n("div", L, [
+              d(b, {
+                document: l,
+                name: a
               }, null, 8, ["document", "name"])
             ])) : v("", !0)
-          ]))), 128)) : (o(), n("div", L, " No APIs selected. Use + to add context. "))
+          ]))), 128)) : (t(), n("div", M, " No APIs selected. Use + to add context. "))
         ]),
-        r("div", P, [
-          t[3] || (t[3] = r("label", { for: "proxyUrl" }, "Proxy URL", -1)),
-          d(e(N), {
+        r("div", R, [
+          s[2] || (s[2] = r("label", { for: "proxyUrl" }, "Proxy URL", -1)),
+          d(e(h), {
             id: "proxyUrl",
             modelValue: e(c),
-            "onUpdate:modelValue": t[0] || (t[0] = (l) => C(c) ? c.value = l : null),
+            "onUpdate:modelValue": s[0] || (s[0] = (a) => C(c) ? c.value = a : null),
             placeholder: "https://proxy.scalar.com"
           }, null, 8, ["modelValue"])
         ])

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.3.2",
+  "version": "0.3.3",
   "engines": {
     "node": ">=20"
   },
@@ -49,22 +49,22 @@
     "vue": "^3.5.26",
     "whatwg-mimetype": "4.0.0",
     "zod": "^4.3.5",
-    "@scalar/api-client": "2.20.2",
-    "@scalar/icons": "0.5.2",
-    "@scalar/openapi-types": "0.5.3",
+    "@scalar/json-magic": "0.9.4",
+    "@scalar/components": "0.16.32",
     "@scalar/helpers": "0.2.9",
+    "@scalar/api-client": "2.21.1",
+    "@scalar/icons": "0.5.2",
     "@scalar/themes": "0.13.26",
-    "@scalar/json-magic": "0.9.3",
-    "@scalar/workspace-store": "0.26.2",
-    "@scalar/components": "0.16.30",
-    "@scalar/types": "0.5.10"
+    "@scalar/openapi-types": "0.5.3",
+    "@scalar/types": "0.5.10",
+    "@scalar/workspace-store": "0.27.1"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.25.2",
     "@tailwindcss/vite": "^4.1.18",
     "@types/whatwg-mimetype": "3.0.2",
     "@vitejs/plugin-vue": "^6.0.3",
-    "hono": "4.11.4",
+    "hono": "4.11.7",
     "tailwindcss": "^4.1.18",
     "vite": "^7.3.1",
     "@scalar/build-tooling": "0.4.1"

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

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    text: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=Suggestion.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Suggestion.vue.d.ts","sourceRoot":"","sources":["../../src/components/Suggestion.vue"],"names":[],"mappings":"AA4CA,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;AAwDpC,wBAOG"}

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

@@ -1,8 +0,0 @@
-import type { HttpMethod } from '@scalar/helpers/http/http-methods';
-type __VLS_Props = {
-    method: HttpMethod;
-    path: string;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;
-//# sourceMappingURL=TestRequestButton.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TestRequestButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/TestRequestButton.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAKnE,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;CACb,CAAC;;AAqEF,wBAMG"}