@orvui/vue 0.0.0-stage → 0.1.0

package/dist/file-diff-DNZKcjPv.js

@@ -0,0 +1,167 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { l as t, u as n } from "./ease-rIvCM4O3.js";
+import { t as r } from "./utils-DIrLOK2M.js";
+import { r as i, t as a } from "./shared-DAEawhBJ.js";
+import { t as o } from "./shared-ByEZ4bm_.js";
+import { t as s } from "./stream-follow-D51R7eNh.js";
+import { t as c } from "./AgentDisclosure-BaLK1NwF.js";
+import { n as ee, r as l } from "./AgentCode-DaATZ4-i.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as te, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useId as w, watch as T, withCtx as E } from "vue";
+import { motion as D } from "motion-v";
+import { Check as O, ChevronDown as k, Copy as A, FileCode2 as j, LoaderCircle as M } from "lucide-vue-next";
+// src/agents/file-diff/src/FileDiff.vue?vue&type=script&setup=true&lang.ts
+var N = ["data-state", "aria-busy"], P = [
+	"id",
+	"aria-expanded",
+	"aria-controls"
+], F = { class: "min-w-0 flex-1 truncate font-mono text-xs text-foreground/80" }, I = { class: "flex shrink-0 items-center gap-2" }, L = {
+	key: 0,
+	class: "font-mono text-xs tabular-nums text-emerald-600 dark:text-emerald-400"
+}, R = {
+	key: 1,
+	class: "font-mono text-xs tabular-nums text-rose-600 dark:text-rose-400"
+}, z = { class: "grid size-4 shrink-0 place-items-center text-muted-foreground/60" }, B = { class: "pl-6 pt-1.5" }, ne = { class: "overflow-hidden rounded-xl bg-muted/80" }, V = { class: "font-mono text-xs leading-5" }, H = { class: "select-none pr-2 text-right tabular-nums text-muted-foreground/55" }, U = { class: "select-none pr-2 text-right tabular-nums text-muted-foreground/55" }, W = {
+	key: 0,
+	class: "flex justify-end px-2 pb-1.5 pt-1"
+}, G = /* @__PURE__ */ _({
+	__name: "FileDiff",
+	props: {
+		file: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		lines: {},
+		status: { default: "streaming" },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			default: !0
+		},
+		collapseOnComplete: {
+			type: Boolean,
+			default: !0
+		},
+		maxHeight: { default: 220 },
+		language: { default: "typescript" },
+		copyText: {},
+		onCopy: {}
+	},
+	emits: ["update:open", "openChange"],
+	setup(_, { emit: G }) {
+		let K = _, q = G, J = i(() => K.open, K.defaultOpen, (e) => {
+			q("update:open", e), q("openChange", e);
+		}), Y = w(), X = e(), Z = b(), Q = d(() => K.lines.reduce((e, t) => (t.type === "added" && e.added++, t.type === "removed" && e.removed++, e), {
+			added: 0,
+			removed: 0
+		})), re = ee(() => K.lines.map((e) => e.content).join("\n"), () => K.language), { copy: ie, copied: $ } = o(() => K.copyText ?? "", () => K.onCopy ? K.onCopy() : navigator.clipboard.writeText(K.copyText ?? ""));
+		T(() => K.status, (e, t) => {
+			e === "streaming" && t !== e ? J.value = !0 : t === "streaming" && e === "complete" && K.collapseOnComplete && (J.value = !1);
+		}), s(Z, () => J.value && K.status === "streaming", X, [
+			() => K.lines,
+			() => K.status,
+			J
+		]);
+		let ae = (e) => e.type === "added" ? "+" : e.type === "removed" ? "−" : "", oe = (e) => e.type === "added" ? "text-emerald-600 dark:text-emerald-400" : e.type === "removed" ? "text-rose-600 dark:text-rose-400" : "";
+		return (e, i) => (y(), m("div", {
+			"data-state": _.status,
+			"aria-busy": _.status === "streaming",
+			class: "w-full text-sm"
+		}, [h("button", {
+			id: `${C(Y)}-trigger`,
+			type: "button",
+			"aria-expanded": C(J),
+			"aria-controls": `${C(Y)}-content`,
+			onClick: i[0] ||= (e) => J.value = !C(J),
+			class: "group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
+		}, [
+			g(C(j), {
+				"aria-hidden": "true",
+				class: "size-4 shrink-0 text-muted-foreground"
+			}),
+			h("span", F, [g(C(a), { node: _.file }, null, 8, ["node"])]),
+			h("span", I, [Q.value.added ? (y(), m("span", L, "+" + S(Q.value.added), 1)) : p("", !0), Q.value.removed ? (y(), m("span", R, "−" + S(Q.value.removed), 1)) : p("", !0)]),
+			h("span", z, [_.status === "streaming" ? (y(), f(C(M), {
+				key: 0,
+				"aria-label": "Applying changes",
+				class: v(C(r)("size-3.5", !C(X) && "animate-spin"))
+			}, null, 8, ["class"])) : (y(), f(C(O), {
+				key: 1,
+				"aria-label": "Changes applied",
+				class: "size-3.5"
+			}))]),
+			g(C(D).span, {
+				"aria-hidden": "true",
+				class: "shrink-0 text-muted-foreground/45 transition-colors group-hover:text-muted-foreground",
+				animate: { rotate: C(J) ? 180 : 0 },
+				transition: C(X) ? { duration: 0 } : C(n)
+			}, {
+				default: E(() => [g(C(k), { class: "size-3.5" })]),
+				_: 1
+			}, 8, ["animate", "transition"])
+		], 8, P), g(c, {
+			id: `${C(Y)}-content`,
+			role: "region",
+			"aria-labelledby": `${C(Y)}-trigger`,
+			open: C(J)
+		}, {
+			default: E(() => [h("div", B, [h("div", ne, [h("div", {
+				ref_key: "viewport",
+				ref: Z,
+				"data-slot": "file-diff-viewport",
+				"aria-live": "polite",
+				class: "scrollbar-hide overflow-auto",
+				style: te({ maxHeight: `${_.maxHeight}px` })
+			}, [h("div", V, [i[1] ||= h("span", { class: "sr-only" }, "File changes", -1), (y(!0), m(u, null, x(_.lines, (e, t) => (y(), m("div", {
+				key: e.id,
+				class: v(C(r)("grid grid-cols-[2.25rem_2.25rem_1rem_minmax(0,1fr)]", e.type === "added" && "bg-emerald-500/[0.07]", e.type === "removed" && "bg-rose-500/[0.07]"))
+			}, [
+				h("span", H, S(e.oldLine), 1),
+				h("span", U, S(e.newLine), 1),
+				h("span", { class: v(C(r)("select-none text-center text-muted-foreground/45", oe(e))) }, S(ae(e)), 3),
+				g(C(l), {
+					code: e.content,
+					tokens: C(re)?.[t],
+					class: "min-w-0 whitespace-pre px-1.5"
+				}, null, 8, ["code", "tokens"])
+			], 2))), 128))])], 4), _.copyText || _.onCopy ? (y(), m("div", W, [g(C(D).button, {
+				type: "button",
+				"aria-label": C($) ? "Copied" : "Copy diff",
+				title: C($) ? "Copied" : "Copy diff",
+				onClick: C(ie),
+				"while-press": C(X) ? void 0 : { scale: .9 },
+				transition: C(t),
+				class: "grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring"
+			}, {
+				default: E(() => [C($) ? (y(), f(C(O), {
+					key: 0,
+					class: "size-3.5"
+				})) : (y(), f(C(A), {
+					key: 1,
+					class: "size-3.5"
+				}))]),
+				_: 1
+			}, 8, [
+				"aria-label",
+				"title",
+				"onClick",
+				"while-press",
+				"transition"
+			])])) : p("", !0)])])]),
+			_: 1
+		}, 8, [
+			"id",
+			"aria-labelledby",
+			"open"
+		])], 8, N));
+	}
+});
+export { G as t };
+
+//# sourceMappingURL=file-diff-DNZKcjPv.js.map

package/dist/file-diff-DNZKcjPv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-diff-DNZKcjPv.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createVNode","_toDisplayString","_createCommentVNode","_createBlock","_normalizeClass","_withCtx","AgentDisclosure","_normalizeStyle","_Fragment","_renderList","AgentCodeLine","_sfc_main","useReducedMotion","SPRING_PRESS","SPRING_SWAP","cn","useControllable","RenderNode","useClipboard","useStreamFollow","AgentDisclosure_default","useAgentCodeTokens","AgentCodeLine_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","FileDiff_default","defineComponent","__emit","props","__props","emit","expanded","value","identity","useId","reduced","viewport","ref","counts","computed","line","total","tokens","watch","status","previous","sign","color","openBlock","createElementBlock","createElementVNode","unref","_cache","createVNode","FileCode2","toDisplayString","createCommentVNode","createBlock","LoaderCircle","normalizeClass","Check","motion","withCtx","ChevronDown","normalizeStyle","Fragment","renderList","index","copied","copy","Copy"],"sources":["../src/agents/file-diff/src/FileDiff.vue","../src/agents/file-diff/src/FileDiff.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  Check,\n  ChevronDown,\n  Copy,\n  FileCode2,\n  LoaderCircle,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport {\n  AgentCodeLine,\n  useAgentCodeTokens,\n  type AgentCodeLanguage,\n} from \"../../code-block\";\nimport {\n  RenderNode,\n  useClipboard,\n  useControllable,\n  type Content,\n} from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport type { FileDiffLine, FileDiffStatus } from \"./types\";\nconst props = withDefaults(\n  defineProps<{\n    file: Content;\n    lines: FileDiffLine[];\n    status?: FileDiffStatus;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n    language?: AgentCodeLanguage;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n  }>(),\n  {\n    status: \"streaming\",\n    open: undefined,\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 220,\n    language: \"typescript\",\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 identity = useId();\nconst reduced = useReducedMotion();\nconst viewport = ref<HTMLElement>();\nconst counts = computed(() =>\n  props.lines.reduce(\n    (total, line) => {\n      if (line.type === \"added\") total.added++;\n      if (line.type === \"removed\") total.removed++;\n      return total;\n    },\n    { added: 0, removed: 0 },\n  ),\n);\nconst tokens = useAgentCodeTokens(\n  () => props.lines.map((line) => line.content).join(\"\\n\"),\n  () => props.language,\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nwatch(\n  () => props.status,\n  (status, previous) => {\n    if (status === \"streaming\" && previous !== status) expanded.value = true;\n    else if (\n      previous === \"streaming\" &&\n      status === \"complete\" &&\n      props.collapseOnComplete\n    )\n      expanded.value = false;\n  },\n);\nuseStreamFollow(\n  viewport,\n  () => expanded.value && props.status === \"streaming\",\n  reduced,\n  [() => props.lines, () => props.status, expanded],\n);\nconst sign = (line: FileDiffLine) =>\n  line.type === \"added\" ? \"+\" : line.type === \"removed\" ? \"−\" : \"\";\nconst color = (line: FileDiffLine) =>\n  line.type === \"added\"\n    ? \"text-emerald-600 dark:text-emerald-400\"\n    : line.type === \"removed\"\n      ? \"text-rose-600 dark:text-rose-400\"\n      : \"\";\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"status === 'streaming'\"\n    class=\"w-full text-sm\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <FileCode2\n        aria-hidden=\"true\"\n        class=\"size-4 shrink-0 text-muted-foreground\"\n      />\n      <span class=\"min-w-0 flex-1 truncate font-mono text-xs text-foreground/80\"\n        ><RenderNode :node=\"file\"\n      /></span>\n      <span class=\"flex shrink-0 items-center gap-2\"\n        ><span\n          v-if=\"counts.added\"\n          class=\"font-mono text-xs tabular-nums text-emerald-600 dark:text-emerald-400\"\n          >+{{ counts.added }}</span\n        ><span\n          v-if=\"counts.removed\"\n          class=\"font-mono text-xs tabular-nums text-rose-600 dark:text-rose-400\"\n          >−{{ counts.removed }}</span\n        ></span\n      >\n      <span\n        class=\"grid size-4 shrink-0 place-items-center text-muted-foreground/60\"\n        ><LoaderCircle\n          v-if=\"status === 'streaming'\"\n          aria-label=\"Applying changes\"\n          :class=\"cn('size-3.5', !reduced && 'animate-spin')\" /><Check\n          v-else\n          aria-label=\"Changes applied\"\n          class=\"size-3.5\"\n      /></span>\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"shrink-0 text-muted-foreground/45 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 class=\"pl-6 pt-1.5\">\n        <div class=\"overflow-hidden rounded-xl bg-muted/80\">\n          <div\n            ref=\"viewport\"\n            data-slot=\"file-diff-viewport\"\n            aria-live=\"polite\"\n            class=\"scrollbar-hide overflow-auto\"\n            :style=\"{ maxHeight: `${maxHeight}px` }\"\n          >\n            <div class=\"font-mono text-xs leading-5\">\n              <span class=\"sr-only\">File changes</span>\n              <div\n                v-for=\"(line, index) in lines\"\n                :key=\"line.id\"\n                :class=\"\n                  cn(\n                    'grid grid-cols-[2.25rem_2.25rem_1rem_minmax(0,1fr)]',\n                    line.type === 'added' && 'bg-emerald-500/[0.07]',\n                    line.type === 'removed' && 'bg-rose-500/[0.07]',\n                  )\n                \"\n              >\n                <span\n                  class=\"select-none pr-2 text-right tabular-nums text-muted-foreground/55\"\n                  >{{ line.oldLine }}</span\n                ><span\n                  class=\"select-none pr-2 text-right tabular-nums text-muted-foreground/55\"\n                  >{{ line.newLine }}</span\n                >\n                <span\n                  :class=\"\n                    cn(\n                      'select-none text-center text-muted-foreground/45',\n                      color(line),\n                    )\n                  \"\n                  >{{ sign(line) }}</span\n                ><AgentCodeLine\n                  :code=\"line.content\"\n                  :tokens=\"tokens?.[index]\"\n                  class=\"min-w-0 whitespace-pre px-1.5\"\n                />\n              </div>\n            </div>\n          </div>\n          <div\n            v-if=\"copyText || onCopy\"\n            class=\"flex justify-end px-2 pb-1.5 pt-1\"\n          >\n            <motion.button\n              type=\"button\"\n              :aria-label=\"copied ? 'Copied' : 'Copy diff'\"\n              :title=\"copied ? 'Copied' : 'Copy diff'\"\n              @click=\"copy\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n                v-else\n                class=\"size-3.5\"\n            /></motion.button>\n          </div>\n        </div>\n      </div>\n    </AgentDisclosure>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  Check,\n  ChevronDown,\n  Copy,\n  FileCode2,\n  LoaderCircle,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport {\n  AgentCodeLine,\n  useAgentCodeTokens,\n  type AgentCodeLanguage,\n} from \"../../code-block\";\nimport {\n  RenderNode,\n  useClipboard,\n  useControllable,\n  type Content,\n} from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport type { FileDiffLine, FileDiffStatus } from \"./types\";\nconst props = withDefaults(\n  defineProps<{\n    file: Content;\n    lines: FileDiffLine[];\n    status?: FileDiffStatus;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n    language?: AgentCodeLanguage;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n  }>(),\n  {\n    status: \"streaming\",\n    open: undefined,\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 220,\n    language: \"typescript\",\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 identity = useId();\nconst reduced = useReducedMotion();\nconst viewport = ref<HTMLElement>();\nconst counts = computed(() =>\n  props.lines.reduce(\n    (total, line) => {\n      if (line.type === \"added\") total.added++;\n      if (line.type === \"removed\") total.removed++;\n      return total;\n    },\n    { added: 0, removed: 0 },\n  ),\n);\nconst tokens = useAgentCodeTokens(\n  () => props.lines.map((line) => line.content).join(\"\\n\"),\n  () => props.language,\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nwatch(\n  () => props.status,\n  (status, previous) => {\n    if (status === \"streaming\" && previous !== status) expanded.value = true;\n    else if (\n      previous === \"streaming\" &&\n      status === \"complete\" &&\n      props.collapseOnComplete\n    )\n      expanded.value = false;\n  },\n);\nuseStreamFollow(\n  viewport,\n  () => expanded.value && props.status === \"streaming\",\n  reduced,\n  [() => props.lines, () => props.status, expanded],\n);\nconst sign = (line: FileDiffLine) =>\n  line.type === \"added\" ? \"+\" : line.type === \"removed\" ? \"−\" : \"\";\nconst color = (line: FileDiffLine) =>\n  line.type === \"added\"\n    ? \"text-emerald-600 dark:text-emerald-400\"\n    : line.type === \"removed\"\n      ? \"text-rose-600 dark:text-rose-400\"\n      : \"\";\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"status === 'streaming'\"\n    class=\"w-full text-sm\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <FileCode2\n        aria-hidden=\"true\"\n        class=\"size-4 shrink-0 text-muted-foreground\"\n      />\n      <span class=\"min-w-0 flex-1 truncate font-mono text-xs text-foreground/80\"\n        ><RenderNode :node=\"file\"\n      /></span>\n      <span class=\"flex shrink-0 items-center gap-2\"\n        ><span\n          v-if=\"counts.added\"\n          class=\"font-mono text-xs tabular-nums text-emerald-600 dark:text-emerald-400\"\n          >+{{ counts.added }}</span\n        ><span\n          v-if=\"counts.removed\"\n          class=\"font-mono text-xs tabular-nums text-rose-600 dark:text-rose-400\"\n          >−{{ counts.removed }}</span\n        ></span\n      >\n      <span\n        class=\"grid size-4 shrink-0 place-items-center text-muted-foreground/60\"\n        ><LoaderCircle\n          v-if=\"status === 'streaming'\"\n          aria-label=\"Applying changes\"\n          :class=\"cn('size-3.5', !reduced && 'animate-spin')\" /><Check\n          v-else\n          aria-label=\"Changes applied\"\n          class=\"size-3.5\"\n      /></span>\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"shrink-0 text-muted-foreground/45 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 class=\"pl-6 pt-1.5\">\n        <div class=\"overflow-hidden rounded-xl bg-muted/80\">\n          <div\n            ref=\"viewport\"\n            data-slot=\"file-diff-viewport\"\n            aria-live=\"polite\"\n            class=\"scrollbar-hide overflow-auto\"\n            :style=\"{ maxHeight: `${maxHeight}px` }\"\n          >\n            <div class=\"font-mono text-xs leading-5\">\n              <span class=\"sr-only\">File changes</span>\n              <div\n                v-for=\"(line, index) in lines\"\n                :key=\"line.id\"\n                :class=\"\n                  cn(\n                    'grid grid-cols-[2.25rem_2.25rem_1rem_minmax(0,1fr)]',\n                    line.type === 'added' && 'bg-emerald-500/[0.07]',\n                    line.type === 'removed' && 'bg-rose-500/[0.07]',\n                  )\n                \"\n              >\n                <span\n                  class=\"select-none pr-2 text-right tabular-nums text-muted-foreground/55\"\n                  >{{ line.oldLine }}</span\n                ><span\n                  class=\"select-none pr-2 text-right tabular-nums text-muted-foreground/55\"\n                  >{{ line.newLine }}</span\n                >\n                <span\n                  :class=\"\n                    cn(\n                      'select-none text-center text-muted-foreground/45',\n                      color(line),\n                    )\n                  \"\n                  >{{ sign(line) }}</span\n                ><AgentCodeLine\n                  :code=\"line.content\"\n                  :tokens=\"tokens?.[index]\"\n                  class=\"min-w-0 whitespace-pre px-1.5\"\n                />\n              </div>\n            </div>\n          </div>\n          <div\n            v-if=\"copyText || onCopy\"\n            class=\"flex justify-end px-2 pb-1.5 pt-1\"\n          >\n            <motion.button\n              type=\"button\"\n              :aria-label=\"copied ? 'Copied' : 'Copy diff'\"\n              :title=\"copied ? 'Copied' : 'Copy diff'\"\n              @click=\"copy\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-background/70 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n                v-else\n                class=\"size-3.5\"\n            /></motion.button>\n          </div>\n        </div>\n      </div>\n    </AgentDisclosure>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/file-tree-BX_U6uD4.js

@@ -0,0 +1,320 @@
+import { s as e } from "./composables-BJ1sih_H.js";
+import { n as t } from "./state-DWNDjqAL.js";
+import { o as n, r, u as i } from "./ease-rIvCM4O3.js";
+import { t as a } from "./utils-DIrLOK2M.js";
+import { t as o } from "./RenderContent-CwtJ7hLl.js";
+import { t as s } from "./shared-layout-bg-QIKkMnLV.js";
+import { Fragment as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, isVNode as h, nextTick as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, useSlots as T, withCtx as E } from "vue";
+import { AnimatePresence as D, motion as O } from "motion-v";
+import { ChevronRight as k, File as A, Folder as j, FolderOpen as M } from "lucide-vue-next";
+// src/motion/file-tree/src/FileTreeFile.vue
+var N = /* @__PURE__ */ m({
+	__name: "FileTreeFile",
+	props: {
+		value: {},
+		name: {},
+		icon: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		return (e, t) => null;
+	}
+}), P = /* @__PURE__ */ m({
+	__name: "FileTreeFolder",
+	props: {
+		value: {},
+		name: {},
+		icon: {},
+		disabled: { type: Boolean }
+	},
+	setup(e) {
+		return (e, t) => null;
+	}
+});
+// src/motion/file-tree/src/tree-model.ts
+function F(e) {
+	let t = [];
+	for (let n of e) {
+		if (!h(n)) continue;
+		if (n.type === c) {
+			t.push(...F(Array.isArray(n.children) ? n.children : []));
+			continue;
+		}
+		if (n.type !== N && n.type !== P) continue;
+		let e = n.props ?? {}, r = n.children?.default;
+		t.push({
+			value: e.value,
+			name: e.name,
+			type: n.type === P ? "folder" : "file",
+			icon: e.icon,
+			disabled: e.disabled === !0 || e.disabled === "",
+			class: e.class,
+			children: r ? F(r()) : []
+		});
+	}
+	return t;
+}
+function I(e, t) {
+	let n = [], r = new Set(t);
+	function i(e, t, a) {
+		e.forEach((o, s) => {
+			n.push({
+				item: o,
+				depth: t,
+				parentId: a,
+				position: s + 1,
+				setSize: e.length
+			}), o.type === "folder" && r.has(o.value) && i(o.children, t + 1, o.value);
+		});
+	}
+	return i(e, 0, null), n;
+}
+// src/motion/file-tree/src/FileTree.vue?vue&type=script&setup=true&lang.ts
+var L = [
+	"aria-level",
+	"aria-posinset",
+	"aria-setsize",
+	"aria-selected",
+	"aria-expanded",
+	"aria-disabled",
+	"tabindex",
+	"onFocus",
+	"onKeydown",
+	"onClick"
+], R = /* @__PURE__ */ m({
+	__name: "FileTree",
+	props: {
+		modelValue: {},
+		defaultValue: { default: null },
+		expandedIds: {},
+		defaultExpandedIds: { default: () => [] },
+		ariaLabel: { default: "Files" },
+		indent: { default: 18 },
+		classNames: {}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"update:expandedIds",
+		"expandedChange"
+	],
+	setup(m, { emit: h }) {
+		let N = m, P = h, R = t(N, P, "modelValue", N.defaultValue), z = t(N, P, "expandedIds", N.defaultExpandedIds), B = e(), V = T(), H = x(null), U = /* @__PURE__ */ new Map(), W = !1, G = 0, K = "", q = 0;
+		function J() {
+			return I(F(V.default?.() ?? []), z.value);
+		}
+		function Y(e) {
+			return z.value.includes(e.item.value);
+		}
+		function X(e) {
+			let t = J(), n = [
+				H.value,
+				R.value,
+				t[0]?.item.value
+			];
+			return e.item.value === n.find((e) => t.some((t) => t.item.value === e)) ? 0 : -1;
+		}
+		function Z(e) {
+			let t = e.item.value;
+			z.value = Y(e) ? z.value.filter((e) => e !== t) : [...z.value, t], P("expandedChange", z.value);
+		}
+		function Q(e) {
+			e.item.disabled || (R.value = e.item.value, e.item.type === "folder" && Z(e));
+		}
+		async function $(e) {
+			if (!e) return;
+			H.value = e;
+			let t = ++G;
+			await g(), !W && t === G && U.get(e)?.focus();
+		}
+		function ee(e, t) {
+			let n = J(), r = n.findIndex((e) => e.item.value === t.item.value), i, a = !0;
+			switch (e.key) {
+				case "ArrowDown":
+					i = n[r + 1]?.item.value, a = !!i;
+					break;
+				case "ArrowUp":
+					i = n[r - 1]?.item.value, a = !!i;
+					break;
+				case "Home":
+					i = n[0]?.item.value;
+					break;
+				case "End":
+					i = n.at(-1)?.item.value;
+					break;
+				case "ArrowLeft":
+					t.item.type === "folder" && Y(t) && !t.item.disabled ? Z(t) : i = t.parentId ?? void 0;
+					break;
+				case "ArrowRight":
+					if (t.item.type !== "folder") {
+						a = !1;
+						break;
+					}
+					!Y(t) && !t.item.disabled ? Z(t) : n[r + 1]?.parentId === t.item.value && (i = n[r + 1].item.value);
+					break;
+				case "Enter":
+				case " ":
+					Q(t);
+					break;
+				default: {
+					if (a = !1, e.key.length !== 1 || e.ctrlKey || e.altKey || e.metaKey) break;
+					let t = performance.now();
+					K = t - q < 500 ? K + e.key : e.key, q = t, i = n.slice(r + 1).concat(n.slice(0, r + 1)).find((e) => e.item.name.toLocaleLowerCase().startsWith(K.toLocaleLowerCase()))?.item.value, a = !!i;
+				}
+			}
+			a && e.preventDefault(), i && $(i);
+		}
+		function te(e, t) {
+			t ? U.set(e, t) : U.delete(e);
+		}
+		return y(() => {
+			W = !0, ++G, U.clear();
+		}), (e, t) => (b(), l(w(s), {
+			role: "tree",
+			"aria-label": m.ariaLabel,
+			"aria-multiselectable": "false",
+			inset: 0,
+			"pill-class-name": "rounded-xl bg-muted",
+			"pill-container-class-name": "inset-y-auto top-0 h-9",
+			class: _(w(a)("min-w-0", m.classNames?.tree))
+		}, {
+			default: E(() => [(b(!0), d(c, null, S(J(), (e) => (b(), l(w(O).div, {
+				key: e.item.value,
+				layout: !w(B) && "position",
+				initial: !w(B) && {
+					opacity: 0,
+					y: -6
+				},
+				animate: {
+					opacity: e.item.disabled ? .42 : 1,
+					y: 0,
+					transition: w(B) ? { duration: 0 } : {
+						duration: .22,
+						ease: w(r),
+						delay: Math.min(e.position * .025, .1)
+					}
+				},
+				transition: w(B) ? { duration: 0 } : w(n)
+			}, {
+				default: E(() => [f("button", {
+					ref_for: !0,
+					ref: (t) => te(e.item.value, t),
+					type: "button",
+					role: "treeitem",
+					"aria-level": e.depth + 1,
+					"aria-posinset": e.position,
+					"aria-setsize": e.setSize,
+					"aria-selected": w(R) === e.item.value,
+					"aria-expanded": e.item.type === "folder" ? Y(e) : void 0,
+					"aria-disabled": e.item.disabled || void 0,
+					tabindex: X(e),
+					class: _(w(a)("group/file-tree relative flex h-9 w-full items-center gap-2 overflow-hidden rounded-lg pr-2 text-left text-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-disabled:cursor-not-allowed", w(R) === e.item.value && "bg-muted font-medium text-foreground", m.classNames?.item, e.item.class)),
+					style: v({ paddingLeft: `${8 + e.depth * m.indent}px` }),
+					onFocus: (t) => H.value = e.item.value,
+					onKeydown: (t) => ee(t, e),
+					onClick: (t) => Q(e)
+				}, [
+					e.depth > 0 ? (b(), l(w(O).span, {
+						key: 0,
+						"aria-hidden": "true",
+						class: "absolute bottom-0 top-0 w-px origin-top bg-border",
+						style: v({ left: `${16 + (e.depth - 1) * m.indent}px` }),
+						initial: !w(B) && {
+							opacity: 0,
+							scaleY: 0
+						},
+						animate: {
+							opacity: 1,
+							scaleY: 1
+						},
+						exit: {
+							opacity: 0,
+							scaleY: 0
+						},
+						transition: {
+							duration: w(B) ? 0 : .3,
+							ease: w(r)
+						}
+					}, null, 8, [
+						"style",
+						"initial",
+						"transition"
+					])) : u("", !0),
+					p(w(O).span, {
+						"aria-hidden": "true",
+						class: _(["relative z-10 grid size-4 shrink-0 place-items-center", e.item.type === "file" ? "opacity-0" : ""]),
+						animate: { rotate: e.item.type === "folder" && Y(e) ? 90 : 0 },
+						transition: w(B) ? { duration: 0 } : w(i)
+					}, {
+						default: E(() => [p(w(k), { class: "size-3.5" })]),
+						_: 1
+					}, 8, [
+						"class",
+						"animate",
+						"transition"
+					]),
+					f("span", {
+						"aria-hidden": "true",
+						class: _(w(a)("relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground transition-colors group-hover/file-tree:text-foreground", e.item.type === "folder" && Y(e) && "text-foreground", m.classNames?.icon))
+					}, [e.item.icon ? (b(), l(w(o), {
+						key: 0,
+						node: e.item.icon
+					}, null, 8, ["node"])) : e.item.type === "file" ? (b(), l(w(A), {
+						key: 1,
+						class: "size-4"
+					})) : (b(), l(w(D), {
+						key: 2,
+						initial: !1,
+						mode: "popLayout"
+					}, {
+						default: E(() => [(b(), l(w(O).span, {
+							key: Y(e) ? "open" : "closed",
+							class: "absolute inset-0 grid place-items-center",
+							initial: !w(B) && {
+								opacity: 0,
+								scale: .75,
+								rotate: Y(e) ? -8 : 8
+							},
+							animate: {
+								opacity: 1,
+								scale: 1,
+								rotate: 0
+							},
+							exit: w(B) ? void 0 : {
+								opacity: 0,
+								scale: .75,
+								rotate: Y(e) ? 8 : -8
+							},
+							transition: w(B) ? { duration: 0 } : w(i)
+						}, {
+							default: E(() => [Y(e) ? (b(), l(w(M), {
+								key: 0,
+								class: "size-4"
+							})) : (b(), l(w(j), {
+								key: 1,
+								class: "size-4"
+							}))]),
+							_: 2
+						}, 1032, [
+							"initial",
+							"exit",
+							"transition"
+						]))]),
+						_: 2
+					}, 1024))], 2),
+					f("span", { class: _(w(a)("relative z-10 min-w-0 flex-1 truncate", m.classNames?.label)) }, C(e.item.name), 3)
+				], 46, L)]),
+				_: 2
+			}, 1032, [
+				"layout",
+				"initial",
+				"animate",
+				"transition"
+			]))), 128))]),
+			_: 1
+		}, 8, ["aria-label", "class"]));
+	}
+});
+export { P as n, N as r, R as t };
+
+//# sourceMappingURL=file-tree-BX_U6uD4.js.map

package/dist/file-tree-BX_U6uD4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-tree-BX_U6uD4.js","names":["_sfc_main","_sfc_main","FileTreeFile","FileTreeFolder","_openBlock","_createBlock","_unref","SharedLayoutBg","_normalizeClass","_withCtx","_createElementBlock","_Fragment","_renderList","_createElementVNode","_normalizeStyle","_createCommentVNode","_createVNode","RenderContent","_toDisplayString","_sfc_main","useReducedMotion","useMotionState","SPRING_LAYOUT","SPRING_SWAP","cn","RenderContent_default","SharedLayoutBg_default","FileTreeFile_default","defineComponent","FileTreeFolder_default","readTree","output","node","nodes","isVNode","Fragment","p","childSlot","visibleTree","rows","open","expanded","visit","index","siblings","item","depth","_hoisted_1","FileTree_default","__emit","props","__props","emit","selected","reduced","slots","useSlots","focused","ref","elements","disposed","focusVersion","prefix","typedAt","isOpen","row","tabIndex","all","candidates","other","id","toggle","select","focus","version","nextTick","key","destination","handled","event","time","register","onBeforeUnmount","openBlock","createBlock","unref","normalizeClass","withCtx","createElementBlock","renderList","motion","EASE_OUT","createElementVNode","normalizeStyle","$event","createCommentVNode","createVNode","ChevronRight","File","AnimatePresence","FolderOpen","Folder","toDisplayString"],"sources":["../src/motion/file-tree/src/FileTreeFile.vue","../src/motion/file-tree/src/FileTreeFile.vue","../src/motion/file-tree/src/FileTreeFolder.vue","../src/motion/file-tree/src/FileTreeFolder.vue","../src/motion/file-tree/src/tree-model.ts","../src/motion/file-tree/src/FileTree.vue","../src/motion/file-tree/src/FileTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\ndefineProps<{ value: string; name: string; icon?: any; disabled?: boolean }>();\n</script>\n<template><!-- Declarative tree entries are read by FileTree before rendering. --></template>\n","<script setup lang=\"ts\">\ndefineProps<{ value: string; name: string; icon?: any; disabled?: boolean }>();\n</script>\n<template><!-- Declarative tree entries are read by FileTree before rendering. --></template>\n","<script setup lang=\"ts\">\ndefineProps<{ value: string; name: string; icon?: any; disabled?: boolean }>();\n</script>\n<template><!-- Declarative tree entries are read by FileTree before rendering. --></template>\n","<script setup lang=\"ts\">\ndefineProps<{ value: string; name: string; icon?: any; disabled?: boolean }>();\n</script>\n<template><!-- Declarative tree entries are read by FileTree before rendering. --></template>\n","import { Fragment, isVNode, type VNodeChild } from \"vue\";\nimport FileTreeFile from \"./FileTreeFile.vue\";\nimport FileTreeFolder from \"./FileTreeFolder.vue\";\nexport interface TreeNode { value: string; name: string; type: \"folder\" | \"file\"; icon?: any; disabled: boolean; class?: any; children: TreeNode[] }\nexport interface TreeRow { item: TreeNode; depth: number; parentId: string | null; position: number; setSize: number }\nexport function readTree(nodes: VNodeChild[]): TreeNode[] {\n  const output: TreeNode[] = [];\n  for (const node of nodes) {\n    if (!isVNode(node)) continue;\n    if (node.type === Fragment) { output.push(...readTree(Array.isArray(node.children) ? node.children as VNodeChild[] : [])); continue; }\n    if (node.type !== FileTreeFile && node.type !== FileTreeFolder) continue;\n    const p = node.props ?? {};\n    const childSlot = (node.children as { default?: () => VNodeChild[] } | null)?.default;\n    output.push({ value: p.value, name: p.name, type: node.type === FileTreeFolder ? \"folder\" : \"file\", icon: p.icon, disabled: p.disabled === true || p.disabled === \"\", class: p.class, children: childSlot ? readTree(childSlot()) : [] });\n  }\n  return output;\n}\nexport function visibleTree(nodes: TreeNode[], expanded: string[]): TreeRow[] {\n  const rows: TreeRow[] = [];\n  const open = new Set(expanded);\n  function visit(siblings: TreeNode[], depth: number, parentId: string | null) {\n    siblings.forEach((item, index) => { rows.push({ item, depth, parentId, position: index + 1, setSize: siblings.length }); if (item.type === \"folder\" && open.has(item.value)) visit(item.children, depth + 1, item.value); });\n  }\n  visit(nodes, 0, null);\n  return rows;\n}\n","<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, ref, useSlots } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronRight, File, Folder, FolderOpen } from \"lucide-vue-next\";\nimport { SharedLayoutBg } from \"../../shared-layout-bg\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { readTree, visibleTree, type TreeRow } from \"./tree-model\";\nexport interface FileTreeClassNames { tree?: string; item?: string; icon?: string; label?: string }\nconst props = withDefaults(defineProps<{ modelValue?: string | null; defaultValue?: string | null; expandedIds?: string[]; defaultExpandedIds?: string[]; ariaLabel?: string; indent?: number; classNames?: FileTreeClassNames }>(), { defaultValue: null, defaultExpandedIds: () => [], ariaLabel: \"Files\", indent: 18 });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:expandedIds\", \"expandedChange\"]);\nconst selected = useMotionState<string | null>(props, emit, \"modelValue\", props.defaultValue);\nconst expanded = useMotionState<string[]>(props, emit, \"expandedIds\", props.defaultExpandedIds);\nconst reduced = useReducedMotion();\nconst slots = useSlots();\nconst focused = ref<string | null>(null);\nconst elements = new Map<string, HTMLButtonElement>();\nlet disposed = false;\nlet focusVersion = 0;\nlet prefix = \"\";\nlet typedAt = 0;\nfunction rows() { return visibleTree(readTree(slots.default?.() ?? []), expanded.value); }\nfunction isOpen(row: TreeRow) { return expanded.value.includes(row.item.value); }\nfunction tabIndex(row: TreeRow) { const all = rows(); const candidates = [focused.value, selected.value, all[0]?.item.value]; return row.item.value === candidates.find(id => all.some(other => other.item.value === id)) ? 0 : -1; }\nfunction toggle(row: TreeRow) { const id = row.item.value; expanded.value = isOpen(row) ? expanded.value.filter(item => item !== id) : [...expanded.value, id]; emit(\"expandedChange\", expanded.value); }\nfunction select(row: TreeRow) { if (row.item.disabled) return; selected.value = row.item.value; if (row.item.type === \"folder\") toggle(row); }\nasync function focus(id: string | undefined) { if (!id) return; focused.value = id; const version = ++focusVersion; await nextTick(); if (!disposed && version === focusVersion) elements.get(id)?.focus(); }\nfunction key(event: KeyboardEvent, row: TreeRow) {\n  const all = rows(); const index = all.findIndex(item => item.item.value === row.item.value);\n  let destination: string | undefined; let handled = true;\n  switch (event.key) {\n    case \"ArrowDown\": destination = all[index + 1]?.item.value; handled = !!destination; break;\n    case \"ArrowUp\": destination = all[index - 1]?.item.value; handled = !!destination; break;\n    case \"Home\": destination = all[0]?.item.value; break;\n    case \"End\": destination = all.at(-1)?.item.value; break;\n    case \"ArrowLeft\": if (row.item.type === \"folder\" && isOpen(row) && !row.item.disabled) toggle(row); else destination = row.parentId ?? undefined; break;\n    case \"ArrowRight\": if (row.item.type !== \"folder\") { handled = false; break; } if (!isOpen(row) && !row.item.disabled) toggle(row); else if (all[index + 1]?.parentId === row.item.value) destination = all[index + 1].item.value; break;\n    case \"Enter\": case \" \": select(row); break;\n    default: {\n      handled = false;\n      if (event.key.length !== 1 || event.ctrlKey || event.altKey || event.metaKey) break;\n      const time = performance.now(); prefix = time - typedAt < 500 ? prefix + event.key : event.key; typedAt = time;\n      const searchOrder = all.slice(index + 1).concat(all.slice(0, index + 1));\n      destination = searchOrder.find(item => item.item.name.toLocaleLowerCase().startsWith(prefix.toLocaleLowerCase()))?.item.value; handled = !!destination;\n    }\n  }\n  if (handled) event.preventDefault(); if (destination) void focus(destination);\n}\nfunction register(id: string, node: unknown) { if (node) elements.set(id, node as HTMLButtonElement); else elements.delete(id); }\nonBeforeUnmount(() => { disposed = true; ++focusVersion; elements.clear(); });\n</script>\n<template>\n  <SharedLayoutBg role=\"tree\" :aria-label=\"ariaLabel\" aria-multiselectable=\"false\" :inset=\"0\" pill-class-name=\"rounded-xl bg-muted\" pill-container-class-name=\"inset-y-auto top-0 h-9\" :class=\"cn('min-w-0', classNames?.tree)\">\n    <motion.div v-for=\"row in rows()\" :key=\"row.item.value\" :layout=\"reduced ? false : 'position'\" :initial=\"reduced ? false : { opacity: 0, y: -6 }\" :animate=\"{ opacity: row.item.disabled ? .42 : 1, y: 0, transition: reduced ? { duration: 0 } : { duration: .22, ease: EASE_OUT, delay: Math.min(row.position * .025, .1) } }\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\">\n      <button :ref=\"node => register(row.item.value, node)\" type=\"button\" role=\"treeitem\" :aria-level=\"row.depth + 1\" :aria-posinset=\"row.position\" :aria-setsize=\"row.setSize\" :aria-selected=\"selected === row.item.value\" :aria-expanded=\"row.item.type === 'folder' ? isOpen(row) : undefined\" :aria-disabled=\"row.item.disabled || undefined\" :tabindex=\"tabIndex(row)\" :class=\"cn('group/file-tree relative flex h-9 w-full items-center gap-2 overflow-hidden rounded-lg pr-2 text-left text-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-disabled:cursor-not-allowed', selected === row.item.value && 'bg-muted font-medium text-foreground', classNames?.item, row.item.class)\" :style=\"{ paddingLeft: `${8 + row.depth * indent}px` }\" @focus=\"focused = row.item.value\" @keydown=\"key($event, row)\" @click=\"select(row)\">\n        <motion.span v-if=\"row.depth > 0\" aria-hidden=\"true\" class=\"absolute bottom-0 top-0 w-px origin-top bg-border\" :style=\"{ left: `${16 + (row.depth - 1) * indent}px` }\" :initial=\"reduced ? false : { opacity: 0, scaleY: 0 }\" :animate=\"{ opacity: 1, scaleY: 1 }\" :exit=\"{ opacity: 0, scaleY: 0 }\" :transition=\"{ duration: reduced ? 0 : .3, ease: EASE_OUT }\" />\n        <motion.span aria-hidden=\"true\" class=\"relative z-10 grid size-4 shrink-0 place-items-center\" :class=\"row.item.type === 'file' ? 'opacity-0' : ''\" :animate=\"{ rotate: row.item.type === 'folder' && isOpen(row) ? 90 : 0 }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"><ChevronRight class=\"size-3.5\" /></motion.span>\n        <span aria-hidden=\"true\" :class=\"cn('relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground transition-colors group-hover/file-tree:text-foreground', row.item.type === 'folder' && isOpen(row) && 'text-foreground', classNames?.icon)\">\n          <RenderContent v-if=\"row.item.icon\" :node=\"row.item.icon\" /><File v-else-if=\"row.item.type === 'file'\" class=\"size-4\" />\n          <AnimatePresence v-else :initial=\"false\" mode=\"popLayout\"><motion.span :key=\"isOpen(row) ? 'open' : 'closed'\" class=\"absolute inset-0 grid place-items-center\" :initial=\"reduced ? false : { opacity: 0, scale: .75, rotate: isOpen(row) ? -8 : 8 }\" :animate=\"{ opacity: 1, scale: 1, rotate: 0 }\" :exit=\"reduced ? undefined : { opacity: 0, scale: .75, rotate: isOpen(row) ? 8 : -8 }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"><FolderOpen v-if=\"isOpen(row)\" class=\"size-4\" /><Folder v-else class=\"size-4\" /></motion.span></AnimatePresence>\n        </span>\n        <span :class=\"cn('relative z-10 min-w-0 flex-1 truncate', classNames?.label)\">{{ row.item.name }}</span>\n      </button>\n    </motion.div>\n  </SharedLayoutBg>\n</template>\n","<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, ref, useSlots } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronRight, File, Folder, FolderOpen } from \"lucide-vue-next\";\nimport { SharedLayoutBg } from \"../../shared-layout-bg\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { readTree, visibleTree, type TreeRow } from \"./tree-model\";\nexport interface FileTreeClassNames { tree?: string; item?: string; icon?: string; label?: string }\nconst props = withDefaults(defineProps<{ modelValue?: string | null; defaultValue?: string | null; expandedIds?: string[]; defaultExpandedIds?: string[]; ariaLabel?: string; indent?: number; classNames?: FileTreeClassNames }>(), { defaultValue: null, defaultExpandedIds: () => [], ariaLabel: \"Files\", indent: 18 });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:expandedIds\", \"expandedChange\"]);\nconst selected = useMotionState<string | null>(props, emit, \"modelValue\", props.defaultValue);\nconst expanded = useMotionState<string[]>(props, emit, \"expandedIds\", props.defaultExpandedIds);\nconst reduced = useReducedMotion();\nconst slots = useSlots();\nconst focused = ref<string | null>(null);\nconst elements = new Map<string, HTMLButtonElement>();\nlet disposed = false;\nlet focusVersion = 0;\nlet prefix = \"\";\nlet typedAt = 0;\nfunction rows() { return visibleTree(readTree(slots.default?.() ?? []), expanded.value); }\nfunction isOpen(row: TreeRow) { return expanded.value.includes(row.item.value); }\nfunction tabIndex(row: TreeRow) { const all = rows(); const candidates = [focused.value, selected.value, all[0]?.item.value]; return row.item.value === candidates.find(id => all.some(other => other.item.value === id)) ? 0 : -1; }\nfunction toggle(row: TreeRow) { const id = row.item.value; expanded.value = isOpen(row) ? expanded.value.filter(item => item !== id) : [...expanded.value, id]; emit(\"expandedChange\", expanded.value); }\nfunction select(row: TreeRow) { if (row.item.disabled) return; selected.value = row.item.value; if (row.item.type === \"folder\") toggle(row); }\nasync function focus(id: string | undefined) { if (!id) return; focused.value = id; const version = ++focusVersion; await nextTick(); if (!disposed && version === focusVersion) elements.get(id)?.focus(); }\nfunction key(event: KeyboardEvent, row: TreeRow) {\n  const all = rows(); const index = all.findIndex(item => item.item.value === row.item.value);\n  let destination: string | undefined; let handled = true;\n  switch (event.key) {\n    case \"ArrowDown\": destination = all[index + 1]?.item.value; handled = !!destination; break;\n    case \"ArrowUp\": destination = all[index - 1]?.item.value; handled = !!destination; break;\n    case \"Home\": destination = all[0]?.item.value; break;\n    case \"End\": destination = all.at(-1)?.item.value; break;\n    case \"ArrowLeft\": if (row.item.type === \"folder\" && isOpen(row) && !row.item.disabled) toggle(row); else destination = row.parentId ?? undefined; break;\n    case \"ArrowRight\": if (row.item.type !== \"folder\") { handled = false; break; } if (!isOpen(row) && !row.item.disabled) toggle(row); else if (all[index + 1]?.parentId === row.item.value) destination = all[index + 1].item.value; break;\n    case \"Enter\": case \" \": select(row); break;\n    default: {\n      handled = false;\n      if (event.key.length !== 1 || event.ctrlKey || event.altKey || event.metaKey) break;\n      const time = performance.now(); prefix = time - typedAt < 500 ? prefix + event.key : event.key; typedAt = time;\n      const searchOrder = all.slice(index + 1).concat(all.slice(0, index + 1));\n      destination = searchOrder.find(item => item.item.name.toLocaleLowerCase().startsWith(prefix.toLocaleLowerCase()))?.item.value; handled = !!destination;\n    }\n  }\n  if (handled) event.preventDefault(); if (destination) void focus(destination);\n}\nfunction register(id: string, node: unknown) { if (node) elements.set(id, node as HTMLButtonElement); else elements.delete(id); }\nonBeforeUnmount(() => { disposed = true; ++focusVersion; elements.clear(); });\n</script>\n<template>\n  <SharedLayoutBg role=\"tree\" :aria-label=\"ariaLabel\" aria-multiselectable=\"false\" :inset=\"0\" pill-class-name=\"rounded-xl bg-muted\" pill-container-class-name=\"inset-y-auto top-0 h-9\" :class=\"cn('min-w-0', classNames?.tree)\">\n    <motion.div v-for=\"row in rows()\" :key=\"row.item.value\" :layout=\"reduced ? false : 'position'\" :initial=\"reduced ? false : { opacity: 0, y: -6 }\" :animate=\"{ opacity: row.item.disabled ? .42 : 1, y: 0, transition: reduced ? { duration: 0 } : { duration: .22, ease: EASE_OUT, delay: Math.min(row.position * .025, .1) } }\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\">\n      <button :ref=\"node => register(row.item.value, node)\" type=\"button\" role=\"treeitem\" :aria-level=\"row.depth + 1\" :aria-posinset=\"row.position\" :aria-setsize=\"row.setSize\" :aria-selected=\"selected === row.item.value\" :aria-expanded=\"row.item.type === 'folder' ? isOpen(row) : undefined\" :aria-disabled=\"row.item.disabled || undefined\" :tabindex=\"tabIndex(row)\" :class=\"cn('group/file-tree relative flex h-9 w-full items-center gap-2 overflow-hidden rounded-lg pr-2 text-left text-sm text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset aria-disabled:cursor-not-allowed', selected === row.item.value && 'bg-muted font-medium text-foreground', classNames?.item, row.item.class)\" :style=\"{ paddingLeft: `${8 + row.depth * indent}px` }\" @focus=\"focused = row.item.value\" @keydown=\"key($event, row)\" @click=\"select(row)\">\n        <motion.span v-if=\"row.depth > 0\" aria-hidden=\"true\" class=\"absolute bottom-0 top-0 w-px origin-top bg-border\" :style=\"{ left: `${16 + (row.depth - 1) * indent}px` }\" :initial=\"reduced ? false : { opacity: 0, scaleY: 0 }\" :animate=\"{ opacity: 1, scaleY: 1 }\" :exit=\"{ opacity: 0, scaleY: 0 }\" :transition=\"{ duration: reduced ? 0 : .3, ease: EASE_OUT }\" />\n        <motion.span aria-hidden=\"true\" class=\"relative z-10 grid size-4 shrink-0 place-items-center\" :class=\"row.item.type === 'file' ? 'opacity-0' : ''\" :animate=\"{ rotate: row.item.type === 'folder' && isOpen(row) ? 90 : 0 }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"><ChevronRight class=\"size-3.5\" /></motion.span>\n        <span aria-hidden=\"true\" :class=\"cn('relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground transition-colors group-hover/file-tree:text-foreground', row.item.type === 'folder' && isOpen(row) && 'text-foreground', classNames?.icon)\">\n          <RenderContent v-if=\"row.item.icon\" :node=\"row.item.icon\" /><File v-else-if=\"row.item.type === 'file'\" class=\"size-4\" />\n          <AnimatePresence v-else :initial=\"false\" mode=\"popLayout\"><motion.span :key=\"isOpen(row) ? 'open' : 'closed'\" class=\"absolute inset-0 grid place-items-center\" :initial=\"reduced ? false : { opacity: 0, scale: .75, rotate: isOpen(row) ? -8 : 8 }\" :animate=\"{ opacity: 1, scale: 1, rotate: 0 }\" :exit=\"reduced ? undefined : { opacity: 0, scale: .75, rotate: isOpen(row) ? 8 : -8 }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"><FolderOpen v-if=\"isOpen(row)\" class=\"size-4\" /><Folder v-else class=\"size-4\" /></motion.span></AnimatePresence>\n        </span>\n        <span :class=\"cn('relative z-10 min-w-0 flex-1 truncate', classNames?.label)\">{{ row.item.name }}</span>\n      </button>\n    </motion.div>\n  </SharedLayoutBg>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AIKA,SAAgB8B,EAAS,GAAiC;CACxD,IAAMC,IAAqB,CAAC;CAC5B,KAAK,IAAMC,KAAQC,GAAO;EACxB,IAAI,CAACC,EAAQF,CAAI,GAAG;EACpB,IAAIA,EAAK,SAASG,GAAU;GAAE,EAAO,KAAK,GAAGL,EAAS,MAAM,QAAQE,EAAK,QAAQ,IAAIA,EAAK,WAA2B,CAAC,CAAC,CAAC;GAAG;EAAU;EACrI,IAAIA,EAAK,SAAS9B,KAAgB8B,EAAK,SAAS7B,GAAgB;EAChE,IAAMiC,IAAIJ,EAAK,SAAS,CAAC,GACnBK,IAAaL,EAAK,UAAsD;EAC9E,EAAO,KAAK;GAAE,OAAOI,EAAE;GAAO,MAAMA,EAAE;GAAM,MAAMJ,EAAK,SAAS7B,IAAiB,WAAW;GAAQ,MAAMiC,EAAE;GAAM,UAAUA,EAAE,aAAa,MAAQA,EAAE,aAAa;GAAI,OAAOA,EAAE;GAAO,UAAUC,IAAYP,EAASO,EAAU,CAAC,IAAI,CAAC;EAAE,CAAC;CAC1O;CACA,OAAON;AACT;AACA,SAAgBO,EAAY,GAAmB,GAA+B;CAC5E,IAAMC,IAAkB,CAAC,GACnBC,IAAO,IAAI,IAAIC,CAAQ;CAC7B,SAASC,EAAM,GAAsB,GAAe,GAAyB;EAC3E,EAAS,SAAS,GAAM,MAAU;GAAuF,AAArFH,EAAK,KAAK;IAAE;IAAM;IAAO;IAAU,UAAUI,IAAQ;IAAG,SAASC,EAAS;GAAO,CAAC,GAAOC,EAAK,SAAS,YAAYL,EAAK,IAAIK,EAAK,KAAK,KAAGH,EAAMG,EAAK,UAAUC,IAAQ,GAAGD,EAAK,KAAK;EAAG,CAAC;CAC7N;CAEA,OADAH,EAAMT,GAAO,GAAG,IAAI,GACbM;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECbA,IAAMW,IAAQC,GACRC,IAAOH,GACPI,IAAWhC,EAA8B6B,GAAOE,GAAM,cAAcF,EAAM,YAAY,GACtFT,IAAWpB,EAAyB6B,GAAOE,GAAM,eAAeF,EAAM,kBAAkB,GACxFI,IAAUlC,EAAiB,GAC3BmC,IAAQC,EAAS,GACjBC,IAAUC,EAAmB,IAAI,GACjCC,oBAAW,IAAI,IAA+B,GAChDC,IAAW,IACXC,IAAe,GACfC,IAAS,IACTC,IAAU;EACd,SAASxB,IAAO;GAAE,OAAOD,EAAYR,EAASyB,EAAM,UAAU,KAAK,CAAC,CAAC,GAAGd,EAAS,KAAK;EAAG;EACzF,SAASuB,EAAO,GAAc;GAAE,OAAOvB,EAAS,MAAM,SAASwB,EAAI,KAAK,KAAK;EAAG;EAChF,SAASC,EAAS,GAAc;GAAE,IAAMC,IAAM5B,EAAK,GAAS6B,IAAa;IAACX,EAAQ;IAAOJ,EAAS;IAAOc,EAAI,EAAE,EAAE,KAAK;GAAK;GAAG,OAAOF,EAAI,KAAK,UAAUG,EAAW,MAAK,MAAMD,EAAI,MAAK,MAASE,EAAM,KAAK,UAAUC,CAAE,CAAC,IAAI,IAAI;EAAI;EACpO,SAASC,EAAO,GAAc;GAAE,IAAMD,IAAKL,EAAI,KAAK;GAA4G,AAArG,EAAS,QAAQD,EAAOC,CAAG,IAAIxB,EAAS,MAAM,QAAO,MAAQI,MAASyB,CAAE,IAAI,CAAC,GAAG7B,EAAS,OAAO6B,CAAE,GAAGlB,EAAK,kBAAkBX,EAAS,KAAK;EAAG;EACxM,SAAS+B,EAAO,GAAc;GAAE,AAAIP,EAAI,KAAK,aAAkB,EAAS,QAAQA,EAAI,KAAK,OAAWA,EAAI,KAAK,SAAS,YAAUM,EAAON,CAAG;EAAG;EAC7I,eAAeQ,EAAM,GAAwB;GAAE,IAAI,CAACH,GAAI;GAAQ,EAAQ,QAAQA;GAAI,IAAMI,IAAU,EAAEb;GAAgC,AAAlB,MAAMc,EAAS,GAAO,CAACf,KAAYc,MAAYb,KAAcF,EAAS,IAAIW,CAAE,CAAC,EAAE,MAAM;EAAG;EAC5M,SAASM,GAAI,GAAsB,GAAc;GAC/C,IAAMT,IAAM5B,EAAK,GAASI,IAAQwB,EAAI,WAAU,MAAQtB,EAAK,KAAK,UAAUoB,EAAI,KAAK,KAAK,GACtFY,GAAqCC,IAAU;GACnD,QAAQC,EAAM,KAAd;IACE,KAAK;KAAuD,AAA1C,IAAcZ,EAAIxB,IAAQ,EAAE,EAAE,KAAK,OAAO,IAAU,CAAC,CAACkC;KAAa;IACrF,KAAK;KAAqD,AAA1C,IAAcV,EAAIxB,IAAQ,EAAE,EAAE,KAAK,OAAO,IAAU,CAAC,CAACkC;KAAa;IACnF,KAAK;KAAQ,IAAcV,EAAI,EAAE,EAAE,KAAK;KAAO;IAC/C,KAAK;KAAO,IAAcA,EAAI,GAAG,EAAE,CAAC,EAAE,KAAK;KAAO;IAClD,KAAK;KAAa,AAAIF,EAAI,KAAK,SAAS,YAAYD,EAAOC,CAAG,KAAK,CAACA,EAAI,KAAK,WAAUM,EAAON,CAAG,IAAQ,IAAcA,EAAI,YAAY,KAAA;KAAW;IAClJ,KAAK;KAAc,IAAIA,EAAI,KAAK,SAAS,UAAU;MAAE,IAAU;MAAO;KAAO;KAAE,AAAI,CAACD,EAAOC,CAAG,KAAK,CAACA,EAAI,KAAK,WAAUM,EAAON,CAAG,IAAYE,EAAIxB,IAAQ,EAAE,EAAE,aAAasB,EAAI,KAAK,UAAO,IAAcE,EAAIxB,IAAQ,EAAE,CAAC,KAAK;KAAO;IACnO,KAAK;IAAS,KAAK;KAAK,EAAOsB,CAAG;KAAG;IACrC,SAAS;KAEP,IADA,IAAU,IACNc,EAAM,IAAI,WAAW,KAAKA,EAAM,WAAWA,EAAM,UAAUA,EAAM,SAAS;KAC9E,IAAMC,IAAO,YAAY,IAAI;KAEkG,AAF/F,IAASA,IAAOjB,IAAU,MAAMD,IAASiB,EAAM,MAAMA,EAAM,KAAK,IAAUC,GAE1G,IADoBb,EAAI,MAAMxB,IAAQ,CAAC,CAAC,CAAC,OAAOwB,EAAI,MAAM,GAAGxB,IAAQ,CAAC,CACxD,CAAA,CAAY,MAAK,MAAQE,EAAK,KAAK,KAAK,kBAAkB,CAAC,CAAC,WAAWiB,EAAO,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,IAAU,CAAC,CAACe;IAC7I;GACF;GACqC,AAAjCC,KAASC,EAAM,eAAe,GAAOF,KAAaJ,EAAWI,CAAW;EAC9E;EACA,SAASI,GAAS,GAAY,GAAe;GAAE,AAAIjD,IAAM2B,EAAS,IAAIW,GAAItC,CAAyB,IAAQ2B,EAAS,OAAOW,CAAE;EAAG;E,OAChIY,QAAsB;GAAmC,AAAjC,IAAW,IAAM,EAAErB,GAAcF,EAAS,MAAM;EAAG,CAAC,I,UAG1EvD,EAAA,GAAAC,EAYiBC,EAAAC,CAAA,GAAA;GAZD,MAAK;GAAQ,cAAY4C,EAAA;GAAW,wBAAqB;GAAS,OAAO;GAAG,mBAAgB;GAAsB,6BAA0B;GAA0B,OAAK3C,EAAEF,EAAAkB,CAAA,CAAE,CAAA,WAAY2B,EAAA,YAAY,IAAI,CAAA;;GAC7M,SAAA1C,QAAqB,EAAjCL,EAAA,EAAA,GAAAM,EAUaC,GAAA,MAAAC,EAVa2B,EAAI,IAAX,OAAnBnC,EAAA,GAAAC,EAUaC,EAAAoF,CAAA,CAAA,CAAA,KAAA;IAVsB,KAAKzB,EAAI,KAAK;IAAQ,QAAQ3D,GAAAgD,CAAA,KAAO;IAAwB,SAAShD,GAAAgD,CAAA,KAAO;KAAA,SAAA;KAAA,GAAA;IAAA;IAAmC,SAAO;KAAA,SAAaW,EAAI,KAAK,WAAQ,MAAA;KAAA,GAAA;KAAA,YAA8B3D,EAAAgD,CAAA,IAAO,EAAA,UAAA,EAAA,IAAA;MAAA,UAAA;MAAA,MAA4ChD,EAAAqF,CAAA;MAAQ,OAAS,KAAK,IAAI1B,EAAI,WAAQ,MAAA,EAAA;KAAA;IAAA;IAAmB,YAAY3D,EAAAgD,CAAA,IAAO,EAAA,UAAA,EAAA,IAAqBhD,EAAAgB,CAAA;;IACxW,SAAAb,QAQS,CARTI,EAQS,UAAA;;KARA,MAAK,MAAQoE,GAAShB,EAAI,KAAK,OAAOjC,CAAI;KAAG,MAAK;KAAS,MAAK;KAAY,cAAYiC,EAAI,QAAK;KAAO,iBAAeA,EAAI;KAAW,gBAAcA,EAAI;KAAU,iBAAe3D,EAAA+C,CAAA,MAAaY,EAAI,KAAK;KAAQ,iBAAeA,EAAI,KAAK,SAAI,WAAgBD,EAAOC,CAAG,IAAI,KAAA;KAAY,iBAAeA,EAAI,KAAK,YAAY,KAAA;KAAY,UAAUC,EAASD,CAAG;KAAI,OAAKzD,EAAEF,EAAAkB,CAAA,CAAE,CAAA,mSAAoSlB,EAAA+C,CAAA,MAAaY,EAAI,KAAK,SAAK,wCAA4Cd,EAAA,YAAY,MAAMc,EAAI,KAAK,KAAK,CAAA;KAAI,OAAKnD,EAAA,EAAA,aAAA,GAAA,IAAwBmD,EAAI,QAAQd,EAAA,OAAM,IAAA,CAAA;KAAS,UAAK,MAAE,EAAA,QAAUc,EAAI,KAAK;KAAQ,YAAO,MAAEW,GAAIkB,GAAQ7B,CAAG;KAAI,UAAK,MAAEO,EAAOP,CAAG;;KACl3BA,EAAI,QAAK,KAA5B7D,EAAA,GAAAC,EAAoWC,EAAAoF,CAAA,CAAA,CAAA,MAAA;;MAAlU,eAAY;MAAO,OAAM;MAAqD,OAAK5E,EAAA,EAAA,MAAA,GAAA,MAAmBmD,EAAI,QAAK,KAAQd,EAAA,OAAM,IAAA,CAAA;MAAS,SAAS7C,GAAAgD,CAAA,KAAO;OAAA,SAAA;OAAA,QAAA;MAAA;MAAuC,SAAS;OAAA,SAAA;OAAA,QAAA;MAAA;MAA4B,MAAM;OAAA,SAAA;OAAA,QAAA;MAAA;MAA4B,YAAU;OAAA,UAAchD,EAAAgD,CAAA,IAAO,IAAA;OAAA,MAAiBhD,EAAAqF,CAAA;MAAQ;;;;;;KAC9V3E,EAAkUV,EAAAoF,CAAA,CAAA,CAAA,MAAA;MAArT,eAAY;MAAO,OAAKlF,EAAA,CAAC,yDAAgEyD,EAAI,KAAK,SAAI,SAAA,cAAA,EAAA,CAAA;MAAiC,SAAO,EAAA,QAAYA,EAAI,KAAK,SAAI,YAAiBD,EAAOC,CAAG,IAAA,KAAA,EAAA;MAAe,YAAY3D,EAAAgD,CAAA,IAAO,EAAA,UAAA,EAAA,IAAqBhD,EAAAiB,CAAA;;MAAa,SAAAd,QAAiC,CAAjCO,EAAiCV,EAAA2F,CAAA,GAAA,EAAnB,OAAM,WAAU,CAAA,C;;;;;;;KACjTpF,EAGO,QAAA;MAHD,eAAY;MAAQ,OAAKL,EAAEF,EAAAkB,CAAA,CAAE,CAAA,uIAAwIyC,EAAI,KAAK,SAAI,YAAiBD,EAAOC,CAAG,KAAA,mBAAwBd,EAAA,YAAY,IAAI,CAAA;K,IACpOc,EAAI,KAAK,QAA9B7D,EAAA,GAAAC,EAA4DC,EAAAW,CAAA,GAAA;;MAAvB,MAAMgD,EAAI,KAAK;K,yBAAyBA,EAAI,KAAK,SAAI,UAA9B7D,EAAA,GAAAC,EAA4DC,EAAA4F,CAAA,GAAA;;MAAjB,OAAM;K,OAC7G9F,EAAA,GAAAC,EAAiiBC,EAAA6F,CAAA,GAAA;;MAAxgB,SAAS;MAAO,MAAK;;MAAY,SAAA1F,QAAqd,EAArdL,EAAA,GAAAC,EAAqdC,EAAAoF,CAAA,CAAA,CAAA,MAAA;OAAvc,KAAK1B,EAAOC,CAAG,IAAA,SAAA;OAAuB,OAAM;OAA4C,SAAS3D,GAAAgD,CAAA,KAAO;QAAA,SAAA;QAAA,OAAA;QAAA,QAA6CU,EAAOC,CAAG,IAAA,KAAA;OAAA;OAAe,SAAS;QAAA,SAAA;QAAA,OAAA;QAAA,QAAA;OAAA;OAAsC,MAAM3D,EAAAgD,CAAA,IAAU,KAAA,IAAS;QAAA,SAAA;QAAA,OAAA;QAAA,QAAqCU,EAAOC,CAAG,IAAA,IAAA;OAAA;OAAe,YAAY3D,EAAAgD,CAAA,IAAO,EAAA,UAAA,EAAA,IAAqBhD,EAAAiB,CAAA;;OAAa,SAAAd,QAAgD,CAA9BuD,EAAOC,CAAG,KAA5B7D,EAAA,GAAAC,EAAgDC,EAAA8F,CAAA,GAAA;;QAAjB,OAAM;O,OAAWhG,EAAA,GAAAC,EAAgCC,EAAA+F,CAAA,GAAA;;QAAjB,OAAM;;;;;;;;;;KAExfxF,EAAwG,QAAA,EAAjG,OAAKL,EAAEF,EAAAkB,CAAA,CAAE,CAAA,yCAA0C2B,EAAA,YAAY,KAAK,CAAA,EAAM,GAAAjC,EAAA+C,EAAI,KAAK,IAAI,GAAA,CAAA"}