@orvui/vue 0.0.0-stage → 0.1.0

package/dist/todo-list-BIQAOmls.js

@@ -0,0 +1,366 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { o as t, r as n, u as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { n as a } from "./action-swap-CIPNHnoQ.js";
+import { r as o, t as s } from "./shared-DAEawhBJ.js";
+import { t as c } from "./stream-follow-D51R7eNh.js";
+import { t as l } from "./AgentDisclosure-BaLK1NwF.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, normalizeStyle as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, useId as E, watch as D, withCtx as O } from "vue";
+import { AnimatePresence as k, motion as A } from "motion-v";
+import { ChevronDown as j, ListTodo as M } from "lucide-vue-next";
+// src/agents/todo-list/src/TodoHeaderIcon.vue?vue&type=script&setup=true&lang.ts
+var N = {
+	"aria-hidden": "true",
+	class: "relative grid size-6 shrink-0 place-items-center"
+}, P = /* @__PURE__ */ v({
+	__name: "TodoHeaderIcon",
+	props: { complete: { type: Boolean } },
+	setup(t) {
+		let i = e(), a = [
+			[7.8, 12],
+			[10.7, 15],
+			[16.4, 9.3]
+		].map(([e, t], n) => `${n ? "L" : "M"}${e} ${t}`).join("");
+		return (e, o) => (x(), m("span", N, [_(T(k), {
+			initial: !1,
+			mode: "popLayout"
+		}, {
+			default: O(() => [t.complete ? (x(), f(T(A).svg, {
+				key: "complete",
+				viewBox: "0 0 24 24",
+				class: "absolute size-5.5 overflow-visible text-emerald-500",
+				initial: T(i) ? { opacity: 1 } : {
+					opacity: 0,
+					scale: .72
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: { opacity: 0 },
+				transition: T(i) ? { duration: 0 } : T(r)
+			}, {
+				default: O(() => [o[0] ||= h("circle", {
+					cx: "12",
+					cy: "12",
+					r: "9",
+					fill: "currentColor"
+				}, null, -1), _(T(A).path, {
+					d: T(a),
+					fill: "none",
+					stroke: "white",
+					"stroke-width": 2.25,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					initial: { pathLength: +!!T(i) },
+					animate: { pathLength: 1 },
+					transition: T(i) ? { duration: 0 } : {
+						duration: .24,
+						ease: T(n)
+					}
+				}, null, 8, [
+					"d",
+					"initial",
+					"transition"
+				])]),
+				_: 1
+			}, 8, ["initial", "transition"])) : (x(), f(T(A).span, {
+				key: "todo",
+				class: "absolute grid place-items-center text-muted-foreground",
+				initial: T(i) ? { opacity: 1 } : {
+					opacity: 0,
+					scale: .8
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: T(i) ? { opacity: 0 } : {
+					opacity: 0,
+					scale: .72
+				},
+				transition: T(i) ? { duration: 0 } : T(r)
+			}, {
+				default: O(() => [_(T(M), { class: "size-4" })]),
+				_: 1
+			}, 8, [
+				"initial",
+				"exit",
+				"transition"
+			]))]),
+			_: 1
+		})]));
+	}
+}), F = /* @__PURE__ */ v({
+	__name: "TodoStatusIcon",
+	props: {
+		status: {},
+		progress: {}
+	},
+	setup(r) {
+		let a = r, o = e(), s = d(() => a.status === "in-progress"), c = d(() => s.value && a.progress === void 0 && !o.value), l = d(() => a.progress === void 0 ? .68 : Math.max(0, Math.min(100, a.progress)) / 100), p = (e) => e.map(([e, t], n) => `${n ? "L" : "M"}${e} ${t}`).join(""), h = [{
+			state: "completed",
+			path: p([
+				[7.8, 12],
+				[10.7, 15],
+				[16.4, 9.3]
+			]),
+			duration: .24
+		}, {
+			state: "cancelled",
+			path: p([[8.8, 8.8], [15.2, 15.2]]) + p([[15.2, 8.8], [8.8, 15.2]]),
+			duration: .2
+		}];
+		return (e, a) => (x(), f(T(A).svg, {
+			"aria-hidden": "true",
+			viewBox: "0 0 24 24",
+			initial: !1,
+			class: y(T(i)("mx-0.5 size-5 shrink-0 overflow-visible text-muted-foreground", s.value && "text-foreground", r.status === "cancelled" && "text-rose-600 dark:text-rose-400"))
+		}, {
+			default: O(() => [
+				_(T(A).circle, {
+					cx: "12",
+					cy: "12",
+					r: "9",
+					fill: "currentColor",
+					stroke: "currentColor",
+					"stroke-width": 1.5,
+					"stroke-dasharray": r.status === "pending" ? "2 3" : void 0,
+					"stroke-linecap": "round",
+					initial: !1,
+					animate: { fillOpacity: r.status === "completed" ? .06 : 0 },
+					transition: T(o) ? { duration: 0 } : {
+						duration: .18,
+						ease: T(n)
+					},
+					class: y(s.value && "opacity-20")
+				}, null, 8, [
+					"stroke-dasharray",
+					"animate",
+					"transition",
+					"class"
+				]),
+				_(T(A).circle, {
+					cx: "12",
+					cy: "12",
+					r: "9",
+					pathLength: "1",
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": 2,
+					"stroke-linecap": "round",
+					initial: !1,
+					animate: {
+						pathLength: s.value ? l.value : 0,
+						opacity: Number(s.value),
+						rotate: c.value ? 360 : -90
+					},
+					transition: c.value ? { rotate: {
+						duration: 1.1,
+						repeat: Infinity,
+						ease: "linear"
+					} } : T(o) ? { duration: 0 } : T(t),
+					style: { transformOrigin: "12px 12px" }
+				}, null, 8, ["animate", "transition"]),
+				(x(), m(u, null, C(h, (e) => _(T(A).path, {
+					key: e.state,
+					d: e.path,
+					fill: "none",
+					stroke: "currentColor",
+					"stroke-width": 2,
+					"stroke-linecap": "round",
+					"stroke-linejoin": "round",
+					initial: !1,
+					animate: {
+						pathLength: Number(r.status === e.state),
+						opacity: Number(r.status === e.state)
+					},
+					transition: T(o) ? { duration: 0 } : {
+						duration: e.duration,
+						ease: T(n)
+					}
+				}, null, 8, [
+					"d",
+					"animate",
+					"transition"
+				])), 64))
+			]),
+			_: 1
+		}, 8, ["class"]));
+	}
+}), I = {
+	"aria-label": "Agent task list",
+	class: "w-full overflow-hidden rounded-2xl border border-border/70"
+}, L = [
+	"id",
+	"aria-expanded",
+	"aria-controls"
+], R = { class: "min-w-0 flex-1 truncate text-sm font-medium text-foreground/90" }, z = { class: "sr-only" }, B = {
+	"aria-hidden": "true",
+	class: "inline-flex"
+}, V = {
+	key: 0,
+	"aria-live": "polite",
+	class: "space-y-0"
+}, H = { class: "sr-only" }, U = { class: "relative inline-block max-w-full" }, W = {
+	key: 0,
+	class: "shrink-0 text-sm text-muted-foreground/55"
+}, G = {
+	key: 1,
+	class: "px-1.5 py-2 text-sm text-muted-foreground"
+}, K = /* @__PURE__ */ v({
+	__name: "TodoList",
+	props: {
+		items: {},
+		title: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "To-dos"
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		collapseOnComplete: {
+			type: Boolean,
+			default: !0
+		},
+		maxHeight: { default: 248 }
+	},
+	emits: ["update:open", "openChange"],
+	setup(v, { emit: M }) {
+		let N = v, K = M, q = o(() => N.open, N.defaultOpen, (e) => {
+			K("update:open", e), K("openChange", e);
+		}), J = e(), Y = E(), X = S(), Z = d(() => N.items.reduce((e, t) => e + Number(t.status === "completed"), 0)), Q = d(() => N.items.length > 0 && Z.value === N.items.length);
+		D(Q, (e, t) => {
+			t && !e && (q.value = !0), e && !t && N.collapseOnComplete && (q.value = !1);
+		}), c(X, () => N.items.length > 0, J, [() => N.items.length]);
+		let $ = {
+			pending: "Pending",
+			"in-progress": "In progress",
+			completed: "Completed",
+			cancelled: "Cancelled"
+		}, ee = {
+			pending: "text-muted-foreground/65",
+			"in-progress": "text-foreground",
+			completed: "text-muted-foreground/60",
+			cancelled: "text-muted-foreground/55"
+		};
+		return (e, o) => (x(), m("section", I, [h("button", {
+			id: `${T(Y)}-trigger`,
+			type: "button",
+			"aria-expanded": T(q),
+			"aria-controls": `${T(Y)}-content`,
+			onClick: o[0] ||= (e) => q.value = !T(q),
+			class: "group flex h-11 w-full items-center gap-2.5 rounded-2xl px-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring"
+		}, [
+			_(P, { complete: Q.value }, null, 8, ["complete"]),
+			h("h3", R, [_(T(s), { node: v.title }, null, 8, ["node"])]),
+			h("span", { class: y(T(i)("shrink-0 text-xs font-medium tabular-nums text-muted-foreground", Q.value && "text-emerald-600 dark:text-emerald-400")) }, [h("span", z, w(Z.value) + " of " + w(v.items.length) + " tasks completed", 1), h("span", B, [
+				_(T(a), { value: String(Z.value) }, {
+					default: O(() => [g(w(Z.value), 1)]),
+					_: 1
+				}, 8, ["value"]),
+				o[1] ||= h("span", null, "/", -1),
+				h("span", null, w(v.items.length), 1)
+			])], 2),
+			_(T(A).span, {
+				"aria-hidden": "true",
+				class: "text-muted-foreground/70 transition-colors group-hover:text-muted-foreground",
+				animate: { rotate: T(q) ? 180 : 0 },
+				transition: T(J) ? { duration: 0 } : T(r)
+			}, {
+				default: O(() => [_(T(j), { class: "size-3.5" })]),
+				_: 1
+			}, 8, ["animate", "transition"])
+		], 8, L), _(l, {
+			id: `${T(Y)}-content`,
+			role: "region",
+			"aria-labelledby": `${T(Y)}-trigger`,
+			open: T(q)
+		}, {
+			default: O(() => [h("div", {
+				ref_key: "viewport",
+				ref: X,
+				class: "scrollbar-hide overflow-y-auto px-2 pb-2",
+				style: b({ maxHeight: `${v.maxHeight}px` })
+			}, [v.items.length ? (x(), m("ol", V, [_(T(k), {
+				initial: !1,
+				mode: "popLayout"
+			}, {
+				default: O(() => [(x(!0), m(u, null, C(v.items, (e) => (x(), f(T(A).li, {
+					key: e.id,
+					layout: "position",
+					initial: T(J) ? { opacity: 1 } : {
+						opacity: 0,
+						y: 6
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					exit: T(J) ? { opacity: 0 } : {
+						opacity: 0,
+						y: -3
+					},
+					transition: T(J) ? { duration: 0 } : {
+						opacity: {
+							duration: .18,
+							ease: T(n)
+						},
+						y: T(t),
+						layout: T(t)
+					},
+					class: "flex min-h-9 items-center gap-2.5 rounded-xl px-1.5 py-1"
+				}, {
+					default: O(() => [
+						_(F, {
+							status: e.status ?? "pending",
+							progress: e.progress
+						}, null, 8, ["status", "progress"]),
+						h("span", H, w($[e.status ?? "pending"]) + ": ", 1),
+						h("span", { class: y(T(i)("min-w-0 flex-1 truncate text-sm leading-5", ee[e.status ?? "pending"])) }, [h("span", U, [_(T(s), { node: e.title }, null, 8, ["node"]), _(T(A).span, {
+							"aria-hidden": "true",
+							initial: !1,
+							animate: {
+								scaleX: +(e.status === "completed"),
+								opacity: +(e.status === "completed")
+							},
+							transition: T(J) ? { duration: 0 } : {
+								duration: .28,
+								ease: T(n),
+								delay: .06
+							},
+							class: "absolute inset-x-0 top-1/2 h-px origin-left bg-current"
+						}, null, 8, ["animate", "transition"])])], 2),
+						e.detail ? (x(), m("span", W, [_(T(s), { node: e.detail }, null, 8, ["node"])])) : p("", !0)
+					]),
+					_: 2
+				}, 1032, [
+					"initial",
+					"exit",
+					"transition"
+				]))), 128))]),
+				_: 1
+			})])) : (x(), m("p", G, " No tasks yet "))], 4)]),
+			_: 1
+		}, 8, [
+			"id",
+			"aria-labelledby",
+			"open"
+		])]));
+	}
+});
+export { K as t };
+
+//# sourceMappingURL=todo-list-BIQAOmls.js.map

package/dist/todo-list-BIQAOmls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"todo-list-BIQAOmls.js","names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_unref","_withCtx","_createBlock","_createElementVNode","_sfc_main","_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_createVNode","_createElementBlock","_Fragment","_renderList","_sfc_main","_openBlock","_createElementBlock","_createElementVNode","_unref","_createVNode","TodoHeaderIcon","_normalizeClass","_toDisplayString","ActionSwapRollText","_withCtx","_createTextVNode","AgentDisclosure","_normalizeStyle","_Fragment","_renderList","_createBlock","TodoStatusIcon","_createCommentVNode","_sfc_main","useReducedMotion","SPRING_LAYOUT","EASE_OUT","SPRING_SWAP","cn","ActionSwapRollText_default","useControllable","RenderNode","useStreamFollow","AgentDisclosure_default","_hoisted_1$1","TodoHeaderIcon_default","defineComponent","reduced","check","x","y","index","openBlock","createElementBlock","createVNode","unref","AnimatePresence","withCtx","__props","createBlock","motion","_cache","createElementVNode","ListTodo","TodoStatusIcon_default","props","advancing","computed","indeterminate","fraction","strokeThrough","points","marks","normalizeClass","Fragment","renderList","mark","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","TodoList_default","__emit","emit","expanded","value","identity","useId","viewport","ref","completed","count","item","finished","watch","previous","descriptions","tones","toDisplayString","createTextVNode","ChevronDown","normalizeStyle","createCommentVNode"],"sources":["../src/agents/todo-list/src/TodoHeaderIcon.vue","../src/agents/todo-list/src/TodoHeaderIcon.vue","../src/agents/todo-list/src/TodoStatusIcon.vue","../src/agents/todo-list/src/TodoStatusIcon.vue","../src/agents/todo-list/src/TodoList.vue","../src/agents/todo-list/src/TodoList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ListTodo } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineProps<{ complete: boolean }>();\nconst reduced = useReducedMotion();\n// Own normalized three-point mark; the path renderer retains the draw animation.\nconst check = [\n  [7.8, 12],\n  [10.7, 15],\n  [16.4, 9.3],\n]\n  .map(([x, y], index) => `${index ? \"L\" : \"M\"}${x} ${y}`)\n  .join(\"\");\n</script>\n<template>\n  <span\n    aria-hidden=\"true\"\n    class=\"relative grid size-6 shrink-0 place-items-center\"\n    ><AnimatePresence :initial=\"false\" mode=\"popLayout\">\n      <motion.svg\n        v-if=\"complete\"\n        key=\"complete\"\n        viewBox=\"0 0 24 24\"\n        class=\"absolute size-5.5 overflow-visible text-emerald-500\"\n        :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.72 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" /><motion.path\n          :d=\"check\"\n          fill=\"none\"\n          stroke=\"white\"\n          :stroke-width=\"2.25\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          :initial=\"{ pathLength: reduced ? 1 : 0 }\"\n          :animate=\"{ pathLength: 1 }\"\n          :transition=\"\n            reduced ? { duration: 0 } : { duration: 0.24, ease: EASE_OUT }\n          \"\n        />\n      </motion.svg>\n      <motion.span\n        v-else\n        key=\"todo\"\n        class=\"absolute grid place-items-center text-muted-foreground\"\n        :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.8 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.72 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ListTodo class=\"size-4\"\n      /></motion.span> </AnimatePresence\n  ></span>\n</template>\n","<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ListTodo } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineProps<{ complete: boolean }>();\nconst reduced = useReducedMotion();\n// Own normalized three-point mark; the path renderer retains the draw animation.\nconst check = [\n  [7.8, 12],\n  [10.7, 15],\n  [16.4, 9.3],\n]\n  .map(([x, y], index) => `${index ? \"L\" : \"M\"}${x} ${y}`)\n  .join(\"\");\n</script>\n<template>\n  <span\n    aria-hidden=\"true\"\n    class=\"relative grid size-6 shrink-0 place-items-center\"\n    ><AnimatePresence :initial=\"false\" mode=\"popLayout\">\n      <motion.svg\n        v-if=\"complete\"\n        key=\"complete\"\n        viewBox=\"0 0 24 24\"\n        class=\"absolute size-5.5 overflow-visible text-emerald-500\"\n        :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.72 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" /><motion.path\n          :d=\"check\"\n          fill=\"none\"\n          stroke=\"white\"\n          :stroke-width=\"2.25\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          :initial=\"{ pathLength: reduced ? 1 : 0 }\"\n          :animate=\"{ pathLength: 1 }\"\n          :transition=\"\n            reduced ? { duration: 0 } : { duration: 0.24, ease: EASE_OUT }\n          \"\n        />\n      </motion.svg>\n      <motion.span\n        v-else\n        key=\"todo\"\n        class=\"absolute grid place-items-center text-muted-foreground\"\n        :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.8 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.72 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ListTodo class=\"size-4\"\n      /></motion.span> </AnimatePresence\n  ></span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { TodoItemStatus } from \"./TodoList.vue\";\nconst props = defineProps<{ status: TodoItemStatus; progress?: number }>();\nconst reduced = useReducedMotion();\nconst advancing = computed(() => props.status === \"in-progress\");\nconst indeterminate = computed(\n  () => advancing.value && props.progress === undefined && !reduced.value,\n);\nconst fraction = computed(() =>\n  props.progress === undefined\n    ? 0.68\n    : Math.max(0, Math.min(100, props.progress)) / 100,\n);\nconst strokeThrough = (points: readonly (readonly [number, number])[]) =>\n  points.map(([x, y], index) => `${index ? \"L\" : \"M\"}${x} ${y}`).join(\"\");\n// Own normalized status marks, independent of the earlier copied path strings.\nconst marks = [\n  {\n    state: \"completed\",\n    path: strokeThrough([\n      [7.8, 12],\n      [10.7, 15],\n      [16.4, 9.3],\n    ]),\n    duration: 0.24,\n  },\n  {\n    state: \"cancelled\",\n    path:\n      strokeThrough([\n        [8.8, 8.8],\n        [15.2, 15.2],\n      ]) +\n      strokeThrough([\n        [15.2, 8.8],\n        [8.8, 15.2],\n      ]),\n    duration: 0.2,\n  },\n];\n</script>\n<template>\n  <motion.svg\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    :initial=\"false\"\n    :class=\"\n      cn(\n        'mx-0.5 size-5 shrink-0 overflow-visible text-muted-foreground',\n        advancing && 'text-foreground',\n        status === 'cancelled' && 'text-rose-600 dark:text-rose-400',\n      )\n    \"\n  >\n    <motion.circle\n      cx=\"12\"\n      cy=\"12\"\n      r=\"9\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      :stroke-width=\"1.5\"\n      :stroke-dasharray=\"status === 'pending' ? '2 3' : undefined\"\n      stroke-linecap=\"round\"\n      :initial=\"false\"\n      :animate=\"{ fillOpacity: status === 'completed' ? 0.06 : 0 }\"\n      :transition=\"\n        reduced ? { duration: 0 } : { duration: 0.18, ease: EASE_OUT }\n      \"\n      :class=\"advancing && 'opacity-20'\"\n    />\n    <motion.circle\n      cx=\"12\"\n      cy=\"12\"\n      r=\"9\"\n      pathLength=\"1\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      :stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      :initial=\"false\"\n      :animate=\"{\n        pathLength: advancing ? fraction : 0,\n        opacity: Number(advancing),\n        rotate: indeterminate ? 360 : -90,\n      }\"\n      :transition=\"\n        indeterminate\n          ? { rotate: { duration: 1.1, repeat: Infinity, ease: 'linear' } }\n          : reduced\n            ? { duration: 0 }\n            : SPRING_LAYOUT\n      \"\n      :style=\"{ transformOrigin: '12px 12px' }\"\n    />\n    <motion.path\n      v-for=\"mark in marks\"\n      :key=\"mark.state\"\n      :d=\"mark.path\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      :stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      :initial=\"false\"\n      :animate=\"{\n        pathLength: Number(status === mark.state),\n        opacity: Number(status === mark.state),\n      }\"\n      :transition=\"\n        reduced ? { duration: 0 } : { duration: mark.duration, ease: EASE_OUT }\n      \"\n    />\n  </motion.svg>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { TodoItemStatus } from \"./TodoList.vue\";\nconst props = defineProps<{ status: TodoItemStatus; progress?: number }>();\nconst reduced = useReducedMotion();\nconst advancing = computed(() => props.status === \"in-progress\");\nconst indeterminate = computed(\n  () => advancing.value && props.progress === undefined && !reduced.value,\n);\nconst fraction = computed(() =>\n  props.progress === undefined\n    ? 0.68\n    : Math.max(0, Math.min(100, props.progress)) / 100,\n);\nconst strokeThrough = (points: readonly (readonly [number, number])[]) =>\n  points.map(([x, y], index) => `${index ? \"L\" : \"M\"}${x} ${y}`).join(\"\");\n// Own normalized status marks, independent of the earlier copied path strings.\nconst marks = [\n  {\n    state: \"completed\",\n    path: strokeThrough([\n      [7.8, 12],\n      [10.7, 15],\n      [16.4, 9.3],\n    ]),\n    duration: 0.24,\n  },\n  {\n    state: \"cancelled\",\n    path:\n      strokeThrough([\n        [8.8, 8.8],\n        [15.2, 15.2],\n      ]) +\n      strokeThrough([\n        [15.2, 8.8],\n        [8.8, 15.2],\n      ]),\n    duration: 0.2,\n  },\n];\n</script>\n<template>\n  <motion.svg\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    :initial=\"false\"\n    :class=\"\n      cn(\n        'mx-0.5 size-5 shrink-0 overflow-visible text-muted-foreground',\n        advancing && 'text-foreground',\n        status === 'cancelled' && 'text-rose-600 dark:text-rose-400',\n      )\n    \"\n  >\n    <motion.circle\n      cx=\"12\"\n      cy=\"12\"\n      r=\"9\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      :stroke-width=\"1.5\"\n      :stroke-dasharray=\"status === 'pending' ? '2 3' : undefined\"\n      stroke-linecap=\"round\"\n      :initial=\"false\"\n      :animate=\"{ fillOpacity: status === 'completed' ? 0.06 : 0 }\"\n      :transition=\"\n        reduced ? { duration: 0 } : { duration: 0.18, ease: EASE_OUT }\n      \"\n      :class=\"advancing && 'opacity-20'\"\n    />\n    <motion.circle\n      cx=\"12\"\n      cy=\"12\"\n      r=\"9\"\n      pathLength=\"1\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      :stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      :initial=\"false\"\n      :animate=\"{\n        pathLength: advancing ? fraction : 0,\n        opacity: Number(advancing),\n        rotate: indeterminate ? 360 : -90,\n      }\"\n      :transition=\"\n        indeterminate\n          ? { rotate: { duration: 1.1, repeat: Infinity, ease: 'linear' } }\n          : reduced\n            ? { duration: 0 }\n            : SPRING_LAYOUT\n      \"\n      :style=\"{ transformOrigin: '12px 12px' }\"\n    />\n    <motion.path\n      v-for=\"mark in marks\"\n      :key=\"mark.state\"\n      :d=\"mark.path\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      :stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      :initial=\"false\"\n      :animate=\"{\n        pathLength: Number(status === mark.state),\n        opacity: Number(status === mark.state),\n      }\"\n      :transition=\"\n        reduced ? { duration: 0 } : { duration: mark.duration, ease: EASE_OUT }\n      \"\n    />\n  </motion.svg>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport TodoHeaderIcon from \"./TodoHeaderIcon.vue\";\nimport TodoStatusIcon from \"./TodoStatusIcon.vue\";\nexport type TodoItemStatus =\n  \"pending\" | \"in-progress\" | \"completed\" | \"cancelled\";\nexport interface TodoItem {\n  id: string;\n  title: Content;\n  status?: TodoItemStatus;\n  progress?: number;\n  detail?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: TodoItem[];\n    title?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n  }>(),\n  {\n    open: undefined,\n    title: \"To-dos\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 248,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst viewport = ref<HTMLElement>();\nconst completed = computed(() =>\n  props.items.reduce(\n    (count, item) => count + Number(item.status === \"completed\"),\n    0,\n  ),\n);\nconst finished = computed(\n  () => props.items.length > 0 && completed.value === props.items.length,\n);\nwatch(finished, (value, previous) => {\n  if (previous && !value) expanded.value = true;\n  if (value && !previous && props.collapseOnComplete) expanded.value = false;\n});\nuseStreamFollow(viewport, () => props.items.length > 0, reduced, [\n  () => props.items.length,\n]);\nconst descriptions: Record<TodoItemStatus, string> = {\n  pending: \"Pending\",\n  \"in-progress\": \"In progress\",\n  completed: \"Completed\",\n  cancelled: \"Cancelled\",\n};\nconst tones: Record<TodoItemStatus, string> = {\n  pending: \"text-muted-foreground/65\",\n  \"in-progress\": \"text-foreground\",\n  completed: \"text-muted-foreground/60\",\n  cancelled: \"text-muted-foreground/55\",\n};\n</script>\n<template>\n  <section\n    aria-label=\"Agent task list\"\n    class=\"w-full overflow-hidden rounded-2xl border border-border/70\"\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 h-11 w-full items-center gap-2.5 rounded-2xl px-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    >\n      <TodoHeaderIcon :complete=\"finished\" />\n      <h3\n        class=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground/90\"\n      >\n        <RenderNode :node=\"title\" />\n      </h3>\n      <span\n        :class=\"\n          cn(\n            'shrink-0 text-xs font-medium tabular-nums text-muted-foreground',\n            finished && 'text-emerald-600 dark:text-emerald-400',\n          )\n        \"\n        ><span class=\"sr-only\"\n          >{{ completed }} of {{ items.length }} tasks completed</span\n        ><span aria-hidden=\"true\" class=\"inline-flex\"\n          ><ActionSwapRollText :value=\"String(completed)\">{{\n            completed\n          }}</ActionSwapRollText\n          ><span>/</span><span>{{ items.length }}</span></span\n        ></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"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    >\n      <div\n        ref=\"viewport\"\n        class=\"scrollbar-hide overflow-y-auto px-2 pb-2\"\n        :style=\"{ maxHeight: `${maxHeight}px` }\"\n      >\n        <ol v-if=\"items.length\" aria-live=\"polite\" class=\"space-y-0\">\n          <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n            <motion.li\n              v-for=\"item in items\"\n              :key=\"item.id\"\n              layout=\"position\"\n              :initial=\"reduced ? { opacity: 1 } : { opacity: 0, y: 6 }\"\n              :animate=\"{ opacity: 1, y: 0 }\"\n              :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3 }\"\n              :transition=\"\n                reduced\n                  ? { duration: 0 }\n                  : {\n                      opacity: { duration: 0.18, ease: EASE_OUT },\n                      y: SPRING_LAYOUT,\n                      layout: SPRING_LAYOUT,\n                    }\n              \"\n              class=\"flex min-h-9 items-center gap-2.5 rounded-xl px-1.5 py-1\"\n            >\n              <TodoStatusIcon\n                :status=\"item.status ?? 'pending'\"\n                :progress=\"item.progress\"\n              /><span class=\"sr-only\"\n                >{{ descriptions[item.status ?? \"pending\"] }}:\n              </span>\n              <span\n                :class=\"\n                  cn(\n                    'min-w-0 flex-1 truncate text-sm leading-5',\n                    tones[item.status ?? 'pending'],\n                  )\n                \"\n                ><span class=\"relative inline-block max-w-full\"\n                  ><RenderNode :node=\"item.title\" /><motion.span\n                    aria-hidden=\"true\"\n                    :initial=\"false\"\n                    :animate=\"{\n                      scaleX: item.status === 'completed' ? 1 : 0,\n                      opacity: item.status === 'completed' ? 1 : 0,\n                    }\"\n                    :transition=\"\n                      reduced\n                        ? { duration: 0 }\n                        : { duration: 0.28, ease: EASE_OUT, delay: 0.06 }\n                    \"\n                    class=\"absolute inset-x-0 top-1/2 h-px origin-left bg-current\" /></span\n              ></span>\n              <span\n                v-if=\"item.detail\"\n                class=\"shrink-0 text-sm text-muted-foreground/55\"\n                ><RenderNode :node=\"item.detail\"\n              /></span>\n            </motion.li>\n          </AnimatePresence>\n        </ol>\n        <p v-else class=\"px-1.5 py-2 text-sm text-muted-foreground\">\n          No tasks yet\n        </p>\n      </div>\n    </AgentDisclosure>\n  </section>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport TodoHeaderIcon from \"./TodoHeaderIcon.vue\";\nimport TodoStatusIcon from \"./TodoStatusIcon.vue\";\nexport type TodoItemStatus =\n  \"pending\" | \"in-progress\" | \"completed\" | \"cancelled\";\nexport interface TodoItem {\n  id: string;\n  title: Content;\n  status?: TodoItemStatus;\n  progress?: number;\n  detail?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: TodoItem[];\n    title?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n  }>(),\n  {\n    open: undefined,\n    title: \"To-dos\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 248,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst viewport = ref<HTMLElement>();\nconst completed = computed(() =>\n  props.items.reduce(\n    (count, item) => count + Number(item.status === \"completed\"),\n    0,\n  ),\n);\nconst finished = computed(\n  () => props.items.length > 0 && completed.value === props.items.length,\n);\nwatch(finished, (value, previous) => {\n  if (previous && !value) expanded.value = true;\n  if (value && !previous && props.collapseOnComplete) expanded.value = false;\n});\nuseStreamFollow(viewport, () => props.items.length > 0, reduced, [\n  () => props.items.length,\n]);\nconst descriptions: Record<TodoItemStatus, string> = {\n  pending: \"Pending\",\n  \"in-progress\": \"In progress\",\n  completed: \"Completed\",\n  cancelled: \"Cancelled\",\n};\nconst tones: Record<TodoItemStatus, string> = {\n  pending: \"text-muted-foreground/65\",\n  \"in-progress\": \"text-foreground\",\n  completed: \"text-muted-foreground/60\",\n  cancelled: \"text-muted-foreground/55\",\n};\n</script>\n<template>\n  <section\n    aria-label=\"Agent task list\"\n    class=\"w-full overflow-hidden rounded-2xl border border-border/70\"\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 h-11 w-full items-center gap-2.5 rounded-2xl px-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    >\n      <TodoHeaderIcon :complete=\"finished\" />\n      <h3\n        class=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground/90\"\n      >\n        <RenderNode :node=\"title\" />\n      </h3>\n      <span\n        :class=\"\n          cn(\n            'shrink-0 text-xs font-medium tabular-nums text-muted-foreground',\n            finished && 'text-emerald-600 dark:text-emerald-400',\n          )\n        \"\n        ><span class=\"sr-only\"\n          >{{ completed }} of {{ items.length }} tasks completed</span\n        ><span aria-hidden=\"true\" class=\"inline-flex\"\n          ><ActionSwapRollText :value=\"String(completed)\">{{\n            completed\n          }}</ActionSwapRollText\n          ><span>/</span><span>{{ items.length }}</span></span\n        ></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"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    >\n      <div\n        ref=\"viewport\"\n        class=\"scrollbar-hide overflow-y-auto px-2 pb-2\"\n        :style=\"{ maxHeight: `${maxHeight}px` }\"\n      >\n        <ol v-if=\"items.length\" aria-live=\"polite\" class=\"space-y-0\">\n          <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n            <motion.li\n              v-for=\"item in items\"\n              :key=\"item.id\"\n              layout=\"position\"\n              :initial=\"reduced ? { opacity: 1 } : { opacity: 0, y: 6 }\"\n              :animate=\"{ opacity: 1, y: 0 }\"\n              :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3 }\"\n              :transition=\"\n                reduced\n                  ? { duration: 0 }\n                  : {\n                      opacity: { duration: 0.18, ease: EASE_OUT },\n                      y: SPRING_LAYOUT,\n                      layout: SPRING_LAYOUT,\n                    }\n              \"\n              class=\"flex min-h-9 items-center gap-2.5 rounded-xl px-1.5 py-1\"\n            >\n              <TodoStatusIcon\n                :status=\"item.status ?? 'pending'\"\n                :progress=\"item.progress\"\n              /><span class=\"sr-only\"\n                >{{ descriptions[item.status ?? \"pending\"] }}:\n              </span>\n              <span\n                :class=\"\n                  cn(\n                    'min-w-0 flex-1 truncate text-sm leading-5',\n                    tones[item.status ?? 'pending'],\n                  )\n                \"\n                ><span class=\"relative inline-block max-w-full\"\n                  ><RenderNode :node=\"item.title\" /><motion.span\n                    aria-hidden=\"true\"\n                    :initial=\"false\"\n                    :animate=\"{\n                      scaleX: item.status === 'completed' ? 1 : 0,\n                      opacity: item.status === 'completed' ? 1 : 0,\n                    }\"\n                    :transition=\"\n                      reduced\n                        ? { duration: 0 }\n                        : { duration: 0.28, ease: EASE_OUT, delay: 0.06 }\n                    \"\n                    class=\"absolute inset-x-0 top-1/2 h-px origin-left bg-current\" /></span\n              ></span>\n              <span\n                v-if=\"item.detail\"\n                class=\"shrink-0 text-sm text-muted-foreground/55\"\n                ><RenderNode :node=\"item.detail\"\n              /></span>\n            </motion.li>\n          </AnimatePresence>\n        </ol>\n        <p v-else class=\"px-1.5 py-2 text-sm text-muted-foreground\">\n          No tasks yet\n        </p>\n      </div>\n    </AgentDisclosure>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/tool-approval-DCIGwm0_.js

@@ -0,0 +1,202 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { l as t, r as n, u as r } from "./ease-rIvCM4O3.js";
+import { t as i } from "./utils-DIrLOK2M.js";
+import { r as a, t as o } from "./shared-DAEawhBJ.js";
+import { t as s } from "./AgentDisclosure-BaLK1NwF.js";
+import { t as c } from "./AgentCode-DaATZ4-i.js";
+import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, getCurrentInstance as v, normalizeClass as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, useId as T, watch as ee, withCtx as E } from "vue";
+import { AnimatePresence as D, motion as O } from "motion-v";
+import { Check as k, ChevronDown as A, CircleAlert as j, LoaderCircle as M, ShieldCheck as N, X as P } from "lucide-vue-next";
+// src/agents/tool-approval/src/ToolApproval.vue?vue&type=script&setup=true&lang.ts
+var F = ["data-state", "aria-busy"], I = { class: "flex items-start gap-3 p-4" }, L = { class: "min-w-0 flex-1" }, R = { class: "flex min-w-0 items-start justify-between gap-3" }, z = { class: "min-w-0" }, B = { class: "font-medium text-foreground" }, V = { class: "mt-0.5 truncate font-mono text-xs text-muted-foreground" }, te = {
+	key: 0,
+	class: "mt-2 leading-5 text-muted-foreground"
+}, H = ["aria-expanded", "aria-controls"], U = { class: "mx-4 mb-4 grid gap-2 rounded-xl border border-border/50 bg-background/70 p-3" }, W = { class: "text-muted-foreground" }, G = { class: "min-w-0 break-words font-mono text-foreground/85" }, K = /* @__PURE__ */ _({
+	__name: "ToolApproval",
+	props: {
+		tool: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		title: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Allow this tool to run?"
+		},
+		description: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		parameters: { default: () => [] },
+		status: { default: "pending" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:open",
+		"openChange",
+		"approve",
+		"alwaysAllow",
+		"deny"
+	],
+	setup(c, { emit: _ }) {
+		let K = c, q = _, J = a(() => K.open, K.defaultOpen, (e) => {
+			q("update:open", e), q("openChange", e);
+		}), Y = T(), X = v(), Z = e(), Q = u(() => ["approving", "running"].includes(K.status)), $ = u(() => ["approved", "complete"].includes(K.status)), ne = u(() => ({
+			pending: "Approval required",
+			approving: "Approving",
+			approved: "Approved",
+			denied: "Denied",
+			running: "Running",
+			complete: "Completed",
+			error: "Failed"
+		})[K.status]), re = u(() => K.status === "pending" ? "amber" : Q.value ? "blue" : $.value ? "emerald" : "rose"), ie = {
+			amber: "border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400",
+			blue: "border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400",
+			emerald: "border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",
+			rose: "border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400"
+		}, ae = () => !!X?.vnode.props?.onAlwaysAllow;
+		return ee(() => K.status, (e, t) => {
+			t === "pending" && e !== t && (J.value = !1);
+		}), (e, a) => (b(), p("div", {
+			"data-state": c.status,
+			"aria-busy": Q.value,
+			class: "w-full overflow-hidden rounded-2xl border border-border/80 bg-muted/20 text-sm"
+		}, [
+			m("div", I, [m("span", {
+				"aria-hidden": "true",
+				class: y(w(i)("mt-0.5 grid size-8 shrink-0 place-items-center rounded-xl border border-border/60 bg-background text-muted-foreground", c.status === "error" && "text-destructive"))
+			}, [Q.value ? (b(), d(w(M), {
+				key: 0,
+				class: y(w(i)("size-4", !w(Z) && "animate-spin"))
+			}, null, 8, ["class"])) : c.status === "error" ? (b(), d(w(j), {
+				key: 1,
+				class: "size-4"
+			})) : c.status === "denied" ? (b(), d(w(P), {
+				key: 2,
+				class: "size-4"
+			})) : $.value ? (b(), d(w(k), {
+				key: 3,
+				class: "size-4"
+			})) : (b(), d(w(N), {
+				key: 4,
+				class: "size-4"
+			}))], 2), m("div", L, [
+				m("div", R, [m("div", z, [m("div", B, [g(w(o), { node: c.title }, null, 8, ["node"])]), m("div", V, [g(w(o), { node: c.tool }, null, 8, ["node"])])]), m("span", { class: y(w(i)("shrink-0 rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors", ie[re.value])) }, C(ne.value), 3)]),
+				c.description ? (b(), p("p", te, [g(w(o), { node: c.description }, null, 8, ["node"])])) : f("", !0),
+				c.parameters.length ? (b(), p("button", {
+					key: 1,
+					type: "button",
+					"aria-expanded": w(J),
+					"aria-controls": `${w(Y)}-details`,
+					onClick: a[0] ||= (e) => J.value = !w(J),
+					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"
+				}, [a[4] ||= h(" View details", -1), g(w(O).span, {
+					"aria-hidden": "true",
+					animate: { rotate: w(J) ? 180 : 0 },
+					transition: w(Z) ? { duration: 0 } : w(r)
+				}, {
+					default: E(() => [g(w(A), { class: "size-3.5" })]),
+					_: 1
+				}, 8, ["animate", "transition"])], 8, H)) : f("", !0)
+			])]),
+			g(s, {
+				id: `${w(Y)}-details`,
+				open: w(J)
+			}, {
+				default: E(() => [m("dl", U, [(b(!0), p(l, null, x(c.parameters, (e) => (b(), p("div", {
+					key: e.id,
+					class: "grid grid-cols-[minmax(0,7rem)_minmax(0,1fr)] items-center gap-3 text-xs"
+				}, [m("dt", W, [g(w(o), { node: e.label }, null, 8, ["node"])]), m("dd", G, [g(w(o), { node: e.value }, null, 8, ["node"])])]))), 128))]), S(e.$slots, "default")]),
+				_: 3
+			}, 8, ["id", "open"]),
+			g(w(D), { initial: !1 }, {
+				default: E(() => [c.status === "pending" ? (b(), d(w(O).div, {
+					key: 0,
+					initial: w(Z) ? { opacity: 0 } : {
+						opacity: 0,
+						y: 4
+					},
+					animate: {
+						opacity: 1,
+						y: 0
+					},
+					exit: { opacity: 0 },
+					transition: {
+						duration: w(Z) ? .12 : .22,
+						ease: w(n)
+					},
+					class: "flex flex-wrap items-center gap-2 border-t border-border/60 px-4 py-3"
+				}, {
+					default: E(() => [
+						g(w(O).button, {
+							type: "button",
+							onClick: a[1] ||= (e) => q("approve"),
+							"while-press": w(Z) ? void 0 : { scale: .97 },
+							transition: w(t),
+							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"
+						}, {
+							default: E(() => [...a[5] ||= [h("Allow once", -1)]]),
+							_: 1
+						}, 8, ["while-press", "transition"]),
+						ae() ? (b(), d(w(O).button, {
+							key: 0,
+							type: "button",
+							onClick: a[2] ||= (e) => q("alwaysAllow"),
+							"while-press": w(Z) ? void 0 : { scale: .97 },
+							transition: w(t),
+							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"
+						}, {
+							default: E(() => [...a[6] ||= [h("Always allow", -1)]]),
+							_: 1
+						}, 8, ["while-press", "transition"])) : f("", !0),
+						m("button", {
+							type: "button",
+							onClick: a[3] ||= (e) => q("deny"),
+							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"
+						}, " Deny ")
+					]),
+					_: 1
+				}, 8, ["initial", "transition"])) : f("", !0)]),
+				_: 1
+			})
+		], 8, F));
+	}
+}), q = /* @__PURE__ */ _({
+	__name: "ToolApprovalCode",
+	props: {
+		code: {},
+		language: { default: "bash" }
+	},
+	setup(e) {
+		let t = e;
+		return (e, n) => (b(), d(w(c), {
+			code: t.code,
+			language: t.language,
+			class: "whitespace-pre-wrap break-words rounded-lg border border-border/50 bg-muted/30 px-2.5 py-2"
+		}, null, 8, ["code", "language"]));
+	}
+});
+export { K as n, q as t };
+
+//# sourceMappingURL=tool-approval-DCIGwm0_.js.map