@orvui/vue 0.0.0-stage → 0.1.1

package/dist/tool-approval-DCIGwm0_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-approval-DCIGwm0_.js","names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref","_createBlock","_createVNode","_toDisplayString","_createCommentVNode","_createTextVNode","_withCtx","AgentDisclosure","_Fragment","_renderList","_renderSlot","_sfc_main","_openBlock","_createBlock","_unref","AgentCode","_sfc_main","useReducedMotion","SPRING_PRESS","EASE_OUT","SPRING_SWAP","cn","useControllable","RenderNode","AgentDisclosure_default","AgentCode_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","ToolApproval_default","defineComponent","__emit","props","__props","emit","expanded","value","identity","useId","instance","getCurrentInstance","reduced","busy","computed","successful","label","tone","badgeClasses","hasAlways","watch","previous","openBlock","createElementBlock","createElementVNode","normalizeClass","unref","createBlock","LoaderCircle","CircleAlert","X","Check","ShieldCheck","createVNode","toDisplayString","createCommentVNode","_cache","createTextVNode","motion","withCtx","ChevronDown","Fragment","renderList","parameter","renderSlot","_ctx","AnimatePresence","ToolApprovalCode_default"],"sources":["../src/agents/tool-approval/src/ToolApproval.vue","../src/agents/tool-approval/src/ToolApproval.vue","../src/agents/tool-approval/src/ToolApprovalCode.vue","../src/agents/tool-approval/src/ToolApprovalCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Check,\n  ChevronDown,\n  CircleAlert,\n  LoaderCircle,\n  ShieldCheck,\n  X,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolApprovalStatus =\n  | \"pending\"\n  | \"approving\"\n  | \"approved\"\n  | \"denied\"\n  | \"running\"\n  | \"complete\"\n  | \"error\";\nexport interface ToolApprovalParameter {\n  id: string;\n  label: Content;\n  value: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title?: Content;\n    description?: Content;\n    parameters?: ToolApprovalParameter[];\n    status?: ToolApprovalStatus;\n    open?: boolean;\n    defaultOpen?: boolean;\n  }>(),\n  {\n    open: undefined,\n    title: \"Allow this tool to run?\",\n    parameters: () => [],\n    status: \"pending\",\n    defaultOpen: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  approve: [];\n  alwaysAllow: [];\n  deny: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst reduced = useReducedMotion();\nconst busy = computed(() => [\"approving\", \"running\"].includes(props.status));\nconst successful = computed(() =>\n  [\"approved\", \"complete\"].includes(props.status),\n);\nconst label = computed(\n  () =>\n    ({\n      pending: \"Approval required\",\n      approving: \"Approving\",\n      approved: \"Approved\",\n      denied: \"Denied\",\n      running: \"Running\",\n      complete: \"Completed\",\n      error: \"Failed\",\n    })[props.status],\n);\nconst tone = computed(() =>\n  props.status === \"pending\"\n    ? \"amber\"\n    : busy.value\n      ? \"blue\"\n      : successful.value\n        ? \"emerald\"\n        : \"rose\",\n);\nconst badgeClasses = {\n  amber:\n    \"border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400\",\n  blue: \"border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400\",\n  emerald:\n    \"border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  rose: \"border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400\",\n};\nconst hasAlways = () => !!instance?.vnode.props?.onAlwaysAllow;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (previous === \"pending\" && value !== previous) expanded.value = false;\n  },\n);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"busy\"\n    class=\"w-full overflow-hidden rounded-2xl border border-border/80 bg-muted/20 text-sm\"\n  >\n    <div class=\"flex items-start gap-3 p-4\">\n      <span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'mt-0.5 grid size-8 shrink-0 place-items-center rounded-xl border border-border/60 bg-background text-muted-foreground',\n            status === 'error' && 'text-destructive',\n          )\n        \"\n      >\n        <LoaderCircle\n          v-if=\"busy\"\n          :class=\"cn('size-4', !reduced && 'animate-spin')\"\n        /><CircleAlert v-else-if=\"status === 'error'\" class=\"size-4\" /><X\n          v-else-if=\"status === 'denied'\"\n          class=\"size-4\"\n        /><Check v-else-if=\"successful\" class=\"size-4\" /><ShieldCheck\n          v-else\n          class=\"size-4\"\n        />\n      </span>\n      <div class=\"min-w-0 flex-1\">\n        <div class=\"flex min-w-0 items-start justify-between gap-3\">\n          <div class=\"min-w-0\">\n            <div class=\"font-medium text-foreground\">\n              <RenderNode :node=\"title\" />\n            </div>\n            <div\n              class=\"mt-0.5 truncate font-mono text-xs text-muted-foreground\"\n            >\n              <RenderNode :node=\"tool\" />\n            </div>\n          </div>\n          <span\n            :class=\"\n              cn(\n                'shrink-0 rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors',\n                badgeClasses[tone],\n              )\n            \"\n            >{{ label }}</span\n          >\n        </div>\n        <p v-if=\"description\" class=\"mt-2 leading-5 text-muted-foreground\">\n          <RenderNode :node=\"description\" />\n        </p>\n        <button\n          v-if=\"parameters.length\"\n          type=\"button\"\n          :aria-expanded=\"expanded\"\n          :aria-controls=\"`${identity}-details`\"\n          @click=\"expanded = !expanded\"\n          class=\"mt-2 inline-flex items-center gap-1 rounded-md text-xs font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          View details<motion.span\n            aria-hidden=\"true\"\n            :animate=\"{ rotate: expanded ? 180 : 0 }\"\n            :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n            ><ChevronDown class=\"size-3.5\"\n          /></motion.span>\n        </button>\n      </div>\n    </div>\n    <AgentDisclosure :id=\"`${identity}-details`\" :open=\"expanded\"\n      ><dl\n        class=\"mx-4 mb-4 grid gap-2 rounded-xl border border-border/50 bg-background/70 p-3\"\n      >\n        <div\n          v-for=\"parameter in parameters\"\n          :key=\"parameter.id\"\n          class=\"grid grid-cols-[minmax(0,7rem)_minmax(0,1fr)] items-center gap-3 text-xs\"\n        >\n          <dt class=\"text-muted-foreground\">\n            <RenderNode :node=\"parameter.label\" />\n          </dt>\n          <dd class=\"min-w-0 break-words font-mono text-foreground/85\">\n            <RenderNode :node=\"parameter.value\" />\n          </dd>\n        </div>\n      </dl>\n      <slot\n    /></AgentDisclosure>\n    <AnimatePresence :initial=\"false\"\n      ><motion.div\n        v-if=\"status === 'pending'\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 4 }\"\n        :animate=\"{ opacity: 1, y: 0 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"{ duration: reduced ? 0.12 : 0.22, ease: EASE_OUT }\"\n        class=\"flex flex-wrap items-center gap-2 border-t border-border/60 px-4 py-3\"\n      >\n        <motion.button\n          type=\"button\"\n          @click=\"emit('approve')\"\n          :while-press=\"reduced ? undefined : { scale: 0.97 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"rounded-xl bg-foreground px-3 py-1.5 text-xs font-medium text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n          >Allow once</motion.button\n        >\n        <motion.button\n          v-if=\"hasAlways()\"\n          type=\"button\"\n          @click=\"emit('alwaysAllow')\"\n          :while-press=\"reduced ? undefined : { scale: 0.97 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"rounded-xl border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n          >Always allow</motion.button\n        >\n        <button\n          type=\"button\"\n          @click=\"emit('deny')\"\n          class=\"rounded-xl px-3 py-1.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          Deny\n        </button>\n      </motion.div></AnimatePresence\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Check,\n  ChevronDown,\n  CircleAlert,\n  LoaderCircle,\n  ShieldCheck,\n  X,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolApprovalStatus =\n  | \"pending\"\n  | \"approving\"\n  | \"approved\"\n  | \"denied\"\n  | \"running\"\n  | \"complete\"\n  | \"error\";\nexport interface ToolApprovalParameter {\n  id: string;\n  label: Content;\n  value: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title?: Content;\n    description?: Content;\n    parameters?: ToolApprovalParameter[];\n    status?: ToolApprovalStatus;\n    open?: boolean;\n    defaultOpen?: boolean;\n  }>(),\n  {\n    open: undefined,\n    title: \"Allow this tool to run?\",\n    parameters: () => [],\n    status: \"pending\",\n    defaultOpen: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  approve: [];\n  alwaysAllow: [];\n  deny: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst reduced = useReducedMotion();\nconst busy = computed(() => [\"approving\", \"running\"].includes(props.status));\nconst successful = computed(() =>\n  [\"approved\", \"complete\"].includes(props.status),\n);\nconst label = computed(\n  () =>\n    ({\n      pending: \"Approval required\",\n      approving: \"Approving\",\n      approved: \"Approved\",\n      denied: \"Denied\",\n      running: \"Running\",\n      complete: \"Completed\",\n      error: \"Failed\",\n    })[props.status],\n);\nconst tone = computed(() =>\n  props.status === \"pending\"\n    ? \"amber\"\n    : busy.value\n      ? \"blue\"\n      : successful.value\n        ? \"emerald\"\n        : \"rose\",\n);\nconst badgeClasses = {\n  amber:\n    \"border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400\",\n  blue: \"border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400\",\n  emerald:\n    \"border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  rose: \"border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400\",\n};\nconst hasAlways = () => !!instance?.vnode.props?.onAlwaysAllow;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (previous === \"pending\" && value !== previous) expanded.value = false;\n  },\n);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"busy\"\n    class=\"w-full overflow-hidden rounded-2xl border border-border/80 bg-muted/20 text-sm\"\n  >\n    <div class=\"flex items-start gap-3 p-4\">\n      <span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'mt-0.5 grid size-8 shrink-0 place-items-center rounded-xl border border-border/60 bg-background text-muted-foreground',\n            status === 'error' && 'text-destructive',\n          )\n        \"\n      >\n        <LoaderCircle\n          v-if=\"busy\"\n          :class=\"cn('size-4', !reduced && 'animate-spin')\"\n        /><CircleAlert v-else-if=\"status === 'error'\" class=\"size-4\" /><X\n          v-else-if=\"status === 'denied'\"\n          class=\"size-4\"\n        /><Check v-else-if=\"successful\" class=\"size-4\" /><ShieldCheck\n          v-else\n          class=\"size-4\"\n        />\n      </span>\n      <div class=\"min-w-0 flex-1\">\n        <div class=\"flex min-w-0 items-start justify-between gap-3\">\n          <div class=\"min-w-0\">\n            <div class=\"font-medium text-foreground\">\n              <RenderNode :node=\"title\" />\n            </div>\n            <div\n              class=\"mt-0.5 truncate font-mono text-xs text-muted-foreground\"\n            >\n              <RenderNode :node=\"tool\" />\n            </div>\n          </div>\n          <span\n            :class=\"\n              cn(\n                'shrink-0 rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors',\n                badgeClasses[tone],\n              )\n            \"\n            >{{ label }}</span\n          >\n        </div>\n        <p v-if=\"description\" class=\"mt-2 leading-5 text-muted-foreground\">\n          <RenderNode :node=\"description\" />\n        </p>\n        <button\n          v-if=\"parameters.length\"\n          type=\"button\"\n          :aria-expanded=\"expanded\"\n          :aria-controls=\"`${identity}-details`\"\n          @click=\"expanded = !expanded\"\n          class=\"mt-2 inline-flex items-center gap-1 rounded-md text-xs font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          View details<motion.span\n            aria-hidden=\"true\"\n            :animate=\"{ rotate: expanded ? 180 : 0 }\"\n            :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n            ><ChevronDown class=\"size-3.5\"\n          /></motion.span>\n        </button>\n      </div>\n    </div>\n    <AgentDisclosure :id=\"`${identity}-details`\" :open=\"expanded\"\n      ><dl\n        class=\"mx-4 mb-4 grid gap-2 rounded-xl border border-border/50 bg-background/70 p-3\"\n      >\n        <div\n          v-for=\"parameter in parameters\"\n          :key=\"parameter.id\"\n          class=\"grid grid-cols-[minmax(0,7rem)_minmax(0,1fr)] items-center gap-3 text-xs\"\n        >\n          <dt class=\"text-muted-foreground\">\n            <RenderNode :node=\"parameter.label\" />\n          </dt>\n          <dd class=\"min-w-0 break-words font-mono text-foreground/85\">\n            <RenderNode :node=\"parameter.value\" />\n          </dd>\n        </div>\n      </dl>\n      <slot\n    /></AgentDisclosure>\n    <AnimatePresence :initial=\"false\"\n      ><motion.div\n        v-if=\"status === 'pending'\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 4 }\"\n        :animate=\"{ opacity: 1, y: 0 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"{ duration: reduced ? 0.12 : 0.22, ease: EASE_OUT }\"\n        class=\"flex flex-wrap items-center gap-2 border-t border-border/60 px-4 py-3\"\n      >\n        <motion.button\n          type=\"button\"\n          @click=\"emit('approve')\"\n          :while-press=\"reduced ? undefined : { scale: 0.97 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"rounded-xl bg-foreground px-3 py-1.5 text-xs font-medium text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n          >Allow once</motion.button\n        >\n        <motion.button\n          v-if=\"hasAlways()\"\n          type=\"button\"\n          @click=\"emit('alwaysAllow')\"\n          :while-press=\"reduced ? undefined : { scale: 0.97 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"rounded-xl border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n          >Always allow</motion.button\n        >\n        <button\n          type=\"button\"\n          @click=\"emit('deny')\"\n          class=\"rounded-xl px-3 py-1.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          Deny\n        </button>\n      </motion.div></AnimatePresence\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { AgentCode, type AgentCodeLanguage } from \"../../code-block\";\nconst props = withDefaults(\n  defineProps<{ code: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"props.code\"\n    :language=\"props.language\"\n    class=\"whitespace-pre-wrap break-words rounded-lg border border-border/50 bg-muted/30 px-2.5 py-2\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { AgentCode, type AgentCodeLanguage } from \"../../code-block\";\nconst props = withDefaults(\n  defineProps<{ code: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"props.code\"\n    :language=\"props.language\"\n    class=\"whitespace-pre-wrap break-words rounded-lg border border-border/50 bg-muted/30 px-2.5 py-2\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/tool-result-DDQUYu2p.js

@@ -0,0 +1,246 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { l as t, u as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { n as i } from "./action-swap-CIPNHnoQ.js";
+import { r as a, t as o } from "./shared-DAEawhBJ.js";
+import { t as ee } from "./shared-ByEZ4bm_.js";
+import { t as te } from "./stream-follow-D51R7eNh.js";
+import { t as ne } from "./AgentDisclosure-BaLK1NwF.js";
+import { t as s } from "./AgentCode-DaATZ4-i.js";
+import { computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, getCurrentInstance as re, normalizeClass as g, normalizeStyle as _, onUpdated as ie, openBlock as v, ref as ae, renderSlot as oe, resolveDynamicComponent as y, toDisplayString as b, unref as x, useId as se, useSlots as S, watch as ce, withCtx as C } from "vue";
+import { motion as w } from "motion-v";
+import { Ban as le, Braces as T, Check as E, ChevronDown as D, CircleCheck as O, CircleX as k, Copy as A, LoaderCircle as j, RotateCcw as M, SquareTerminal as N, Wrench as P } from "lucide-vue-next";
+// src/agents/tool-result/src/ToolResult.vue?vue&type=script&setup=true&lang.ts
+var F = ["data-state", "aria-busy"], I = [
+	"id",
+	"aria-expanded",
+	"aria-controls"
+], L = {
+	"aria-hidden": "true",
+	class: "grid size-4 shrink-0 place-items-center text-muted-foreground"
+}, R = { class: "flex min-w-0 flex-1 items-baseline gap-2" }, z = { class: "min-w-0 truncate font-medium text-foreground/90" }, ue = {
+	key: 0,
+	class: "shrink-0 text-xs text-muted-foreground/60"
+}, B = { class: "min-w-0 truncate font-mono text-[11px] text-muted-foreground/55" }, V = { class: "pl-6 pt-1.5" }, H = { class: "overflow-hidden rounded-xl bg-muted/80" }, U = {
+	key: 0,
+	class: "flex items-center gap-0.5 px-2 pb-1.5"
+}, de = { class: "ml-auto text-[11px] text-muted-foreground/55" }, W = /* @__PURE__ */ h({
+	__name: "ToolResult",
+	props: {
+		tool: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		title: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		status: { default: "running" },
+		kind: { default: "custom" },
+		meta: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		collapseOnComplete: {
+			type: Boolean,
+			default: !0
+		},
+		maxHeight: { default: 220 },
+		copyText: {},
+		onCopy: {},
+		contentClassName: {}
+	},
+	emits: [
+		"update:open",
+		"openChange",
+		"retry"
+	],
+	setup(s, { emit: h }) {
+		let S = s, W = h, G = a(() => S.open, S.defaultOpen, (e) => {
+			W("update:open", e), W("openChange", e);
+		}), { copy: fe, copied: K } = ee(() => S.copyText ?? "", () => S.onCopy ? S.onCopy() : navigator.clipboard.writeText(S.copyText ?? "")), q = e(), J = se(), Y = re(), X = ae(), Z = () => !!Y?.vnode.props?.onRetry, Q = c(() => ({
+			running: {
+				label: "Running",
+				classes: "text-blue-600 dark:text-blue-400",
+				icon: j
+			},
+			success: {
+				label: "Completed",
+				classes: "text-emerald-600 dark:text-emerald-400",
+				icon: O
+			},
+			error: {
+				label: "Failed",
+				classes: "text-rose-600 dark:text-rose-400",
+				icon: k
+			},
+			cancelled: {
+				label: "Cancelled",
+				classes: "text-muted-foreground",
+				icon: le
+			}
+		})[S.status]), pe = c(() => ({
+			terminal: N,
+			request: T,
+			custom: P
+		})[S.kind]), $ = (e, t) => typeof e == "string" || typeof e == "number" ? String(e) : S.status + t;
+		ce(() => S.status, (e, t) => {
+			e === "running" && t !== e ? G.value = !0 : t === "running" && S.collapseOnComplete && (G.value = !1);
+		});
+		let me = te(X, () => G.value && S.status === "running", q, [G, () => S.status]);
+		return ie(me), (e, a) => (v(), d("div", {
+			"data-state": s.status,
+			"aria-busy": s.status === "running",
+			class: "w-full text-sm"
+		}, [f("button", {
+			id: `${x(J)}-trigger`,
+			type: "button",
+			"aria-expanded": x(G),
+			"aria-controls": `${x(J)}-content`,
+			onClick: a[0] ||= (e) => G.value = !x(G),
+			class: "group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+		}, [
+			f("span", L, [s.icon ? (v(), l(x(o), {
+				key: 0,
+				node: s.icon
+			}, null, 8, ["node"])) : (v(), l(y(pe.value), {
+				key: 1,
+				class: "size-4"
+			}))]),
+			f("span", R, [
+				f("span", z, [m(x(i), { value: $(s.title, "") }, {
+					default: C(() => [m(x(o), { node: s.title }, null, 8, ["node"])]),
+					_: 1
+				}, 8, ["value"])]),
+				s.meta ? (v(), d("span", ue, [m(x(i), { value: $(s.meta, "-meta") }, {
+					default: C(() => [m(x(o), { node: s.meta }, null, 8, ["node"])]),
+					_: 1
+				}, 8, ["value"])])) : u("", !0),
+				f("span", B, [m(x(i), { value: $(s.tool, "-tool") }, {
+					default: C(() => [m(x(o), { node: s.tool }, null, 8, ["node"])]),
+					_: 1
+				}, 8, ["value"])])
+			]),
+			f("span", { class: g(x(r)("inline-flex shrink-0 items-center gap-1 text-[11px] font-medium", Q.value.classes)) }, [(v(), l(y(Q.value.icon), { class: g(x(r)("size-3", s.status === "running" && !x(q) && "animate-spin")) }, null, 8, ["class"])), m(x(i), { value: s.status }, {
+				default: C(() => [p(b(Q.value.label), 1)]),
+				_: 1
+			}, 8, ["value"])], 2),
+			m(x(w).span, {
+				"aria-hidden": "true",
+				class: "shrink-0 text-muted-foreground/70 transition-colors group-hover:text-muted-foreground",
+				animate: { rotate: x(G) ? 180 : 0 },
+				transition: x(q) ? { duration: 0 } : x(n)
+			}, {
+				default: C(() => [m(x(D), { class: "size-3.5" })]),
+				_: 1
+			}, 8, ["animate", "transition"])
+		], 8, I), m(ne, {
+			id: `${x(J)}-content`,
+			role: "region",
+			"aria-labelledby": `${x(J)}-trigger`,
+			open: x(G)
+		}, {
+			default: C(() => [f("div", V, [f("div", H, [f("div", {
+				ref_key: "viewport",
+				ref: X,
+				role: "log",
+				"aria-live": "polite",
+				class: "scrollbar-hide overflow-y-auto",
+				style: _({ maxHeight: `${s.maxHeight}px` })
+			}, [f("div", { class: g(x(r)("p-3", s.contentClassName)) }, [oe(e.$slots, "default")], 2)], 4), s.copyText || s.onCopy || Z() ? (v(), d("div", U, [
+				s.copyText || s.onCopy ? (v(), l(x(w).button, {
+					key: 0,
+					type: "button",
+					"aria-label": x(K) ? "Copied" : "Copy result",
+					title: x(K) ? "Copied" : "Copy result",
+					onClick: x(fe),
+					"while-press": x(q) ? void 0 : { scale: .9 },
+					transition: x(t),
+					class: "grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+				}, {
+					default: C(() => [x(K) ? (v(), l(x(E), {
+						key: 0,
+						class: "size-3.5"
+					})) : (v(), l(x(A), {
+						key: 1,
+						class: "size-3.5"
+					}))]),
+					_: 1
+				}, 8, [
+					"aria-label",
+					"title",
+					"onClick",
+					"while-press",
+					"transition"
+				])) : u("", !0),
+				Z() ? (v(), l(x(w).button, {
+					key: 1,
+					type: "button",
+					"aria-label": "Run again",
+					title: "Run again",
+					onClick: a[1] ||= (e) => W("retry"),
+					"while-press": x(q) ? void 0 : { scale: .9 },
+					transition: x(t),
+					class: "grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+				}, {
+					default: C(() => [m(x(M), { class: "size-3.5" })]),
+					_: 1
+				}, 8, ["while-press", "transition"])) : u("", !0),
+				f("span", de, [m(x(i), { value: s.status }, {
+					default: C(() => [p(b(Q.value.label), 1)]),
+					_: 1
+				}, 8, ["value"])])
+			])) : u("", !0)])])]),
+			_: 3
+		}, 8, [
+			"id",
+			"aria-labelledby",
+			"open"
+		])], 8, F));
+	}
+}), G = /* @__PURE__ */ h({
+	__name: "ToolResultOutput",
+	props: {
+		code: {},
+		language: { default: "bash" }
+	},
+	setup(e) {
+		let t = e, n = S(), r = c(() => t.code ?? (n.default?.() ?? []).reduce((e, t) => e + (typeof t.children == "string" ? t.children : ""), ""));
+		return (t, n) => (v(), l(s, {
+			code: r.value,
+			language: e.language,
+			class: "whitespace-pre-wrap break-words text-foreground/80"
+		}, null, 8, ["code", "language"]));
+	}
+});
+export { W as n, G as t };
+
+//# sourceMappingURL=tool-result-DDQUYu2p.js.map

package/dist/tool-result-DDQUYu2p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool-result-DDQUYu2p.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createBlock","_resolveDynamicComponent","_createVNode","ActionSwapRollText","_withCtx","_createCommentVNode","_normalizeClass","_createTextVNode","_toDisplayString","AgentDisclosure","_normalizeStyle","_renderSlot","_sfc_main","_openBlock","_createBlock","AgentCode","_sfc_main","useReducedMotion","SPRING_PRESS","SPRING_SWAP","cn","ActionSwapRollText_default","useControllable","RenderNode","useClipboard","useStreamFollow","AgentDisclosure_default","AgentCode_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","ToolResult_default","defineComponent","__emit","props","__props","emit","expanded","value","reduced","identity","useId","instance","getCurrentInstance","viewport","ref","hasRetry","state","computed","LoaderCircle","CircleCheck","CircleX","Ban","kindIcon","SquareTerminal","Braces","Wrench","valueKey","suffix","previous","follow","onUpdated","openBlock","createElementBlock","createElementVNode","unref","_cache","createBlock","resolveDynamicComponent","createVNode","withCtx","createCommentVNode","normalizeClass","createTextVNode","toDisplayString","motion","ChevronDown","normalizeStyle","renderSlot","_ctx","copied","copy","Check","Copy","RotateCcw","ToolResultOutput_default","slots","useSlots","text","node"],"sources":["../src/agents/tool-result/src/ToolResult.vue","../src/agents/tool-result/src/ToolResult.vue","../src/agents/tool-result/src/ToolResultOutput.vue","../src/agents/tool-result/src/ToolResultOutput.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onUpdated,\n  ref,\n  useId,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  Ban,\n  Braces,\n  Check,\n  ChevronDown,\n  CircleCheck,\n  CircleX,\n  Copy,\n  LoaderCircle,\n  RotateCcw,\n  SquareTerminal,\n  Wrench,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport {\n  RenderNode,\n  useClipboard,\n  useControllable,\n  type Content,\n} from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolResultStatus = \"running\" | \"success\" | \"error\" | \"cancelled\";\nexport type ToolResultKind = \"terminal\" | \"request\" | \"custom\";\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title: Content;\n    status?: ToolResultStatus;\n    kind?: ToolResultKind;\n    meta?: Content;\n    icon?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n    contentClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    status: \"running\",\n    kind: \"custom\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 220,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  retry: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst viewport = ref<HTMLElement>();\nconst hasRetry = () => !!instance?.vnode.props?.onRetry;\nconst state = computed(\n  () =>\n    ({\n      running: {\n        label: \"Running\",\n        classes: \"text-blue-600 dark:text-blue-400\",\n        icon: LoaderCircle,\n      },\n      success: {\n        label: \"Completed\",\n        classes: \"text-emerald-600 dark:text-emerald-400\",\n        icon: CircleCheck,\n      },\n      error: {\n        label: \"Failed\",\n        classes: \"text-rose-600 dark:text-rose-400\",\n        icon: CircleX,\n      },\n      cancelled: {\n        label: \"Cancelled\",\n        classes: \"text-muted-foreground\",\n        icon: Ban,\n      },\n    })[props.status],\n);\nconst kindIcon = computed(\n  () =>\n    ({ terminal: SquareTerminal, request: Braces, custom: Wrench })[props.kind],\n);\nconst valueKey = (value: Content, suffix: string) =>\n  typeof value === \"string\" || typeof value === \"number\"\n    ? String(value)\n    : props.status + suffix;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (value === \"running\" && previous !== value) expanded.value = true;\n    else if (previous === \"running\" && props.collapseOnComplete)\n      expanded.value = false;\n  },\n);\nconst follow = useStreamFollow(\n  viewport,\n  () => expanded.value && props.status === \"running\",\n  reduced,\n  [expanded, () => props.status],\n);\nonUpdated(follow);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"status === 'running'\"\n    class=\"w-full text-sm\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"grid size-4 shrink-0 place-items-center text-muted-foreground\"\n        ><RenderNode v-if=\"icon\" :node=\"icon\" /><component\n          v-else\n          :is=\"kindIcon\"\n          class=\"size-4\"\n      /></span>\n      <span class=\"flex min-w-0 flex-1 items-baseline gap-2\"\n        ><span class=\"min-w-0 truncate font-medium text-foreground/90\"\n          ><ActionSwapRollText :value=\"valueKey(title, '')\"\n            ><RenderNode :node=\"title\" /></ActionSwapRollText></span\n        ><span v-if=\"meta\" class=\"shrink-0 text-xs text-muted-foreground/60\"\n          ><ActionSwapRollText :value=\"valueKey(meta, '-meta')\"\n            ><RenderNode :node=\"meta\" /></ActionSwapRollText></span\n        ><span\n          class=\"min-w-0 truncate font-mono text-[11px] text-muted-foreground/55\"\n          ><ActionSwapRollText :value=\"valueKey(tool, '-tool')\"\n            ><RenderNode :node=\"tool\" /></ActionSwapRollText></span\n      ></span>\n      <span\n        :class=\"\n          cn(\n            'inline-flex shrink-0 items-center gap-1 text-[11px] font-medium',\n            state.classes,\n          )\n        \"\n        ><component\n          :is=\"state.icon\"\n          :class=\"\n            cn('size-3', status === 'running' && !reduced && 'animate-spin')\n          \"\n        /><ActionSwapRollText :value=\"status\">{{\n          state.label\n        }}</ActionSwapRollText></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"shrink-0 text-muted-foreground/70 transition-colors group-hover:text-muted-foreground\"\n        :animate=\"{ rotate: expanded ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure\n      :id=\"`${identity}-content`\"\n      role=\"region\"\n      :aria-labelledby=\"`${identity}-trigger`\"\n      :open=\"expanded\"\n      ><div class=\"pl-6 pt-1.5\">\n        <div class=\"overflow-hidden rounded-xl bg-muted/80\">\n          <div\n            ref=\"viewport\"\n            role=\"log\"\n            aria-live=\"polite\"\n            class=\"scrollbar-hide overflow-y-auto\"\n            :style=\"{ maxHeight: `${maxHeight}px` }\"\n          >\n            <div :class=\"cn('p-3', contentClassName)\"><slot /></div>\n          </div>\n          <div\n            v-if=\"copyText || onCopy || hasRetry()\"\n            class=\"flex items-center gap-0.5 px-2 pb-1.5\"\n          >\n            <motion.button\n              v-if=\"copyText || onCopy\"\n              type=\"button\"\n              :aria-label=\"copied ? 'Copied' : 'Copy result'\"\n              :title=\"copied ? 'Copied' : 'Copy result'\"\n              @click=\"copy\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n                v-else\n                class=\"size-3.5\"\n            /></motion.button>\n            <motion.button\n              v-if=\"hasRetry()\"\n              type=\"button\"\n              aria-label=\"Run again\"\n              title=\"Run again\"\n              @click=\"emit('retry')\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><RotateCcw class=\"size-3.5\"\n            /></motion.button>\n            <span class=\"ml-auto text-[11px] text-muted-foreground/55\"\n              ><ActionSwapRollText :value=\"status\">{{\n                state.label\n              }}</ActionSwapRollText></span\n            >\n          </div>\n        </div>\n      </div></AgentDisclosure\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onUpdated,\n  ref,\n  useId,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  Ban,\n  Braces,\n  Check,\n  ChevronDown,\n  CircleCheck,\n  CircleX,\n  Copy,\n  LoaderCircle,\n  RotateCcw,\n  SquareTerminal,\n  Wrench,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport {\n  RenderNode,\n  useClipboard,\n  useControllable,\n  type Content,\n} from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolResultStatus = \"running\" | \"success\" | \"error\" | \"cancelled\";\nexport type ToolResultKind = \"terminal\" | \"request\" | \"custom\";\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title: Content;\n    status?: ToolResultStatus;\n    kind?: ToolResultKind;\n    meta?: Content;\n    icon?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n    contentClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    status: \"running\",\n    kind: \"custom\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 220,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  retry: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst viewport = ref<HTMLElement>();\nconst hasRetry = () => !!instance?.vnode.props?.onRetry;\nconst state = computed(\n  () =>\n    ({\n      running: {\n        label: \"Running\",\n        classes: \"text-blue-600 dark:text-blue-400\",\n        icon: LoaderCircle,\n      },\n      success: {\n        label: \"Completed\",\n        classes: \"text-emerald-600 dark:text-emerald-400\",\n        icon: CircleCheck,\n      },\n      error: {\n        label: \"Failed\",\n        classes: \"text-rose-600 dark:text-rose-400\",\n        icon: CircleX,\n      },\n      cancelled: {\n        label: \"Cancelled\",\n        classes: \"text-muted-foreground\",\n        icon: Ban,\n      },\n    })[props.status],\n);\nconst kindIcon = computed(\n  () =>\n    ({ terminal: SquareTerminal, request: Braces, custom: Wrench })[props.kind],\n);\nconst valueKey = (value: Content, suffix: string) =>\n  typeof value === \"string\" || typeof value === \"number\"\n    ? String(value)\n    : props.status + suffix;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (value === \"running\" && previous !== value) expanded.value = true;\n    else if (previous === \"running\" && props.collapseOnComplete)\n      expanded.value = false;\n  },\n);\nconst follow = useStreamFollow(\n  viewport,\n  () => expanded.value && props.status === \"running\",\n  reduced,\n  [expanded, () => props.status],\n);\nonUpdated(follow);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"status === 'running'\"\n    class=\"w-full text-sm\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"grid size-4 shrink-0 place-items-center text-muted-foreground\"\n        ><RenderNode v-if=\"icon\" :node=\"icon\" /><component\n          v-else\n          :is=\"kindIcon\"\n          class=\"size-4\"\n      /></span>\n      <span class=\"flex min-w-0 flex-1 items-baseline gap-2\"\n        ><span class=\"min-w-0 truncate font-medium text-foreground/90\"\n          ><ActionSwapRollText :value=\"valueKey(title, '')\"\n            ><RenderNode :node=\"title\" /></ActionSwapRollText></span\n        ><span v-if=\"meta\" class=\"shrink-0 text-xs text-muted-foreground/60\"\n          ><ActionSwapRollText :value=\"valueKey(meta, '-meta')\"\n            ><RenderNode :node=\"meta\" /></ActionSwapRollText></span\n        ><span\n          class=\"min-w-0 truncate font-mono text-[11px] text-muted-foreground/55\"\n          ><ActionSwapRollText :value=\"valueKey(tool, '-tool')\"\n            ><RenderNode :node=\"tool\" /></ActionSwapRollText></span\n      ></span>\n      <span\n        :class=\"\n          cn(\n            'inline-flex shrink-0 items-center gap-1 text-[11px] font-medium',\n            state.classes,\n          )\n        \"\n        ><component\n          :is=\"state.icon\"\n          :class=\"\n            cn('size-3', status === 'running' && !reduced && 'animate-spin')\n          \"\n        /><ActionSwapRollText :value=\"status\">{{\n          state.label\n        }}</ActionSwapRollText></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"shrink-0 text-muted-foreground/70 transition-colors group-hover:text-muted-foreground\"\n        :animate=\"{ rotate: expanded ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure\n      :id=\"`${identity}-content`\"\n      role=\"region\"\n      :aria-labelledby=\"`${identity}-trigger`\"\n      :open=\"expanded\"\n      ><div class=\"pl-6 pt-1.5\">\n        <div class=\"overflow-hidden rounded-xl bg-muted/80\">\n          <div\n            ref=\"viewport\"\n            role=\"log\"\n            aria-live=\"polite\"\n            class=\"scrollbar-hide overflow-y-auto\"\n            :style=\"{ maxHeight: `${maxHeight}px` }\"\n          >\n            <div :class=\"cn('p-3', contentClassName)\"><slot /></div>\n          </div>\n          <div\n            v-if=\"copyText || onCopy || hasRetry()\"\n            class=\"flex items-center gap-0.5 px-2 pb-1.5\"\n          >\n            <motion.button\n              v-if=\"copyText || onCopy\"\n              type=\"button\"\n              :aria-label=\"copied ? 'Copied' : 'Copy result'\"\n              :title=\"copied ? 'Copied' : 'Copy result'\"\n              @click=\"copy\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n                v-else\n                class=\"size-3.5\"\n            /></motion.button>\n            <motion.button\n              v-if=\"hasRetry()\"\n              type=\"button\"\n              aria-label=\"Run again\"\n              title=\"Run again\"\n              @click=\"emit('retry')\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><RotateCcw class=\"size-3.5\"\n            /></motion.button>\n            <span class=\"ml-auto text-[11px] text-muted-foreground/55\"\n              ><ActionSwapRollText :value=\"status\">{{\n                state.label\n              }}</ActionSwapRollText></span\n            >\n          </div>\n        </div>\n      </div></AgentDisclosure\n    >\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport AgentCode, { type AgentCodeLanguage } from \"../../code-block/src/AgentCode.vue\";\nconst props = withDefaults(\n  defineProps<{ code?: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\nconst slots = useSlots();\nconst value = computed(\n  () =>\n    props.code ??\n    (slots.default?.() ?? []).reduce(\n      (text, node) =>\n        text + (typeof node.children === \"string\" ? node.children : \"\"),\n      \"\",\n    ),\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"value\"\n    :language=\"language\"\n    class=\"whitespace-pre-wrap break-words text-foreground/80\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport AgentCode, { type AgentCodeLanguage } from \"../../code-block/src/AgentCode.vue\";\nconst props = withDefaults(\n  defineProps<{ code?: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\nconst slots = useSlots();\nconst value = computed(\n  () =>\n    props.code ??\n    (slots.default?.() ?? []).reduce(\n      (text, node) =>\n        text + (typeof node.children === \"string\" ? node.children : \"\"),\n      \"\",\n    ),\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"value\"\n    :language=\"language\"\n    class=\"whitespace-pre-wrap break-words text-foreground/80\"\n  />\n</template>\n"],"mappings":"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"}