@scalar/agent-chat 0.12.43 → 0.12.44

package/dist/components/ApprovalSection.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../_virtual/_plugin-vue_export-he
 import ApprovalSection_vue_vue_type_script_setup_true_lang_default from "./ApprovalSection.vue.script.js";
 /* empty css                              */
 //#region src/components/ApprovalSection.vue
-var ApprovalSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ApprovalSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fb5102df"]]);
+var ApprovalSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ApprovalSection_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f493d089"]]);
 //#endregion
 export { ApprovalSection_default as default };
 

package/dist/components/ApprovalSection.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApprovalSection.vue.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        type=\"button\"\n        class=\"actionButton rejectButton\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        type=\"button\"\n        class=\"actionButton approveButton\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"ApprovalSection.vue.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        class=\"actionButton rejectButton\"\n        type=\"button\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":""}

package/dist/components/ApprovalSection.vue.script.js

@@ -14,12 +14,12 @@ var ApprovalSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 				class: "text-blue size-4",
 				weight: "bold"
 			}), _cache[2] || (_cache[2] = createTextVNode(" One or more requests require approval. ", -1))]), createElementVNode("div", _hoisted_3, [createElementVNode("button", {
-				type: "button",
 				class: "actionButton rejectButton",
+				type: "button",
 				onClick: _cache[0] || (_cache[0] = ($event) => emit("reject"))
 			}, " Reject "), createElementVNode("button", {
-				type: "button",
 				class: "actionButton approveButton",
+				type: "button",
 				onClick: _cache[1] || (_cache[1] = ($event) => emit("approve"))
 			}, " Approve ")])]);
 		};

package/dist/components/ApprovalSection.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApprovalSection.vue.script.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        type=\"button\"\n        class=\"actionButton rejectButton\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        type=\"button\"\n        class=\"actionButton approveButton\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,OAAO;;uBAOX,mBAqBM,OArBN,YAqBM,CApBJ,mBAKS,UALT,YAKS,CAJP,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;iDAAS,4CAEpB,EAAA,EAAA,CAAA,GACA,mBAaM,OAbN,YAaM,CAZJ,mBAKS,UAAA;IAJP,MAAK;IACL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;MAAY,UAE1B,GACA,mBAKS,UAAA;IAJP,MAAK;IACL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;MAAa,WAE3B,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ApprovalSection.vue.script.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        class=\"actionButton rejectButton\"\n        type=\"button\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,OAAO;;uBAOX,mBAqBM,OArBN,YAqBM,CApBJ,mBAKS,UALT,YAKS,CAJP,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;iDAAS,4CAEpB,EAAA,EAAA,CAAA,GACA,mBAaM,OAbN,YAaM,CAZJ,mBAKS,UAAA;IAJP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;MAAY,UAE1B,GACA,mBAKS,UAAA;IAJP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;MAAa,WAE3B,CAAA,CAAA,CAAA,CAAA"}

package/dist/helpers.d.ts

@@ -23,6 +23,7 @@ export declare const authStorage: () => {
     getAuth: (slug: string) => {
         secrets: {
             [x: string]: ({
+                name?: string | undefined;
                 type: "apiKey";
             } & {
                 'x-scalar-secret-token': string;

package/dist/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AAWzF,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEpH,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,GACwB,eAAe,EAAE,CACxG;AAwBD,mHAAmH;AACnH,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,cAAc;;;;;EAuBpE;AAKD;;;;GAIG;AACH,eAAO,MAAM,WAAW;IAMpB;;OAEG;oBACa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAItB;;;OAGG;oBACa,MAAM,SAAS,IAAI;CAItC,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,6BAA6B,GAAI,mCAG3C;IACD,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,cAAc,CAAA;CAC/B,KAAG,IAIH,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,OAM1C"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AAWzF,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEpH,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,GACwB,eAAe,EAAE,CACxG;AAwBD,mHAAmH;AACnH,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,cAAc;;;;;EAuBpE;AAKD;;;;GAIG;AACH,eAAO,MAAM,WAAW;IAMpB;;OAEG;oBACa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAItB;;;OAGG;oBACa,MAAM,SAAS,IAAI;CAItC,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,6BAA6B,GAAI,mCAG3C;IACD,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,cAAc,CAAA;CAC/B,KAAG,IAIH,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,OAM1C"}

package/dist/hooks/use-chat-approvals.d.ts

@@ -1,4 +1,5 @@
 import type { ToolUIPart, UIMessagePart } from 'ai';
+import { type ComputedRef } from 'vue';
 import { type Tools } from '../state/state.js';
 type RequestToolPart = ToolUIPart & {
     type: 'tool-execute-request';
@@ -6,25 +7,9 @@ type RequestToolPart = ToolUIPart & {
     input: Tools['execute-request']['input'];
 };
 export declare function requestPartRequiresApproval(part: UIMessagePart<any, Tools>): part is RequestToolPart;
+/** Exposes pending request approvals without leaking SDK implementation types. */
 export declare function useRequestApprovals(): {
-    approvalRequiredParts: import("vue").ComputedRef<({
-        type: `tool-${string}`;
-    } & {
-        toolCallId: string;
-        title?: string;
-        providerExecuted?: boolean;
-    } & {
-        state: "input-available";
-        input: unknown;
-        output?: never;
-        errorText?: never;
-        callProviderMetadata?: import("ai").ProviderMetadata;
-        approval?: never;
-    } & {
-        type: "tool-execute-request";
-        state: "input-available";
-        input: Tools["execute-request"]["input"];
-    })[]>;
+    approvalRequiredParts: ComputedRef<RequestToolPart[]>;
     respondToRequestApprovals: (approved: boolean) => Promise<void>;
 };
 export {};

package/dist/hooks/use-chat-approvals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-approvals.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chat-approvals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AAMnD,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAA;AAEpD,KAAK,eAAe,GAAG,UAAU,GAAG;IAClC,IAAI,EAAE,sBAAsB,CAAA;IAC5B,KAAK,EAAE,iBAAiB,CAAA;IACxB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAA;CACzC,CAAA;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,IAAI,eAAe,CAMpG;AAED,wBAAgB,mBAAmB;;;;;;;;;;;;;;;cAb3B,sBAAsB;eACrB,iBAAiB;eACjB,KAAK,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC;;0CAqBW,OAAO;EAwB3D"}
+{"version":3,"file":"use-chat-approvals.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chat-approvals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,IAAI,CAAA;AACnD,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,KAAK,CAAA;AAKhD,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAA;AAEpD,KAAK,eAAe,GAAG,UAAU,GAAG;IAClC,IAAI,EAAE,sBAAsB,CAAA;IAC5B,KAAK,EAAE,iBAAiB,CAAA;IACxB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAA;CACzC,CAAA;AAED,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,IAAI,eAAe,CAMpG;AAED,kFAAkF;AAClF,wBAAgB,mBAAmB,IAAI;IACrC,qBAAqB,EAAE,WAAW,CAAC,eAAe,EAAE,CAAC,CAAA;IACrD,yBAAyB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;CAChE,CAkCA"}

package/dist/hooks/use-chat-approvals.js

@@ -7,6 +7,7 @@ import { computed } from "vue";
 function requestPartRequiresApproval(part) {
 	return part.type === `tool-execute-request` && part.state === "input-available" && part.input?.method?.toLowerCase() !== "get";
 }
+/** Exposes pending request approvals without leaking SDK implementation types. */
 function useRequestApprovals() {
 	const state = useState();
 	const approvalRequiredParts = computed(() => {

package/dist/hooks/use-chat-approvals.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-approvals.js","names":[],"sources":["../../src/hooks/use-chat-approvals.ts"],"sourcesContent":["import type { ToolUIPart, UIMessagePart } from 'ai'\nimport { computed } from 'vue'\n\nimport { executeRequestTool } from '@/client-tools/execute-request'\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities'\nimport { createDocumentSettings } from '@/helpers'\nimport { type Tools, useState } from '@/state/state'\n\ntype RequestToolPart = ToolUIPart & {\n  type: 'tool-execute-request'\n  state: 'input-available'\n  input: Tools['execute-request']['input']\n}\n\nexport function requestPartRequiresApproval(part: UIMessagePart<any, Tools>): part is RequestToolPart {\n  return (\n    part.type === (`tool-${EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME}` as const) &&\n    part.state === 'input-available' &&\n    part.input?.method?.toLowerCase() !== 'get'\n  )\n}\n\nexport function useRequestApprovals() {\n  const state = useState()\n\n  const approvalRequiredParts = computed(() => {\n    return state.chat.messages\n      .filter((message) => message.parts.some(requestPartRequiresApproval))\n      .flatMap((message) => message.parts)\n      .filter(requestPartRequiresApproval) as RequestToolPart[]\n  })\n\n  async function respondToRequestApprovals(approved: boolean) {\n    const approvalPromises = approvalRequiredParts.value.map(async (toolPart) => {\n      if (!approved) {\n        return await state.chat.addToolOutput({\n          tool: EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME,\n          toolCallId: toolPart.toolCallId,\n          state: 'output-error',\n          errorText: 'The user denied the request.',\n        })\n      }\n\n      await executeRequestTool({\n        documentSettings: createDocumentSettings(state.workspaceStore),\n        proxyUrl: state.proxyUrl.value,\n        input: toolPart.input,\n        toolCallId: toolPart.toolCallId,\n        chat: state.chat,\n      })\n    })\n\n    await Promise.all(approvalPromises)\n  }\n\n  return { approvalRequiredParts, respondToRequestApprovals }\n}\n"],"mappings":";;;;;;AAcA,SAAgB,4BAA4B,MAA0D;CACpG,OACE,KAAK,SAAU,0BACf,KAAK,UAAU,qBACf,KAAK,OAAO,QAAQ,YAAY,MAAM;AAE1C;AAEA,SAAgB,sBAAsB;CACpC,MAAM,QAAQ,SAAS;CAEvB,MAAM,wBAAwB,eAAe;EAC3C,OAAO,MAAM,KAAK,SACf,QAAQ,YAAY,QAAQ,MAAM,KAAK,2BAA2B,CAAC,CAAC,CACpE,SAAS,YAAY,QAAQ,KAAK,CAAC,CACnC,OAAO,2BAA2B;CACvC,CAAC;CAED,eAAe,0BAA0B,UAAmB;EAC1D,MAAM,mBAAmB,sBAAsB,MAAM,IAAI,OAAO,aAAa;GAC3E,IAAI,CAAC,UACH,OAAO,MAAM,MAAM,KAAK,cAAc;IACpC,MAAM;IACN,YAAY,SAAS;IACrB,OAAO;IACP,WAAW;GACb,CAAC;GAGH,MAAM,mBAAmB;IACvB,kBAAkB,uBAAuB,MAAM,cAAc;IAC7D,UAAU,MAAM,SAAS;IACzB,OAAO,SAAS;IAChB,YAAY,SAAS;IACrB,MAAM,MAAM;GACd,CAAC;EACH,CAAC;EAED,MAAM,QAAQ,IAAI,gBAAgB;CACpC;CAEA,OAAO;EAAE;EAAuB;CAA0B;AAC5D"}
+{"version":3,"file":"use-chat-approvals.js","names":[],"sources":["../../src/hooks/use-chat-approvals.ts"],"sourcesContent":["import type { ToolUIPart, UIMessagePart } from 'ai'\nimport { type ComputedRef, computed } from 'vue'\n\nimport { executeRequestTool } from '@/client-tools/execute-request'\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities'\nimport { createDocumentSettings } from '@/helpers'\nimport { type Tools, useState } from '@/state/state'\n\ntype RequestToolPart = ToolUIPart & {\n  type: 'tool-execute-request'\n  state: 'input-available'\n  input: Tools['execute-request']['input']\n}\n\nexport function requestPartRequiresApproval(part: UIMessagePart<any, Tools>): part is RequestToolPart {\n  return (\n    part.type === (`tool-${EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME}` as const) &&\n    part.state === 'input-available' &&\n    part.input?.method?.toLowerCase() !== 'get'\n  )\n}\n\n/** Exposes pending request approvals without leaking SDK implementation types. */\nexport function useRequestApprovals(): {\n  approvalRequiredParts: ComputedRef<RequestToolPart[]>\n  respondToRequestApprovals: (approved: boolean) => Promise<void>\n} {\n  const state = useState()\n\n  const approvalRequiredParts = computed(() => {\n    return state.chat.messages\n      .filter((message) => message.parts.some(requestPartRequiresApproval))\n      .flatMap((message) => message.parts)\n      .filter(requestPartRequiresApproval) as RequestToolPart[]\n  })\n\n  async function respondToRequestApprovals(approved: boolean) {\n    const approvalPromises = approvalRequiredParts.value.map(async (toolPart) => {\n      if (!approved) {\n        return await state.chat.addToolOutput({\n          tool: EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME,\n          toolCallId: toolPart.toolCallId,\n          state: 'output-error',\n          errorText: 'The user denied the request.',\n        })\n      }\n\n      await executeRequestTool({\n        documentSettings: createDocumentSettings(state.workspaceStore),\n        proxyUrl: state.proxyUrl.value,\n        input: toolPart.input,\n        toolCallId: toolPart.toolCallId,\n        chat: state.chat,\n      })\n    })\n\n    await Promise.all(approvalPromises)\n  }\n\n  return { approvalRequiredParts, respondToRequestApprovals }\n}\n"],"mappings":";;;;;;AAcA,SAAgB,4BAA4B,MAA0D;CACpG,OACE,KAAK,SAAU,0BACf,KAAK,UAAU,qBACf,KAAK,OAAO,QAAQ,YAAY,MAAM;AAE1C;;AAGA,SAAgB,sBAGd;CACA,MAAM,QAAQ,SAAS;CAEvB,MAAM,wBAAwB,eAAe;EAC3C,OAAO,MAAM,KAAK,SACf,QAAQ,YAAY,QAAQ,MAAM,KAAK,2BAA2B,CAAC,CAAC,CACpE,SAAS,YAAY,QAAQ,KAAK,CAAC,CACnC,OAAO,2BAA2B;CACvC,CAAC;CAED,eAAe,0BAA0B,UAAmB;EAC1D,MAAM,mBAAmB,sBAAsB,MAAM,IAAI,OAAO,aAAa;GAC3E,IAAI,CAAC,UACH,OAAO,MAAM,MAAM,KAAK,cAAc;IACpC,MAAM;IACN,YAAY,SAAS;IACrB,OAAO;IACP,WAAW;GACb,CAAC;GAGH,MAAM,mBAAmB;IACvB,kBAAkB,uBAAuB,MAAM,cAAc;IAC7D,UAAU,MAAM,SAAS;IACzB,OAAO,SAAS;IAChB,YAAY,SAAS;IACrB,MAAM,MAAM;GACd,CAAC;EACH,CAAC;EAED,MAAM,QAAQ,IAAI,gBAAgB;CACpC;CAEA,OAAO;EAAE;EAAuB;CAA0B;AAC5D"}

package/dist/hooks/use-chat-pending-client-tool-parts.d.ts

@@ -1,19 +1,11 @@
+import type { ToolUIPart } from 'ai';
+import { type ComputedRef } from 'vue';
+type PendingClientToolPart = ToolUIPart & {
+    state: 'input-available';
+};
+/** Exposes pending client tools without leaking SDK implementation types. */
 export declare function useChatPendingClientToolParts(): {
-    pendingClientToolParts: import("vue").ComputedRef<({
-        type: `tool-${string}`;
-    } & {
-        toolCallId: string;
-        title?: string;
-        providerExecuted?: boolean;
-    } & {
-        state: "input-available";
-        input: unknown;
-        output?: never;
-        errorText?: never;
-        callProviderMetadata?: import("ai").ProviderMetadata;
-        approval?: never;
-    } & {
-        state: "input-available";
-    })[]>;
+    pendingClientToolParts: ComputedRef<PendingClientToolPart[]>;
 };
+export {};
 //# sourceMappingURL=use-chat-pending-client-tool-parts.d.ts.map

package/dist/hooks/use-chat-pending-client-tool-parts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-pending-client-tool-parts.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chat-pending-client-tool-parts.ts"],"names":[],"mappings":"AAWA,wBAAgB,6BAA6B;;;;;;;;;;;;;;;eANM,iBAAiB;;EAiBnE"}
+{"version":3,"file":"use-chat-pending-client-tool-parts.d.ts","sourceRoot":"","sources":["../../src/hooks/use-chat-pending-client-tool-parts.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAA0B,MAAM,IAAI,CAAA;AAC5D,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,KAAK,CAAA;AAIhD,KAAK,qBAAqB,GAAG,UAAU,GAAG;IAAE,KAAK,EAAE,iBAAiB,CAAA;CAAE,CAAA;AAMtE,6EAA6E;AAC7E,wBAAgB,6BAA6B,IAAI;IAC/C,sBAAsB,EAAE,WAAW,CAAC,qBAAqB,EAAE,CAAC,CAAA;CAC7D,CAWA"}

package/dist/hooks/use-chat-pending-client-tool-parts.js

@@ -4,6 +4,7 @@ import { computed } from "vue";
 function isPendingClientToolPart(part) {
 	return part.type.startsWith("tool") && part.state === "input-available";
 }
+/** Exposes pending client tools without leaking SDK implementation types. */
 function useChatPendingClientToolParts() {
 	const state = useState();
 	return { pendingClientToolParts: computed(() => {

package/dist/hooks/use-chat-pending-client-tool-parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-chat-pending-client-tool-parts.js","names":[],"sources":["../../src/hooks/use-chat-pending-client-tool-parts.ts"],"sourcesContent":["import type { ToolUIPart, UIMessagePart, UITools } from 'ai'\nimport { computed } from 'vue'\n\nimport { useState } from '@/state/state'\n\ntype PendingClientToolPart = ToolUIPart & { state: 'input-available' }\n\nfunction isPendingClientToolPart(part: UIMessagePart<any, UITools>): part is PendingClientToolPart {\n  return part.type.startsWith('tool') && (part as ToolUIPart).state === 'input-available'\n}\n\nexport function useChatPendingClientToolParts() {\n  const state = useState()\n\n  const pendingClientToolParts = computed(() => {\n    return state.chat.messages\n      .filter((message) => message.parts.some(isPendingClientToolPart))\n      .flatMap((message) => message.parts)\n      .filter(isPendingClientToolPart) as PendingClientToolPart[]\n  })\n\n  return { pendingClientToolParts }\n}\n"],"mappings":";;;AAOA,SAAS,wBAAwB,MAAkE;CACjG,OAAO,KAAK,KAAK,WAAW,MAAM,KAAM,KAAoB,UAAU;AACxE;AAEA,SAAgB,gCAAgC;CAC9C,MAAM,QAAQ,SAAS;CASvB,OAAO,EAAE,wBAPsB,eAAe;EAC5C,OAAO,MAAM,KAAK,SACf,QAAQ,YAAY,QAAQ,MAAM,KAAK,uBAAuB,CAAC,CAAC,CAChE,SAAS,YAAY,QAAQ,KAAK,CAAC,CACnC,OAAO,uBAAuB;CACnC,CAES,EAAuB;AAClC"}
+{"version":3,"file":"use-chat-pending-client-tool-parts.js","names":[],"sources":["../../src/hooks/use-chat-pending-client-tool-parts.ts"],"sourcesContent":["import type { ToolUIPart, UIMessagePart, UITools } from 'ai'\nimport { type ComputedRef, computed } from 'vue'\n\nimport { useState } from '@/state/state'\n\ntype PendingClientToolPart = ToolUIPart & { state: 'input-available' }\n\nfunction isPendingClientToolPart(part: UIMessagePart<any, UITools>): part is PendingClientToolPart {\n  return part.type.startsWith('tool') && (part as ToolUIPart).state === 'input-available'\n}\n\n/** Exposes pending client tools without leaking SDK implementation types. */\nexport function useChatPendingClientToolParts(): {\n  pendingClientToolParts: ComputedRef<PendingClientToolPart[]>\n} {\n  const state = useState()\n\n  const pendingClientToolParts = computed(() => {\n    return state.chat.messages\n      .filter((message) => message.parts.some(isPendingClientToolPart))\n      .flatMap((message) => message.parts)\n      .filter(isPendingClientToolPart) as PendingClientToolPart[]\n  })\n\n  return { pendingClientToolParts }\n}\n"],"mappings":";;;AAOA,SAAS,wBAAwB,MAAkE;CACjG,OAAO,KAAK,KAAK,WAAW,MAAM,KAAM,KAAoB,UAAU;AACxE;;AAGA,SAAgB,gCAEd;CACA,MAAM,QAAQ,SAAS;CASvB,OAAO,EAAE,wBAPsB,eAAe;EAC5C,OAAO,MAAM,KAAK,SACf,QAAQ,YAAY,QAAQ,MAAM,KAAK,uBAAuB,CAAC,CAAC,CAChE,SAAS,YAAY,QAAQ,KAAK,CAAC,CACnC,OAAO,uBAAuB;CACnC,CAES,EAAuB;AAClC"}

package/dist/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.43",
+  "version": "0.12.44",
   "engines": {
     "node": ">=22"
   },

package/dist/style.css

@@ -1024,7 +1024,7 @@
   display: contents;
 }
 
-.scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
+.scalar-app .markdown.markdown-summary.markdown-summary [data-markdown-block], .scalar-app .markdown.markdown-summary.markdown-summary img, .scalar-app .markdown.markdown-summary.markdown-summary svg, .scalar-app .markdown.markdown-summary.markdown-summary hr, .scalar-app .markdown.markdown-summary.markdown-summary pre {
   display: none;
 }
 
@@ -1405,12 +1405,12 @@
   background: linear-gradient(#00000026, #ffffff09);
 }
 
-.ascii-art-animate .ascii-art-line[data-v-9a695e58] {
+.ascii-art-animate .ascii-art-line[data-v-4f827089] {
   border-right: 1ch solid #0000;
-  animation: 4s step-end 1s both typewriter-9a695e58, .5s step-end infinite blinkTextCursor-9a695e58;
+  animation: 4s step-end 1s both typewriter-4f827089, .5s step-end infinite blinkTextCursor-4f827089;
 }
 
-@keyframes typewriter-9a695e58 {
+@keyframes typewriter-4f827089 {
   from {
     width: 0;
   }
@@ -1420,7 +1420,7 @@
   }
 }
 
-@keyframes blinkTextCursor-9a695e58 {
+@keyframes blinkTextCursor-4f827089 {
   0% {
     border-right-color: currentColor;
   }
@@ -1553,24 +1553,24 @@
   display: none;
 }
 
-[data-v-3e378c54] .cm-editor {
+[data-v-fce866d6] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
 
-[data-v-3e378c54] .cm-placeholder {
+[data-v-fce866d6] .cm-placeholder {
   color: var(--scalar-color-3);
 }
 
-[data-v-3e378c54] .cm-content {
+[data-v-fce866d6] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   padding: 8px 0;
 }
 
-[data-v-3e378c54] .cm-tooltip {
+[data-v-fce866d6] .cm-tooltip {
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
   background: var(--scalar-background-1) !important;
@@ -1579,47 +1579,47 @@
   overflow: hidden !important;
 }
 
-[data-v-3e378c54] .cm-tooltip-autocomplete ul li {
+[data-v-fce866d6] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
 
-[data-v-3e378c54] .cm-completionIcon-type:after {
+[data-v-fce866d6] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
 
-[data-v-3e378c54] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-fce866d6] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
 
-[data-v-3e378c54] .cm-tooltip-autocomplete ul {
+[data-v-fce866d6] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
 
-[data-v-3e378c54] .cm-tooltip-autocomplete ul li:hover {
+[data-v-fce866d6] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 
-[data-v-3e378c54] .cm-activeLine, [data-v-3e378c54] .cm-activeLineGutter {
+[data-v-fce866d6] .cm-activeLine, [data-v-fce866d6] .cm-activeLineGutter {
   background-color: #0000;
 }
 
-[data-v-3e378c54] .cm-selectionMatch, [data-v-3e378c54] .cm-matchingBracket {
+[data-v-fce866d6] .cm-selectionMatch, [data-v-fce866d6] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 
-[data-v-3e378c54] .cm-css-color-picker-wrapper {
+[data-v-fce866d6] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
 
-[data-v-3e378c54] .cm-gutters {
+[data-v-fce866d6] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1628,7 +1628,7 @@
   line-height: 22px;
 }
 
-[data-v-3e378c54] .cm-gutters:before {
+[data-v-fce866d6] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -1639,7 +1639,7 @@
   left: 2px;
 }
 
-[data-v-3e378c54] .cm-gutterElement {
+[data-v-fce866d6] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -1649,27 +1649,27 @@
   padding-right: 6px !important;
 }
 
-[data-v-3e378c54] .cm-lineNumbers .cm-gutterElement {
+[data-v-fce866d6] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
 
-[data-v-3e378c54] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-fce866d6] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
 
-[data-v-3e378c54] .cm-scroller {
+[data-v-fce866d6] .cm-scroller {
   overflow: auto;
 }
 
-[data-v-3e378c54] .cm-lineWrapping .cm-line {
+[data-v-fce866d6] .cm-lineWrapping .cm-line {
   word-break: break-all;
 }
 
-[data-v-3e378c54] .cm-content.cm-lineWrapping {
+[data-v-fce866d6] .cm-content.cm-lineWrapping {
   white-space: pre-wrap;
 }
 
-.line-wrapping[data-v-3e378c54]:focus-within .cm-content {
+.line-wrapping[data-v-fce866d6]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -1765,12 +1765,12 @@
   color: var(--scalar-color-1);
 }
 
-.code-input-lite[data-v-f06520bd] {
+.code-input-lite[data-v-5e6007a2] {
   align-items: center;
   display: flex;
 }
 
-.code-input-lite__editor[data-v-f06520bd] {
+.code-input-lite__editor[data-v-5e6007a2] {
   font: inherit;
   letter-spacing: inherit;
   min-width: 0;
@@ -1788,11 +1788,11 @@
   overflow: auto hidden;
 }
 
-.code-input-lite__editor[data-v-f06520bd]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-5e6007a2]::-webkit-scrollbar {
   display: none;
 }
 
-.code-input-lite--empty .code-input-lite__editor[data-v-f06520bd]:not(:focus):before {
+.code-input-lite--empty .code-input-lite__editor[data-v-5e6007a2]:not(:focus):before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -1804,7 +1804,7 @@
   left: .5em;
 }
 
-.code-input-lite--error .code-input-lite__editor[data-v-f06520bd] {
+.code-input-lite--error .code-input-lite__editor[data-v-5e6007a2] {
   outline: 1px solid var(--scalar-color-red);
 }
 
@@ -1868,18 +1868,18 @@
   }
 }
 
-[data-v-344240b0] .code-input-lite__editor {
+[data-v-09f26d90] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
 
-[data-v-344240b0] .scalar-pill:not(:last-of-type) {
+[data-v-09f26d90] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
 
-[data-v-344240b0] .scalar-pill:not(:first-of-type) {
+[data-v-09f26d90] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
@@ -1943,59 +1943,59 @@ input[data-v-029a43f5]::placeholder {
   scrollbar-width: none;
 }
 
-.request-section-content[data-v-a55ce987] {
+.request-section-content[data-v-f9196c85] {
   --scalar-border-width: .5px;
 }
 
-.request-section-content-filter[data-v-a55ce987] {
+.request-section-content-filter[data-v-f9196c85] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
 
-.request-item:focus-within .request-meta-buttons[data-v-a55ce987] {
+.request-item:focus-within .request-meta-buttons[data-v-f9196c85] {
   opacity: 1;
 }
 
-.group-hover-input[data-v-a55ce987] {
+.group-hover-input[data-v-f9196c85] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
 
-.group:hover .group-hover-input[data-v-a55ce987] {
+.group:hover .group-hover-input[data-v-f9196c85] {
   background: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .group:hover .group-hover-input[data-v-a55ce987] {
+  .group:hover .group-hover-input[data-v-f9196c85] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
 }
 
-.group:hover .group-hover-input[data-v-a55ce987] {
+.group:hover .group-hover-input[data-v-f9196c85] {
   border-color: var(--scalar-border-color);
 }
 
-.group-hover-input[data-v-a55ce987]:focus {
+.group-hover-input[data-v-f9196c85]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
 
-[data-v-6e055eb2] .cm-editor {
+[data-v-973d48ca] .cm-editor {
   font-size: var(--scalar-small);
   background-color: #0000;
   outline: none;
 }
 
-[data-v-6e055eb2] .cm-gutters {
+[data-v-973d48ca] .cm-gutters {
   background-color: var(--scalar-background-1);
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
 }
 
-[data-v-6e055eb2] .cm-scroller {
+[data-v-973d48ca] .cm-scroller {
   min-width: 100%;
   overflow: auto;
 }
 
-[data-v-6e055eb2] .cm-lineWrapping .cm-line {
+[data-v-973d48ca] .cm-lineWrapping .cm-line {
   word-break: break-all;
 }
 
@@ -2201,12 +2201,12 @@ input[data-v-029a43f5]::placeholder {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
-.app-exit-button[data-v-6e1ebfa0] {
+.app-exit-button[data-v-3a29d7a0] {
   color: #fff;
   background: #0000001a;
 }
 
-.app-exit-button[data-v-6e1ebfa0]:hover {
+.app-exit-button[data-v-3a29d7a0]:hover {
   background: #ffffff1a;
 }
 
@@ -2875,6 +2875,10 @@ input[data-v-029a43f5]::placeholder {
   width: fit-content !important;
 }
 
+.scalar-app .w-2\/3 {
+  width: 66.6667%;
+}
+
 .scalar-app .w-\[38px\] {
   width: 38px;
 }
@@ -3651,6 +3655,10 @@ input[data-v-029a43f5]::placeholder {
   color: var(--scalar-button-1-color);
 }
 
+.scalar-app .text-current {
+  color: currentColor;
+}
+
 .scalar-app .text-transparent {
   color: #0000;
 }
@@ -4092,6 +4100,10 @@ input[data-v-029a43f5]::placeholder {
   content: var(--tw-content);
 }
 
+.scalar-app .first\:ml-auto:first-child {
+  margin-left: auto;
+}
+
 .scalar-app .first\:rounded-t-\[inherit\]:first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
@@ -4117,6 +4129,10 @@ input[data-v-029a43f5]::placeholder {
   border-bottom-width: 0;
 }
 
+.scalar-app .empty\:hidden:empty {
+  display: none;
+}
+
 .scalar-app .focus-within\:opacity-100:focus-within {
   opacity: 1;
 }
@@ -5252,7 +5268,7 @@ input[data-v-029a43f5]::placeholder {
   gap: 10px;
 }
 
-.approvalSection[data-v-fb5102df] {
+.approvalSection[data-v-f493d089] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -5271,15 +5287,15 @@ input[data-v-029a43f5]::placeholder {
   top: 0;
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
-.approvalText[data-v-fb5102df] {
+.approvalText[data-v-f493d089] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.approveContainer[data-v-fb5102df] {
+.approveContainer[data-v-f493d089] {
   display: flex;
   gap: 5px;
 }
-.actionButton[data-v-fb5102df] {
+.actionButton[data-v-f493d089] {
   display: flex;
   align-items: center;
   font-weight: var(--scalar-semibold);
@@ -5287,12 +5303,12 @@ input[data-v-029a43f5]::placeholder {
   padding: 6px 12px;
   font-size: var(--scalar-font-size-3);
 }
-.rejectButton[data-v-fb5102df] {
+.rejectButton[data-v-f493d089] {
   color: white;
   background: var(--scalar-color-red);
 }
-.rejectButton[data-v-fb5102df]:hover,
-.rejectButton[data-v-fb5102df]:active {
+.rejectButton[data-v-f493d089]:hover,
+.rejectButton[data-v-f493d089]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
@@ -5300,12 +5316,12 @@ input[data-v-029a43f5]::placeholder {
   );
   color: white !important;
 }
-.approveButton[data-v-fb5102df] {
+.approveButton[data-v-f493d089] {
   color: white;
   background: var(--scalar-color-blue);
 }
-.approveButton[data-v-fb5102df]:hover,
-.approveButton[data-v-fb5102df]:active {
+.approveButton[data-v-f493d089]:hover,
+.approveButton[data-v-f493d089]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),

package/dist/vue-styles.css

@@ -592,7 +592,7 @@
   gap: 10px;
 }
 
-.approvalSection[data-v-fb5102df] {
+.approvalSection[data-v-f493d089] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -611,15 +611,15 @@
   top: 0;
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
-.approvalText[data-v-fb5102df] {
+.approvalText[data-v-f493d089] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.approveContainer[data-v-fb5102df] {
+.approveContainer[data-v-f493d089] {
   display: flex;
   gap: 5px;
 }
-.actionButton[data-v-fb5102df] {
+.actionButton[data-v-f493d089] {
   display: flex;
   align-items: center;
   font-weight: var(--scalar-semibold);
@@ -627,12 +627,12 @@
   padding: 6px 12px;
   font-size: var(--scalar-font-size-3);
 }
-.rejectButton[data-v-fb5102df] {
+.rejectButton[data-v-f493d089] {
   color: white;
   background: var(--scalar-color-red);
 }
-.rejectButton[data-v-fb5102df]:hover,
-.rejectButton[data-v-fb5102df]:active {
+.rejectButton[data-v-f493d089]:hover,
+.rejectButton[data-v-f493d089]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
@@ -640,12 +640,12 @@
   );
   color: white !important;
 }
-.approveButton[data-v-fb5102df] {
+.approveButton[data-v-f493d089] {
   color: white;
   background: var(--scalar-color-blue);
 }
-.approveButton[data-v-fb5102df]:hover,
-.approveButton[data-v-fb5102df]:active {
+.approveButton[data-v-f493d089]:hover,
+.approveButton[data-v-f493d089]:active {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.43",
+  "version": "0.12.44",
   "engines": {
     "node": ">=22"
   },
@@ -45,28 +45,28 @@
     "dist"
   ],
   "dependencies": {
-    "@ai-sdk/vue": "3.0.33",
-    "@scalar/api-client": "3.23.0",
-    "@scalar/components": "0.31.1",
-    "@scalar/helpers": "0.16.3",
-    "@scalar/icons": "0.7.6",
-    "@scalar/json-magic": "0.15.7",
+    "@ai-sdk/vue": "3.0.214",
+    "@scalar/api-client": "3.23.1",
+    "@scalar/components": "0.32.0",
+    "@scalar/helpers": "0.16.4",
+    "@scalar/icons": "0.7.7",
+    "@scalar/json-magic": "0.16.0",
     "@scalar/openapi-types": "0.9.8",
-    "@scalar/schemas": "0.13.2",
-    "@scalar/themes": "0.19.1",
-    "@scalar/types": "0.23.2",
+    "@scalar/schemas": "0.14.0",
+    "@scalar/themes": "0.19.2",
+    "@scalar/types": "0.24.0",
     "@scalar/use-toasts": "0.10.5",
     "@scalar/validation": "0.6.7",
-    "@scalar/workspace-store": "0.68.3",
+    "@scalar/workspace-store": "0.68.4",
     "@vueuse/core": "13.9.0",
-    "ai": "6.0.33",
+    "ai": "6.0.214",
     "js-base64": "^3.9.2",
     "neverpanic": "0.0.8",
     "truncate-json": "3.0.1",
     "vue": "^3.5.40"
   },
   "devDependencies": {
-    "@scalar/sidebar": "0.12.0",
+    "@scalar/sidebar": "0.12.1",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
     "@types/jsdom": "28.0.1",