@orvui/vue 0.0.0-stage → 0.1.1

package/dist/citations-DTgV7SYB.js

@@ -0,0 +1,256 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { o as t, r as n, u as r } from "./ease-rIvCM4O3.js";
+import { r as i, t as a } from "./shared-DAEawhBJ.js";
+import { t as o } from "./AgentDisclosure-BaLK1NwF.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, nextTick as h, onBeforeUnmount as g, onMounted as _, openBlock as v, ref as y, renderList as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useId as w, watch as T, withCtx as E } from "vue";
+import { AnimatePresence as D, motion as O } from "motion-v";
+import { BookOpenText as k, ChevronDown as A, ExternalLink as j, Globe2 as M } from "lucide-vue-next";
+// src/agents/citations/src/CitationFavicon.vue?vue&type=script&setup=true&lang.ts
+var N = {
+	"aria-hidden": "true",
+	class: "grid size-5 shrink-0 place-items-center text-muted-foreground [&>svg]:size-3.5"
+}, P = ["src"], F = /* @__PURE__ */ m({
+	__name: "CitationFavicon",
+	props: {
+		url: {},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] }
+	},
+	setup(e) {
+		let t = e, n = y(), r = y(), i = c(() => {
+			if (!t.icon && t.url) try {
+				return new URL("/favicon.ico", t.url).href;
+			} catch {
+				return;
+			}
+		}), o = !1, s = 0;
+		async function u() {
+			let e = ++s, t = i.value;
+			if (!o || !t) return;
+			await h();
+			let a = n.value;
+			if (a && typeof a.decode == "function") try {
+				await a.decode();
+			} catch {
+				o && e === s && (r.value = t);
+			}
+		}
+		return T(i, u, { flush: "post" }), _(() => {
+			o = !0, u();
+		}), g(() => {
+			o = !1, s++;
+		}), (t, o) => (v(), d("span", N, [e.icon ? (v(), l(C(a), {
+			key: 0,
+			node: e.icon
+		}, null, 8, ["node"])) : i.value && r.value !== i.value ? (v(), d("img", {
+			key: 1,
+			ref_key: "image",
+			ref: n,
+			src: i.value,
+			alt: "",
+			width: "16",
+			height: "16",
+			referrerpolicy: "no-referrer",
+			class: "size-4 rounded-sm object-contain",
+			onError: o[0] ||= (e) => r.value = i.value
+		}, null, 40, P)) : (v(), l(C(M), {
+			key: 2,
+			class: "size-3.5"
+		}))]));
+	}
+}), I = { class: "grid gap-0.5" }, L = { class: "flex min-w-0 flex-1 flex-wrap items-baseline gap-x-2 gap-y-0.5" }, R = { class: "truncate text-sm font-medium text-foreground/80 transition-colors group-hover/citation:text-foreground" }, z = {
+	key: 0,
+	class: "min-w-0 truncate text-xs text-muted-foreground/60"
+}, B = { class: "flex shrink-0 items-center gap-1.5" }, V = { class: "grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-[10px] font-semibold tabular-nums text-muted-foreground" }, H = /* @__PURE__ */ m({
+	__name: "CitationList",
+	props: {
+		citations: {},
+		idPrefix: {}
+	},
+	setup(r) {
+		let i = r, o = w(), c = e(), m = (e) => `${i.idPrefix ?? `citation-list-${o.replace(/:/g, "")}`}-${e.replace(/[^a-zA-Z0-9_-]/g, "-")}`;
+		return (e, i) => (v(), d("div", I, [p(C(D), {
+			mode: "popLayout",
+			as: "div",
+			class: "contents"
+		}, {
+			default: E(() => [(v(!0), d(s, null, b(r.citations, (e, r) => (v(), l(C(O).div, {
+				key: e.id,
+				layout: "position",
+				initial: C(c) ? { opacity: 1 } : {
+					opacity: 0,
+					y: 6
+				},
+				animate: {
+					opacity: 1,
+					y: 0
+				},
+				exit: C(c) ? { opacity: 0 } : {
+					opacity: 0,
+					y: -3
+				},
+				transition: C(c) ? { duration: 0 } : {
+					opacity: {
+						duration: .18,
+						ease: C(n)
+					},
+					y: C(t),
+					layout: C(t)
+				}
+			}, {
+				default: E(() => [(v(), l(x(e.url ? "a" : "div"), {
+					id: m(e.id),
+					href: e.url,
+					target: e.url ? "_blank" : void 0,
+					rel: e.url ? "noreferrer noopener" : void 0,
+					tabindex: e.url ? void 0 : -1,
+					class: "group/citation flex items-center gap-2 rounded-md px-1.5 py-1 outline-none focus-visible:ring-2 focus-visible:ring-ring"
+				}, {
+					default: E(() => [
+						p(F, {
+							url: e.url,
+							icon: e.icon
+						}, null, 8, ["url", "icon"]),
+						f("span", L, [f("span", R, [p(C(a), { node: e.title }, null, 8, ["node"])]), e.domain ? (v(), d("span", z, [p(C(a), { node: e.domain }, null, 8, ["node"])])) : u("", !0)]),
+						f("span", B, [f("span", V, S(r + 1), 1), e.url ? (v(), l(C(j), {
+							key: 0,
+							class: "size-3.5 text-muted-foreground/65 transition-colors group-hover/citation:text-muted-foreground group-focus-visible/citation:text-muted-foreground"
+						})) : u("", !0)])
+					]),
+					_: 2
+				}, 1032, [
+					"id",
+					"href",
+					"target",
+					"rel",
+					"tabindex"
+				]))]),
+				_: 2
+			}, 1032, [
+				"initial",
+				"exit",
+				"transition"
+			]))), 128))]),
+			_: 1
+		})]));
+	}
+}), U = {
+	"data-citations": "",
+	class: "w-full text-sm"
+}, W = ["aria-expanded", "aria-controls"], G = { class: "font-medium" }, K = { class: "rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-semibold tabular-nums" }, q = /* @__PURE__ */ m({
+	__name: "Citations",
+	props: {
+		citations: {},
+		title: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array
+			],
+			default: "Sources"
+		},
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !1
+		},
+		idPrefix: {}
+	},
+	emits: ["update:open", "openChange"],
+	setup(t, { emit: n }) {
+		let s = t, c = n, l = i(() => s.open, s.defaultOpen, (e) => {
+			c("update:open", e), c("openChange", e);
+		}), u = w(), m = e();
+		return (e, n) => (v(), d("div", U, [f("button", {
+			type: "button",
+			"aria-expanded": C(l),
+			"aria-controls": `${C(u)}-content`,
+			onClick: n[0] ||= (e) => l.value = !C(l),
+			class: "group -ml-1 flex min-h-8 items-center gap-2 rounded-lg px-1 text-left text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+		}, [
+			p(C(k), { class: "size-4" }),
+			f("span", G, [p(C(a), { node: t.title }, null, 8, ["node"])]),
+			f("span", K, S(t.citations.length), 1),
+			p(C(O).span, {
+				"aria-hidden": "true",
+				class: "text-muted-foreground/60",
+				animate: { rotate: C(l) ? 180 : 0 },
+				transition: C(m) ? { duration: 0 } : C(r)
+			}, {
+				default: E(() => [p(C(A), { class: "size-3.5" })]),
+				_: 1
+			}, 8, ["animate", "transition"])
+		], 8, W), p(o, {
+			id: `${C(u)}-content`,
+			open: C(l)
+		}, {
+			default: E(() => [p(H, {
+				class: "mt-1",
+				citations: t.citations,
+				"id-prefix": t.idPrefix ?? `citation-${C(u).replace(/:/g, "")}`
+			}, null, 8, ["citations", "id-prefix"])]),
+			_: 1
+		}, 8, ["id", "open"])]));
+	}
+}), J = ["href", "aria-label"], Y = /* @__PURE__ */ m({
+	__name: "Citation",
+	props: {
+		citationId: {},
+		index: {},
+		idPrefix: {},
+		label: {}
+	},
+	setup(e) {
+		let t = e, n = c(() => `${t.idPrefix}-${t.citationId.replace(/[^a-zA-Z0-9_-]/g, "-")}`), r;
+		function i(e) {
+			let t = document.getElementById(n.value);
+			t && (e.preventDefault(), t.closest("[data-citations]")?.querySelector("button[aria-expanded=\"false\"]")?.click(), r !== void 0 && clearTimeout(r), r = setTimeout(() => {
+				t.isConnected && (t.scrollIntoView?.({
+					behavior: matchMedia("(prefers-reduced-motion: reduce)").matches ? "instant" : "smooth",
+					block: "nearest"
+				}), t.focus({ preventScroll: !0 }));
+			}, 50));
+		}
+		return g(() => {
+			r !== void 0 && clearTimeout(r);
+		}), (t, r) => (v(), d("a", {
+			href: `#${n.value}`,
+			"aria-label": e.label || `View citation ${e.index}`,
+			onClick: i,
+			class: "mx-0.5 inline-flex min-w-4 -translate-y-0.5 items-center justify-center rounded-md bg-muted/60 px-1 py-0.5 text-[10px] font-semibold leading-none text-muted-foreground no-underline outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+		}, S(e.index), 9, J));
+	}
+}), X = {
+	"aria-hidden": "true",
+	class: "flex -space-x-1.5"
+}, Z = /* @__PURE__ */ m({
+	__name: "CitationStack",
+	props: {
+		citations: {},
+		limit: { default: 3 }
+	},
+	setup(e) {
+		let t = e, n = c(() => t.citations.slice(0, t.limit));
+		return (e, t) => (v(), d("span", X, [(v(!0), d(s, null, b(n.value, (e) => (v(), l(F, {
+			key: e.id,
+			url: e.url,
+			icon: e.icon,
+			class: "size-6 rounded-full bg-background ring-2 ring-background"
+		}, null, 8, ["url", "icon"]))), 128))]));
+	}
+});
+export { F as a, H as i, Y as n, q as r, Z as t };
+
+//# sourceMappingURL=citations-DTgV7SYB.js.map

package/dist/citations-DTgV7SYB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"citations-DTgV7SYB.js","names":["_hoisted_1","_hoisted_2","_openBlock","_createElementBlock","_createBlock","_unref","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_openBlock","_createElementBlock","_createVNode","_unref","_withCtx","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","CitationFavicon","_createElementVNode","_createCommentVNode","_toDisplayString","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_unref","_createVNode","_toDisplayString","_withCtx","AgentDisclosure","CitationList","_sfc_main","_hoisted_1","_openBlock","_createElementBlock","_toDisplayString","_sfc_main","_openBlock","_createElementBlock","_Fragment","_renderList","_createBlock","CitationFavicon","_sfc_main","useReducedMotion","SPRING_LAYOUT","EASE_OUT","SPRING_SWAP","useControllable","RenderNode","AgentDisclosure_default","_hoisted_1$4","_hoisted_2$2","CitationFavicon_default","defineComponent","props","__props","image","ref","failed","address","computed","alive","revision","verify","request","url","nextTick","candidate","watch","onMounted","onBeforeUnmount","openBlock","createElementBlock","createBlock","unref","_cache","Globe2","_hoisted_1$3","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","_hoisted_5","_hoisted_6","CitationList_default","instanceId","useId","reduced","rowId","id","createVNode","AnimatePresence","withCtx","Fragment","renderList","motion","item","resolveDynamicComponent","createElementVNode","createCommentVNode","toDisplayString","index","ExternalLink","_hoisted_1$2","_hoisted_2","_hoisted_3","_hoisted_4","Citations_default","__emit","emit","disclosure","value","identity","BookOpenText","ChevronDown","_hoisted_1$1","Citation_default","targetId","pending","reveal","row","event","_hoisted_1","CitationStack_default","visible"],"sources":["../src/agents/citations/src/CitationFavicon.vue","../src/agents/citations/src/CitationFavicon.vue","../src/agents/citations/src/CitationList.vue","../src/agents/citations/src/CitationList.vue","../src/agents/citations/src/Citations.vue","../src/agents/citations/src/Citations.vue","../src/agents/citations/src/Citation.vue","../src/agents/citations/src/Citation.vue","../src/agents/citations/src/CitationStack.vue","../src/agents/citations/src/CitationStack.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { Globe2 } from \"lucide-vue-next\";\nimport { RenderNode, type Content } from \"../../shared\";\nconst props = defineProps<{ url?: string; icon?: Content }>();\nconst image = ref<HTMLImageElement>();\nconst failed = ref<string>();\nconst address = computed(() => {\n  if (props.icon || !props.url) return undefined;\n  try {\n    return new URL(\"/favicon.ico\", props.url).href;\n  } catch {\n    return undefined;\n  }\n});\nlet alive = false,\n  revision = 0;\nasync function verify() {\n  const request = ++revision;\n  const url = address.value;\n  if (!alive || !url) return;\n  await nextTick();\n  const candidate = image.value;\n  if (!candidate || typeof candidate.decode !== \"function\") return;\n  try {\n    await candidate.decode();\n  } catch {\n    if (alive && request === revision) failed.value = url;\n  }\n}\nwatch(address, verify, { flush: \"post\" });\nonMounted(() => {\n  alive = true;\n  verify();\n});\nonBeforeUnmount(() => {\n  alive = false;\n  revision++;\n});\n</script>\n<template>\n  <span\n    aria-hidden=\"true\"\n    class=\"grid size-5 shrink-0 place-items-center text-muted-foreground [&>svg]:size-3.5\"\n  >\n    <RenderNode v-if=\"icon\" :node=\"icon\" />\n    <img\n      v-else-if=\"address && failed !== address\"\n      ref=\"image\"\n      :src=\"address\"\n      alt=\"\"\n      width=\"16\"\n      height=\"16\"\n      referrerpolicy=\"no-referrer\"\n      class=\"size-4 rounded-sm object-contain\"\n      @error=\"failed = address\"\n    />\n    <Globe2 v-else class=\"size-3.5\" />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { Globe2 } from \"lucide-vue-next\";\nimport { RenderNode, type Content } from \"../../shared\";\nconst props = defineProps<{ url?: string; icon?: Content }>();\nconst image = ref<HTMLImageElement>();\nconst failed = ref<string>();\nconst address = computed(() => {\n  if (props.icon || !props.url) return undefined;\n  try {\n    return new URL(\"/favicon.ico\", props.url).href;\n  } catch {\n    return undefined;\n  }\n});\nlet alive = false,\n  revision = 0;\nasync function verify() {\n  const request = ++revision;\n  const url = address.value;\n  if (!alive || !url) return;\n  await nextTick();\n  const candidate = image.value;\n  if (!candidate || typeof candidate.decode !== \"function\") return;\n  try {\n    await candidate.decode();\n  } catch {\n    if (alive && request === revision) failed.value = url;\n  }\n}\nwatch(address, verify, { flush: \"post\" });\nonMounted(() => {\n  alive = true;\n  verify();\n});\nonBeforeUnmount(() => {\n  alive = false;\n  revision++;\n});\n</script>\n<template>\n  <span\n    aria-hidden=\"true\"\n    class=\"grid size-5 shrink-0 place-items-center text-muted-foreground [&>svg]:size-3.5\"\n  >\n    <RenderNode v-if=\"icon\" :node=\"icon\" />\n    <img\n      v-else-if=\"address && failed !== address\"\n      ref=\"image\"\n      :src=\"address\"\n      alt=\"\"\n      width=\"16\"\n      height=\"16\"\n      referrerpolicy=\"no-referrer\"\n      class=\"size-4 rounded-sm object-contain\"\n      @error=\"failed = address\"\n    />\n    <Globe2 v-else class=\"size-3.5\" />\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ExternalLink } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode } from \"../../shared\";\nimport CitationFavicon from \"./CitationFavicon.vue\";\nimport type { CitationItem } from \"./types\";\nconst props = defineProps<{ citations: CitationItem[]; idPrefix?: string }>();\nconst instanceId = useId();\nconst reduced = useReducedMotion();\nconst rowId = (id: string) =>\n  `${props.idPrefix ?? `citation-list-${instanceId.replace(/:/g, \"\")}`}-${id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n</script>\n<template>\n  <div class=\"grid gap-0.5\">\n    <AnimatePresence mode=\"popLayout\" as=\"div\" class=\"contents\">\n      <motion.div\n        v-for=\"(item, index) in citations\"\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      >\n        <component\n          :is=\"item.url ? 'a' : 'div'\"\n          :id=\"rowId(item.id)\"\n          :href=\"item.url\"\n          :target=\"item.url ? '_blank' : undefined\"\n          :rel=\"item.url ? 'noreferrer noopener' : undefined\"\n          :tabindex=\"item.url ? undefined : -1\"\n          class=\"group/citation flex items-center gap-2 rounded-md px-1.5 py-1 outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <CitationFavicon :url=\"item.url\" :icon=\"item.icon\" />\n          <span\n            class=\"flex min-w-0 flex-1 flex-wrap items-baseline gap-x-2 gap-y-0.5\"\n          >\n            <span\n              class=\"truncate text-sm font-medium text-foreground/80 transition-colors group-hover/citation:text-foreground\"\n              ><RenderNode :node=\"item.title\"\n            /></span>\n            <span\n              v-if=\"item.domain\"\n              class=\"min-w-0 truncate text-xs text-muted-foreground/60\"\n              ><RenderNode :node=\"item.domain\"\n            /></span>\n          </span>\n          <span class=\"flex shrink-0 items-center gap-1.5\"\n            ><span\n              class=\"grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-[10px] font-semibold tabular-nums text-muted-foreground\"\n              >{{ index + 1 }}</span\n            >\n            <ExternalLink\n              v-if=\"item.url\"\n              class=\"size-3.5 text-muted-foreground/65 transition-colors group-hover/citation:text-muted-foreground group-focus-visible/citation:text-muted-foreground\"\n            />\n          </span>\n        </component>\n      </motion.div>\n    </AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ExternalLink } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode } from \"../../shared\";\nimport CitationFavicon from \"./CitationFavicon.vue\";\nimport type { CitationItem } from \"./types\";\nconst props = defineProps<{ citations: CitationItem[]; idPrefix?: string }>();\nconst instanceId = useId();\nconst reduced = useReducedMotion();\nconst rowId = (id: string) =>\n  `${props.idPrefix ?? `citation-list-${instanceId.replace(/:/g, \"\")}`}-${id.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n</script>\n<template>\n  <div class=\"grid gap-0.5\">\n    <AnimatePresence mode=\"popLayout\" as=\"div\" class=\"contents\">\n      <motion.div\n        v-for=\"(item, index) in citations\"\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      >\n        <component\n          :is=\"item.url ? 'a' : 'div'\"\n          :id=\"rowId(item.id)\"\n          :href=\"item.url\"\n          :target=\"item.url ? '_blank' : undefined\"\n          :rel=\"item.url ? 'noreferrer noopener' : undefined\"\n          :tabindex=\"item.url ? undefined : -1\"\n          class=\"group/citation flex items-center gap-2 rounded-md px-1.5 py-1 outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          <CitationFavicon :url=\"item.url\" :icon=\"item.icon\" />\n          <span\n            class=\"flex min-w-0 flex-1 flex-wrap items-baseline gap-x-2 gap-y-0.5\"\n          >\n            <span\n              class=\"truncate text-sm font-medium text-foreground/80 transition-colors group-hover/citation:text-foreground\"\n              ><RenderNode :node=\"item.title\"\n            /></span>\n            <span\n              v-if=\"item.domain\"\n              class=\"min-w-0 truncate text-xs text-muted-foreground/60\"\n              ><RenderNode :node=\"item.domain\"\n            /></span>\n          </span>\n          <span class=\"flex shrink-0 items-center gap-1.5\"\n            ><span\n              class=\"grid size-5 place-items-center rounded-md bg-foreground/[0.05] text-[10px] font-semibold tabular-nums text-muted-foreground\"\n              >{{ index + 1 }}</span\n            >\n            <ExternalLink\n              v-if=\"item.url\"\n              class=\"size-3.5 text-muted-foreground/65 transition-colors group-hover/citation:text-muted-foreground group-focus-visible/citation:text-muted-foreground\"\n            />\n          </span>\n        </component>\n      </motion.div>\n    </AnimatePresence>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { BookOpenText, ChevronDown } from \"lucide-vue-next\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport CitationList from \"./CitationList.vue\";\nimport type { CitationItem } from \"./types\";\nconst props = withDefaults(\n  defineProps<{\n    citations: CitationItem[];\n    title?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    idPrefix?: string;\n  }>(),\n  { title: \"Sources\", open: undefined, defaultOpen: false },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst disclosure = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst reduced = useReducedMotion();\n</script>\n<template>\n  <div data-citations class=\"w-full text-sm\">\n    <button\n      type=\"button\"\n      :aria-expanded=\"disclosure\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"disclosure = !disclosure\"\n      class=\"group -ml-1 flex min-h-8 items-center gap-2 rounded-lg px-1 text-left text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n    >\n      <BookOpenText class=\"size-4\" /><span class=\"font-medium\"\n        ><RenderNode :node=\"title\"\n      /></span>\n      <span\n        class=\"rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-semibold tabular-nums\"\n        >{{ citations.length }}</span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"text-muted-foreground/60\"\n        :animate=\"{ rotate: disclosure ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure :id=\"`${identity}-content`\" :open=\"disclosure\"\n      ><CitationList\n        class=\"mt-1\"\n        :citations=\"citations\"\n        :id-prefix=\"idPrefix ?? `citation-${identity.replace(/:/g, '')}`\"\n    /></AgentDisclosure>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { BookOpenText, ChevronDown } from \"lucide-vue-next\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport CitationList from \"./CitationList.vue\";\nimport type { CitationItem } from \"./types\";\nconst props = withDefaults(\n  defineProps<{\n    citations: CitationItem[];\n    title?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    idPrefix?: string;\n  }>(),\n  { title: \"Sources\", open: undefined, defaultOpen: false },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst disclosure = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst reduced = useReducedMotion();\n</script>\n<template>\n  <div data-citations class=\"w-full text-sm\">\n    <button\n      type=\"button\"\n      :aria-expanded=\"disclosure\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"disclosure = !disclosure\"\n      class=\"group -ml-1 flex min-h-8 items-center gap-2 rounded-lg px-1 text-left text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n    >\n      <BookOpenText class=\"size-4\" /><span class=\"font-medium\"\n        ><RenderNode :node=\"title\"\n      /></span>\n      <span\n        class=\"rounded-full bg-muted px-1.5 py-0.5 text-[10px] font-semibold tabular-nums\"\n        >{{ citations.length }}</span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"text-muted-foreground/60\"\n        :animate=\"{ rotate: disclosure ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure :id=\"`${identity}-content`\" :open=\"disclosure\"\n      ><CitationList\n        class=\"mt-1\"\n        :citations=\"citations\"\n        :id-prefix=\"idPrefix ?? `citation-${identity.replace(/:/g, '')}`\"\n    /></AgentDisclosure>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount } from \"vue\";\nconst props = defineProps<{\n  citationId: string;\n  index: number;\n  idPrefix: string;\n  label?: string;\n}>();\nconst targetId = computed(\n  () => `${props.idPrefix}-${props.citationId.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`,\n);\nlet pending: ReturnType<typeof setTimeout> | undefined;\nfunction reveal(event: MouseEvent) {\n  const row = document.getElementById(targetId.value);\n  if (!row) return;\n  event.preventDefault();\n  row\n    .closest(\"[data-citations]\")\n    ?.querySelector<HTMLButtonElement>('button[aria-expanded=\"false\"]')\n    ?.click();\n  if (pending !== undefined) clearTimeout(pending);\n  pending = setTimeout(() => {\n    if (!row.isConnected) return;\n    row.scrollIntoView?.({\n      behavior: matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n        ? \"instant\"\n        : \"smooth\",\n      block: \"nearest\",\n    });\n    row.focus({ preventScroll: true });\n  }, 50);\n}\nonBeforeUnmount(() => {\n  if (pending !== undefined) clearTimeout(pending);\n});\n</script>\n<template>\n  <a\n    :href=\"`#${targetId}`\"\n    :aria-label=\"label || `View citation ${index}`\"\n    @click=\"reveal\"\n    class=\"mx-0.5 inline-flex min-w-4 -translate-y-0.5 items-center justify-center rounded-md bg-muted/60 px-1 py-0.5 text-[10px] font-semibold leading-none text-muted-foreground no-underline outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n    >{{ index }}</a\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount } from \"vue\";\nconst props = defineProps<{\n  citationId: string;\n  index: number;\n  idPrefix: string;\n  label?: string;\n}>();\nconst targetId = computed(\n  () => `${props.idPrefix}-${props.citationId.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`,\n);\nlet pending: ReturnType<typeof setTimeout> | undefined;\nfunction reveal(event: MouseEvent) {\n  const row = document.getElementById(targetId.value);\n  if (!row) return;\n  event.preventDefault();\n  row\n    .closest(\"[data-citations]\")\n    ?.querySelector<HTMLButtonElement>('button[aria-expanded=\"false\"]')\n    ?.click();\n  if (pending !== undefined) clearTimeout(pending);\n  pending = setTimeout(() => {\n    if (!row.isConnected) return;\n    row.scrollIntoView?.({\n      behavior: matchMedia(\"(prefers-reduced-motion: reduce)\").matches\n        ? \"instant\"\n        : \"smooth\",\n      block: \"nearest\",\n    });\n    row.focus({ preventScroll: true });\n  }, 50);\n}\nonBeforeUnmount(() => {\n  if (pending !== undefined) clearTimeout(pending);\n});\n</script>\n<template>\n  <a\n    :href=\"`#${targetId}`\"\n    :aria-label=\"label || `View citation ${index}`\"\n    @click=\"reveal\"\n    class=\"mx-0.5 inline-flex min-w-4 -translate-y-0.5 items-center justify-center rounded-md bg-muted/60 px-1 py-0.5 text-[10px] font-semibold leading-none text-muted-foreground no-underline outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n    >{{ index }}</a\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CitationFavicon from \"./CitationFavicon.vue\";\nimport type { CitationItem } from \"./types\";\nconst props = withDefaults(\n  defineProps<{ citations: CitationItem[]; limit?: number }>(),\n  { limit: 3 },\n);\nconst visible = computed(() => props.citations.slice(0, props.limit));\n</script>\n<template>\n  <span aria-hidden=\"true\" class=\"flex -space-x-1.5\"\n    ><CitationFavicon\n      v-for=\"item in visible\"\n      :key=\"item.id\"\n      :url=\"item.url\"\n      :icon=\"item.icon\"\n      class=\"size-6 rounded-full bg-background ring-2 ring-background\"\n  /></span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport CitationFavicon from \"./CitationFavicon.vue\";\nimport type { CitationItem } from \"./types\";\nconst props = withDefaults(\n  defineProps<{ citations: CitationItem[]; limit?: number }>(),\n  { limit: 3 },\n);\nconst visible = computed(() => props.citations.slice(0, props.limit));\n</script>\n<template>\n  <span aria-hidden=\"true\" class=\"flex -space-x-1.5\"\n    ><CitationFavicon\n      v-for=\"item in visible\"\n      :key=\"item.id\"\n      :url=\"item.url\"\n      :icon=\"item.icon\"\n      class=\"size-6 rounded-full bg-background ring-2 ring-background\"\n  /></span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAWA,IAAM2D,IAAQC,GACRC,IAAQC,EAAsB,GAC9BC,IAASD,EAAY,GACrBE,IAAUC,QAAe;GAC7B,IAAI,GAAM,QAASN,EAAM,KACzB,IAAI;IACF,OAAO,IAAI,IAAI,gBAAgBA,EAAM,GAAG,CAAC,CAAC;GAC5C,QAAQ;IACN;GACF;EACF,CAAC,GACGO,IAAQ,IACVC,IAAW;EACb,eAAeC,IAAS;GACtB,IAAMC,IAAU,EAAEF,GACZG,IAAMN,EAAQ;GACpB,IAAI,CAACE,KAAS,CAACI,GAAK;GACpB,MAAMC,EAAS;GACf,IAAMC,IAAYX,EAAM;GACxB,IAAKW,KAAa,OAAOA,EAAU,UAAW,YAC9C,IAAI;IACF,MAAMA,EAAU,OAAO;GACzB,QAAQ;IACN,AAAIN,KAASG,MAAYF,MAAU,EAAO,QAAQG;GACpD;EACF;E,OACAG,EAAMT,GAASI,GAAQ,EAAE,OAAO,OAAO,CAAC,GACxCM,QAAgB;GAEd,AADA,IAAQ,IACRN,EAAO;EACT,CAAC,GACDO,QAAsB;GAEpB,AADA,IAAQ,IACR;EACF,CAAC,I,UAGCzE,EAAA,GAAAC,EAiBO,QAjBPH,GAiBO,CAba4D,EAAA,QAAlB1D,EAAA,GAAAE,EAAuCC,EAAAgD,CAAA,GAAA;;GAAd,MAAMO,EAAA;E,yBAElBI,EAAA,SAAWD,EAAA,UAAWC,EAAA,SADnC9D,EAAA,GAAAC,EAUE,OAAA;;GARI,SAAA;GAAJ,KAAI0D;GACH,KAAKG,EAAA;GACN,KAAI;GACJ,OAAM;GACN,QAAO;GACP,gBAAe;GACf,OAAM;GACL,SAAK,AAAAgB,EAAA,QAAA,MAAE,EAAA,QAAShB,EAAA;E,oBAEnB9D,EAAA,GAAAE,EAAkCC,EAAA4E,CAAA,GAAA;;GAAnB,OAAM;;;;;;;;;;;;;EEvDzB,IAAMtB,IAAQC,GACR6B,IAAaC,EAAM,GACnBC,IAAU3C,EAAiB,GAC3B4C,KAAS,MACb,GAAGjC,EAAM,YAAY,iBAAiB8B,EAAW,QAAQ,MAAM,EAAE,IAAI,GAAGI,EAAG,QAAQ,mBAAmB,GAAG;E,kBAGzGlF,EAAA,GAAAC,EAuDM,OAvDNL,GAuDM,CAtDJM,EAqDkBC,EAAAiF,CAAA,GAAA;GArDD,MAAK;GAAY,IAAG;GAAM,OAAM;;GAE7C,SAAAhF,QAAkC,EADpCJ,EAAA,EAAA,GAAAC,EAmDaI,GAAA,MAAAC,EAlDa2C,EAAA,YAAhB,GAAM,OADhBjD,EAAA,GAAAO,EAmDaJ,EAAAqF,CAAA,CAAA,CAAA,KAAA;IAjDV,KAAKC,EAAK;IACX,QAAO;IACN,SAAStF,EAAA6E,CAAA,IAAO,EAAA,SAAA,EAAA,IAAA;KAAA,SAAA;KAAA,GAAA;IAAA;IAChB,SAAS;KAAA,SAAA;KAAA,GAAA;IAAA;IACT,MAAM7E,EAAA6E,CAAA,IAAO,EAAA,SAAA,EAAA,IAAA;KAAA,SAAA;KAAA,GAAA;IAAA;IACb,YAAuB7E,EAAA6E,CAAA,I;KAAuG,SAAA;MAAA,UAAA;MAAA,MAAA7E,EAAAoC,CAAA;KAAQ;KAAuB,GAAApC,EAAAmC,CAAA;KAAuC,QAAAnC,EAAAmC,CAAA;;;IAUrM,SAAAlC,QAiCY,EAjCZJ,EAAA,GAAAO,EAiCYC,EAhCLiF,EAAK,MAAG,MAAA,KAAA,GAAA;KACZ,IAAIR,EAAMQ,EAAK,EAAE;KACjB,MAAMA,EAAK;KACX,QAAQA,EAAK,MAAG,WAAc,KAAA;KAC9B,KAAKA,EAAK,MAAG,wBAA2B,KAAA;KACxC,UAAUA,EAAK,MAAM,KAAA,IAAS;KAC/B,OAAM;;KAEN,SAAArF,QAAqD;MAArDF,EAAqDO,GAAA;OAAnC,KAAKgF,EAAK;OAAM,MAAMA,EAAK;;MAC7C/E,EAYO,QAZPb,GAYO,CATLa,EAGS,QAHTZ,GAGS,CADNI,EACDC,EAAAuC,CAAA,GAAA,EADc,MAAM+C,EAAK,M,yBAGnBA,EAAK,UADbzF,EAAA,GAAAC,EAIS,QAJTF,GAIS,CADNG,EACDC,EAAAuC,CAAA,GAAA,EADc,MAAM+C,EAAK,O;MAG7B/E,EASO,QATPiE,GASO,CARJjE,EAGA,QAHAkE,GAGAhE,EADKkF,IAAK,CAAA,GAAA,CAAA,GAGHL,EAAK,OADbzF,EAAA,GAAAO,EAGEJ,EAAA4F,CAAA,GAAA;;OADA,OAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EEvDpB,IAAM/C,IAAQC,GAURqD,IAAOD,GAIPE,IAAa9D,QACXO,EAAM,MACZA,EAAM,cACL,MAAU;GAET,AADAsD,EAAK,eAAeE,CAAK,GACzBF,EAAK,cAAcE,CAAK;EAC1B,CACF,GACMC,IAAW1B,EAAM,GACjBC,IAAU3C,EAAiB;E,kBAG/BtB,EAAA,GAAAC,EA6BM,OA7BNF,GA6BM,CA5BJG,EAqBS,UAAA;GApBP,MAAK;GACJ,iBAAeC,EAAAqF,CAAA;GACf,iBAAa,GAAKrF,EAAAuF,CAAA,EAAQ;GAC1B,SAAK,AAAApC,EAAA,QAAA,MAAE,EAAA,QAAU,CAAInD,EAAAqF,CAAA;GACtB,OAAM;;GAENpF,EAA+BD,EAAAwF,CAAA,GAAA,EAAjB,OAAM,SAAQ,CAAA;GAAGzF,EAEtB,QAFsBiF,GAEtB,CADN/E,EACDD,EAAAwB,CAAA,GAAA,EADc,MAAMO,EAAA,MAAK,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,C;GAE3BhC,EAGC,QAHDkF,GAGC/E,EADK6B,EAAA,UAAU,MAAM,GAAA,CAAA;GAEtB9B,EAMgBD,EAAAsE,CAAA,CAAA,CAAA,MAAA;IALd,eAAY;IACZ,OAAM;IACL,SAAO,EAAA,QAAYtE,EAAAqF,CAAA,IAAU,MAAA,EAAA;IAC7B,YAAYrF,EAAA8D,CAAA,IAAO,EAAA,UAAA,EAAA,IAAqB9D,EAAAsB,CAAA;;IACxC,SAAAnB,QACD,CADCF,EACDD,EAAAyF,CAAA,GAAA,EADc,OAAM,WAAU,CAAA,C;;;E,UAGlCxF,EAKoBG,GAAA;GALF,IAAE,GAAKJ,EAAAuF,CAAA,EAAQ;GAAa,MAAMvF,EAAAqF,CAAA;;GACjD,SAAAlF,QAID,CAJCF,EAIDI,GAAA;IAHE,OAAM;IACL,WAAW0B,EAAA;IACX,aAAWA,EAAA,YAAQ,YAAgB/B,EAAAuF,CAAA,CAAQ,CAAC,QAAO,MAAA,EAAA;;;;;;;;;;;;;;EE7D5D,IAAMzD,IAAQC,GAMR6D,IAAWxD,QACT,GAAGN,EAAM,SAAS,GAAGA,EAAM,WAAW,QAAQ,mBAAmB,GAAG,GAC5E,GACI+D;EACJ,SAASC,EAAO,GAAmB;GACjC,IAAMC,IAAM,SAAS,eAAeH,EAAS,KAAK;GAClD,AAAKG,MACLC,EAAM,eAAe,GACrBD,EACG,QAAQ,kBAAkB,CAAA,EACzB,cAAiC,iCAA+B,CAAA,EAChE,MAAM,GACNF,MAAY,KAAA,KAAW,aAAaA,CAAO,GAC/C,IAAU,iBAAiB;IACzB,AAAKE,EAAI,gBACTA,EAAI,iBAAiB;KACnB,UAAU,WAAW,kCAAkC,CAAC,CAAC,UACrD,YACA;KACJ,OAAO;IACT,CAAC,GACDA,EAAI,MAAM,EAAE,eAAe,GAAK,CAAC;GACnC,GAAG,EAAE;EACP;E,OACAjD,QAAsB;GACpB,AAAI+C,MAAY,KAAA,KAAW,aAAaA,CAAO;EACjD,CAAC,I,UAGCrF,EAAA,GAAAC,EAMC,KAAA;GALE,MAAI,IAAMmF,EAAA;GACV,cAAY7D,EAAA,SAAK,iBAAqBA,EAAA;GACtC,SAAO+D;GACR,OAAM;EACF,GAAApF,EAAAqB,EAAA,KAAK,GAAA,GAAAxB,CAAA;;;;;;;;;;;;EEtCb,IAAMuB,IAAQC,GAIRoE,IAAU/D,QAAeN,EAAM,UAAU,MAAM,GAAGA,EAAM,KAAK,CAAC;E,kBAGlElB,EAAA,GAAAC,EAOS,QAPToF,GAOS,EANNrF,EAAA,EAAA,GAAAC,EAMDC,GAAA,MAAAC,EALiBoF,EAAA,QAAR,OADRvF,EAAA,GAAAI,EAMDC,GAAA;GAJG,KAAKsD,EAAK;GACV,KAAKA,EAAK;GACV,MAAMA,EAAK;GACZ,OAAM"}

package/dist/code-block-BfgCXsAh.js

@@ -0,0 +1,130 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { l as t } from "./ease-rIvCM4O3.js";
+import { t as n } from "./utils-DIrLOK2M.js";
+import { t as r } from "./shared-DAEawhBJ.js";
+import { t as i } from "./shared-ByEZ4bm_.js";
+import { n as a, r as o } from "./AgentCode-DaATZ4-i.js";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
+import { motion as O } from "motion-v";
+import { Check as k, Copy as A, FileCode2 as j, LoaderCircle as M } from "lucide-vue-next";
+// src/agents/code-block/src/CodeBlock.vue?vue&type=script&setup=true&lang.ts
+var N = ["data-state", "aria-busy"], P = { class: "flex h-10 items-center gap-2.5 px-3" }, F = {
+	key: 0,
+	class: "min-w-0 truncate font-mono text-xs text-foreground/80"
+}, I = { class: "text-[10px] font-medium uppercase tracking-wide text-muted-foreground/55" }, L = ["role", "aria-live"], R = { class: "m-0 min-w-max font-mono text-xs leading-5 text-foreground/85" }, z = {
+	key: 0,
+	class: "select-none pr-3 text-right tabular-nums text-muted-foreground/55"
+}, B = /* @__PURE__ */ h({
+	__name: "CodeBlock",
+	props: {
+		code: {},
+		language: { default: "typescript" },
+		filename: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		status: { default: "complete" },
+		showLineNumbers: {
+			type: Boolean,
+			default: !0
+		},
+		highlightLines: { default: () => [] },
+		maxHeight: { default: 280 },
+		wrap: {
+			type: Boolean,
+			default: !1
+		},
+		copyable: {
+			type: Boolean,
+			default: !0
+		},
+		onCopy: {}
+	},
+	setup(h) {
+		let B = h, V = e(), { copy: H, copied: U } = i(() => B.code, () => B.onCopy ? B.onCopy() : navigator.clipboard.writeText(B.code)), W = S(), G = c(() => B.status === "streaming"), K = c(() => B.code.split("\n")), q = a(() => B.code, () => B.language), J = !1, Y, X = 0;
+		async function Z() {
+			let e = ++X;
+			Y !== void 0 && cancelAnimationFrame(Y), J && G.value && (await g(), J && e === X && (Y = requestAnimationFrame(() => {
+				Y = void 0;
+				let e = W.value;
+				!e || !G.value || e.scrollHeight <= e.clientHeight || (typeof e.scrollTo == "function" ? e.scrollTo({
+					top: e.scrollHeight,
+					behavior: V.value ? "auto" : "smooth"
+				}) : e.scrollTop = e.scrollHeight);
+			})));
+		}
+		return E([() => B.code, G], Z, { flush: "post" }), b(() => {
+			J = !0, Z();
+		}), y(() => {
+			J = !1, X++, Y !== void 0 && cancelAnimationFrame(Y);
+		}), (e, i) => (x(), d("div", {
+			"data-state": h.status,
+			"aria-busy": G.value,
+			class: "w-full overflow-hidden rounded-2xl bg-muted/80 text-sm"
+		}, [f("div", P, [
+			m(T(j), {
+				"aria-hidden": "true",
+				class: "size-3.5 shrink-0 text-muted-foreground/70"
+			}),
+			h.filename ? (x(), d("span", F, [m(T(r), { node: h.filename }, null, 8, ["node"])])) : u("", !0),
+			f("span", I, w(h.language), 1),
+			f("span", { class: _(T(n)("ml-auto inline-flex shrink-0 items-center gap-1 text-[10px] font-medium", G.value ? "text-blue-600 dark:text-blue-400" : "text-emerald-600 dark:text-emerald-400")) }, [G.value ? (x(), l(T(M), {
+				key: 0,
+				class: _(T(n)("size-3", !T(V) && "animate-spin"))
+			}, null, 8, ["class"])) : (x(), l(T(k), {
+				key: 1,
+				class: "size-3"
+			})), p(w(G.value ? "Writing" : "Ready"), 1)], 2),
+			h.copyable || h.onCopy ? (x(), l(T(O).button, {
+				key: 1,
+				type: "button",
+				"aria-label": T(U) ? "Copied" : "Copy code",
+				title: T(U) ? "Copied" : "Copy code",
+				onClick: T(H),
+				"while-press": T(V) ? void 0 : { scale: .9 },
+				transition: T(t),
+				class: "grid size-7 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+			}, {
+				default: D(() => [T(U) ? (x(), l(T(k), {
+					key: 0,
+					class: "size-3.5"
+				})) : (x(), l(T(A), {
+					key: 1,
+					class: "size-3.5"
+				}))]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"title",
+				"onClick",
+				"while-press",
+				"transition"
+			])) : u("", !0)
+		]), f("div", {
+			ref_key: "viewport",
+			ref: W,
+			role: G.value ? "log" : void 0,
+			"aria-live": G.value ? "polite" : void 0,
+			class: "scrollbar-hide overflow-auto border-t border-foreground/[0.06] py-2",
+			style: v({ maxHeight: `${h.maxHeight}px` })
+		}, [f("pre", R, [f("code", null, [(x(!0), d(s, null, C(K.value, (e, t) => (x(), d("span", {
+			key: t,
+			class: _(T(n)("grid min-h-5", h.showLineNumbers ? "grid-cols-[2.75rem_minmax(0,1fr)]" : "grid-cols-1", h.highlightLines.includes(t + 1) && "bg-blue-500/[0.07]"))
+		}, [h.showLineNumbers ? (x(), d("span", z, w(t + 1), 1)) : u("", !0), m(o, {
+			code: e,
+			tokens: T(q)?.[t],
+			class: _(T(n)("pr-4", h.showLineNumbers ? "pl-1" : "pl-4", h.wrap ? "whitespace-pre-wrap break-words" : "whitespace-pre"))
+		}, null, 8, [
+			"code",
+			"tokens",
+			"class"
+		])], 2))), 128))])])], 12, L)], 8, N));
+	}
+});
+export { B as t };
+
+//# sourceMappingURL=code-block-BfgCXsAh.js.map

package/dist/code-block-BfgCXsAh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-BfgCXsAh.js","names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_createCommentVNode","_toDisplayString","_normalizeClass","_createBlock","_createTextVNode","_withCtx","_normalizeStyle","_Fragment","_renderList","AgentCodeLine","_sfc_main","useReducedMotion","SPRING_PRESS","cn","RenderNode","useClipboard","useAgentCodeTokens","AgentCodeLine_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","CodeBlock_default","defineComponent","props","__props","reduced","viewport","ref","working","computed","rows","tokens","mounted","queued","version","follow","request","nextTick","element","watch","onMounted","onBeforeUnmount","openBlock","createElementBlock","createElementVNode","createVNode","unref","FileCode2","createCommentVNode","toDisplayString","normalizeClass","createBlock","LoaderCircle","Check","createTextVNode","motion","copied","copy","withCtx","Copy","normalizeStyle","Fragment","renderList","index","line"],"sources":["../src/agents/code-block/src/CodeBlock.vue","../src/agents/code-block/src/CodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { Check, Copy, FileCode2, LoaderCircle } from \"lucide-vue-next\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useClipboard, type Content } from \"../../shared\";\nimport AgentCodeLine from \"./AgentCodeLine.vue\";\nimport type { AgentCodeLanguage } from \"./AgentCode.vue\";\nimport { useAgentCodeTokens } from \"./tokens\";\nconst props = withDefaults(\n  defineProps<{\n    code: string;\n    language?: AgentCodeLanguage;\n    filename?: Content;\n    status?: \"streaming\" | \"complete\";\n    showLineNumbers?: boolean;\n    highlightLines?: number[];\n    maxHeight?: number;\n    wrap?: boolean;\n    copyable?: boolean;\n    onCopy?: () => void | Promise<void>;\n  }>(),\n  {\n    language: \"typescript\",\n    status: \"complete\",\n    showLineNumbers: true,\n    highlightLines: () => [],\n    maxHeight: 280,\n    wrap: false,\n    copyable: true,\n  },\n);\nconst reduced = useReducedMotion();\nconst { copy, copied } = useClipboard(\n  () => props.code,\n  () =>\n    props.onCopy ? props.onCopy() : navigator.clipboard.writeText(props.code),\n);\nconst viewport = ref<HTMLElement>();\nconst working = computed(() => props.status === \"streaming\");\nconst rows = computed(() => props.code.split(\"\\n\"));\nconst tokens = useAgentCodeTokens(\n  () => props.code,\n  () => props.language,\n);\nlet mounted = false,\n  queued: number | undefined,\n  version = 0;\nasync function follow() {\n  const request = ++version;\n  if (queued !== undefined) cancelAnimationFrame(queued);\n  if (!mounted || !working.value) return;\n  await nextTick();\n  if (!mounted || request !== version) return;\n  queued = requestAnimationFrame(() => {\n    queued = undefined;\n    const element = viewport.value;\n    if (\n      !element ||\n      !working.value ||\n      element.scrollHeight <= element.clientHeight\n    )\n      return;\n    if (typeof element.scrollTo === \"function\")\n      element.scrollTo({\n        top: element.scrollHeight,\n        behavior: reduced.value ? \"auto\" : \"smooth\",\n      });\n    else element.scrollTop = element.scrollHeight;\n  });\n}\nwatch([() => props.code, working], follow, { flush: \"post\" });\nonMounted(() => {\n  mounted = true;\n  follow();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  version++;\n  if (queued !== undefined) cancelAnimationFrame(queued);\n});\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"working\"\n    class=\"w-full overflow-hidden rounded-2xl bg-muted/80 text-sm\"\n  >\n    <div class=\"flex h-10 items-center gap-2.5 px-3\">\n      <FileCode2\n        aria-hidden=\"true\"\n        class=\"size-3.5 shrink-0 text-muted-foreground/70\"\n      />\n      <span\n        v-if=\"filename\"\n        class=\"min-w-0 truncate font-mono text-xs text-foreground/80\"\n        ><RenderNode :node=\"filename\"\n      /></span>\n      <span\n        class=\"text-[10px] font-medium uppercase tracking-wide text-muted-foreground/55\"\n        >{{ language }}</span\n      >\n      <span\n        :class=\"\n          cn(\n            'ml-auto inline-flex shrink-0 items-center gap-1 text-[10px] font-medium',\n            working\n              ? 'text-blue-600 dark:text-blue-400'\n              : 'text-emerald-600 dark:text-emerald-400',\n          )\n        \"\n      >\n        <LoaderCircle\n          v-if=\"working\"\n          :class=\"cn('size-3', !reduced && 'animate-spin')\"\n        /><Check v-else class=\"size-3\" />{{ working ? \"Writing\" : \"Ready\" }}\n      </span>\n      <motion.button\n        v-if=\"copyable || onCopy\"\n        type=\"button\"\n        :aria-label=\"copied ? 'Copied' : 'Copy code'\"\n        :title=\"copied ? 'Copied' : 'Copy code'\"\n        @click=\"copy\"\n        :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n        :transition=\"SPRING_PRESS\"\n        class=\"grid size-7 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <Check v-if=\"copied\" class=\"size-3.5\" /><Copy v-else class=\"size-3.5\" />\n      </motion.button>\n    </div>\n    <div\n      ref=\"viewport\"\n      :role=\"working ? 'log' : undefined\"\n      :aria-live=\"working ? 'polite' : undefined\"\n      class=\"scrollbar-hide overflow-auto border-t border-foreground/[0.06] py-2\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <pre\n        class=\"m-0 min-w-max font-mono text-xs leading-5 text-foreground/85\"\n      ><code><span v-for=\"(line, index) in rows\" :key=\"index\" :class=\"cn('grid min-h-5', showLineNumbers ? 'grid-cols-[2.75rem_minmax(0,1fr)]' : 'grid-cols-1', highlightLines.includes(index + 1) && 'bg-blue-500/[0.07]')\"><span v-if=\"showLineNumbers\" class=\"select-none pr-3 text-right tabular-nums text-muted-foreground/55\">{{ index + 1 }}</span><AgentCodeLine :code=\"line\" :tokens=\"tokens?.[index]\" :class=\"cn('pr-4', showLineNumbers ? 'pl-1' : 'pl-4', wrap ? 'whitespace-pre-wrap break-words' : 'whitespace-pre')\" /></span></code></pre>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { Check, Copy, FileCode2, LoaderCircle } from \"lucide-vue-next\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useClipboard, type Content } from \"../../shared\";\nimport AgentCodeLine from \"./AgentCodeLine.vue\";\nimport type { AgentCodeLanguage } from \"./AgentCode.vue\";\nimport { useAgentCodeTokens } from \"./tokens\";\nconst props = withDefaults(\n  defineProps<{\n    code: string;\n    language?: AgentCodeLanguage;\n    filename?: Content;\n    status?: \"streaming\" | \"complete\";\n    showLineNumbers?: boolean;\n    highlightLines?: number[];\n    maxHeight?: number;\n    wrap?: boolean;\n    copyable?: boolean;\n    onCopy?: () => void | Promise<void>;\n  }>(),\n  {\n    language: \"typescript\",\n    status: \"complete\",\n    showLineNumbers: true,\n    highlightLines: () => [],\n    maxHeight: 280,\n    wrap: false,\n    copyable: true,\n  },\n);\nconst reduced = useReducedMotion();\nconst { copy, copied } = useClipboard(\n  () => props.code,\n  () =>\n    props.onCopy ? props.onCopy() : navigator.clipboard.writeText(props.code),\n);\nconst viewport = ref<HTMLElement>();\nconst working = computed(() => props.status === \"streaming\");\nconst rows = computed(() => props.code.split(\"\\n\"));\nconst tokens = useAgentCodeTokens(\n  () => props.code,\n  () => props.language,\n);\nlet mounted = false,\n  queued: number | undefined,\n  version = 0;\nasync function follow() {\n  const request = ++version;\n  if (queued !== undefined) cancelAnimationFrame(queued);\n  if (!mounted || !working.value) return;\n  await nextTick();\n  if (!mounted || request !== version) return;\n  queued = requestAnimationFrame(() => {\n    queued = undefined;\n    const element = viewport.value;\n    if (\n      !element ||\n      !working.value ||\n      element.scrollHeight <= element.clientHeight\n    )\n      return;\n    if (typeof element.scrollTo === \"function\")\n      element.scrollTo({\n        top: element.scrollHeight,\n        behavior: reduced.value ? \"auto\" : \"smooth\",\n      });\n    else element.scrollTop = element.scrollHeight;\n  });\n}\nwatch([() => props.code, working], follow, { flush: \"post\" });\nonMounted(() => {\n  mounted = true;\n  follow();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  version++;\n  if (queued !== undefined) cancelAnimationFrame(queued);\n});\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"working\"\n    class=\"w-full overflow-hidden rounded-2xl bg-muted/80 text-sm\"\n  >\n    <div class=\"flex h-10 items-center gap-2.5 px-3\">\n      <FileCode2\n        aria-hidden=\"true\"\n        class=\"size-3.5 shrink-0 text-muted-foreground/70\"\n      />\n      <span\n        v-if=\"filename\"\n        class=\"min-w-0 truncate font-mono text-xs text-foreground/80\"\n        ><RenderNode :node=\"filename\"\n      /></span>\n      <span\n        class=\"text-[10px] font-medium uppercase tracking-wide text-muted-foreground/55\"\n        >{{ language }}</span\n      >\n      <span\n        :class=\"\n          cn(\n            'ml-auto inline-flex shrink-0 items-center gap-1 text-[10px] font-medium',\n            working\n              ? 'text-blue-600 dark:text-blue-400'\n              : 'text-emerald-600 dark:text-emerald-400',\n          )\n        \"\n      >\n        <LoaderCircle\n          v-if=\"working\"\n          :class=\"cn('size-3', !reduced && 'animate-spin')\"\n        /><Check v-else class=\"size-3\" />{{ working ? \"Writing\" : \"Ready\" }}\n      </span>\n      <motion.button\n        v-if=\"copyable || onCopy\"\n        type=\"button\"\n        :aria-label=\"copied ? 'Copied' : 'Copy code'\"\n        :title=\"copied ? 'Copied' : 'Copy code'\"\n        @click=\"copy\"\n        :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n        :transition=\"SPRING_PRESS\"\n        class=\"grid size-7 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <Check v-if=\"copied\" class=\"size-3.5\" /><Copy v-else class=\"size-3.5\" />\n      </motion.button>\n    </div>\n    <div\n      ref=\"viewport\"\n      :role=\"working ? 'log' : undefined\"\n      :aria-live=\"working ? 'polite' : undefined\"\n      class=\"scrollbar-hide overflow-auto border-t border-foreground/[0.06] py-2\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <pre\n        class=\"m-0 min-w-max font-mono text-xs leading-5 text-foreground/85\"\n      ><code><span v-for=\"(line, index) in rows\" :key=\"index\" :class=\"cn('grid min-h-5', showLineNumbers ? 'grid-cols-[2.75rem_minmax(0,1fr)]' : 'grid-cols-1', highlightLines.includes(index + 1) && 'bg-blue-500/[0.07]')\"><span v-if=\"showLineNumbers\" class=\"select-none pr-3 text-right tabular-nums text-muted-foreground/55\">{{ index + 1 }}</span><AgentCodeLine :code=\"line\" :tokens=\"tokens?.[index]\" :class=\"cn('pr-4', showLineNumbers ? 'pl-1' : 'pl-4', wrap ? 'whitespace-pre-wrap break-words' : 'whitespace-pre')\" /></span></code></pre>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}