@orvui/vue 0.0.0-stage → 0.1.0

package/registry/chat-app.json

@@ -0,0 +1,1344 @@
+{
+  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
+  "name": "chat-app",
+  "type": "registry:component",
+  "title": "Chat App",
+  "description": "Compose navigation, conversation content and a prompt area into an assistant workspace.",
+  "files": [
+    {
+      "path": "registry/orvui/agents/agent-activity/index.ts",
+      "target": "~/src/components/orvui/agents/agent-activity/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as AgentActivity } from \"./src/AgentActivity.vue\";\nexport * from \"./src/types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/agent-activity/src/ActivityRow.vue",
+      "target": "~/src/components/orvui/agents/agent-activity/src/ActivityRow.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Check,\n  Circle,\n  FileText,\n  Globe2,\n  ImageIcon,\n  MessageSquare,\n  PencilLine,\n  Search,\n  Sparkles,\n  SquareTerminal,\n  Wrench,\n} from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode } from \"../../shared\";\nimport type { AgentActivityItem } from \"./types\";\nconst props = defineProps<{ item: AgentActivityItem }>();\nconst reduced = useReducedMotion();\nconst transition = computed(() =>\n  reduced.value\n    ? { duration: 0 }\n    : {\n        opacity: { duration: 0.18, ease: EASE_OUT },\n        y: SPRING_LAYOUT,\n        layout: SPRING_LAYOUT,\n      },\n);\nconst toolIcons = {\n  read: FileText,\n  edit: PencilLine,\n  write: PencilLine,\n  run: SquareTerminal,\n};\nconst traceIcons = {\n  thinking: Sparkles,\n  message: MessageSquare,\n  write: PencilLine,\n  run: SquareTerminal,\n  read: ImageIcon,\n};\nconst icon = computed(() =>\n  props.item.type === \"tool\"\n    ? (toolIcons[props.item.action as keyof typeof toolIcons] ?? Wrench)\n    : props.item.type === \"trace\"\n      ? (traceIcons[props.item.kind as keyof typeof traceIcons] ?? Wrench)\n      : Wrench,\n);\n</script>\n<template>\n  <div\n    v-if=\"item.type === 'step'\"\n    class=\"flex min-h-7 items-start gap-2.5 rounded-md px-1.5 py-1\"\n  >\n    <span\n      aria-hidden=\"true\"\n      class=\"mt-0.5 grid size-4 shrink-0 place-items-center text-muted-foreground/70\"\n      ><Check\n        v-if=\"!item.status || item.status === 'complete'\"\n        class=\"size-4\"\n        :stroke-width=\"1.8\" /><span\n        v-else-if=\"item.status === 'active'\"\n        class=\"relative grid size-3 place-items-center\"\n        ><motion.span\n          class=\"absolute inset-0 rounded-full bg-foreground/10\"\n          :animate=\"\n            reduced ? { opacity: 0.55 } : { opacity: [0.35, 0.8, 0.35] }\n          \"\n          :transition=\"\n            reduced ? { duration: 0 } : { duration: 1.5, repeat: Infinity }\n          \" /><span class=\"size-1.5 rounded-full bg-foreground/60\" /></span\n      ><Circle v-else class=\"size-3\" :stroke-width=\"1.5\" /></span\n    ><span\n      :class=\"\n        cn(\n          'min-w-0 flex-1 leading-5',\n          item.status === 'pending'\n            ? 'text-muted-foreground/55'\n            : 'text-foreground/90',\n        )\n      \"\n      ><RenderNode :node=\"item.label\" /></span\n    ><span v-if=\"item.meta\" class=\"shrink-0 leading-5 text-muted-foreground/55\"\n      ><RenderNode :node=\"item.meta\"\n    /></span>\n  </div>\n  <div\n    v-else-if=\"item.type === 'text'\"\n    class=\"rounded-md px-1.5 py-1 leading-5 text-muted-foreground\"\n  >\n    <RenderNode :node=\"item.content\" />\n  </div>\n  <div v-else-if=\"item.type === 'search'\" class=\"space-y-0.5\">\n    <div\n      class=\"flex min-h-7 items-center gap-2.5 rounded-md px-1.5 py-1 text-muted-foreground\"\n    >\n      <Search\n        aria-hidden=\"true\"\n        class=\"size-4 shrink-0\"\n        :stroke-width=\"1.7\"\n      /><span class=\"min-w-0 truncate\"><RenderNode :node=\"item.query\" /></span>\n    </div>\n    <div v-if=\"item.results?.length\" class=\"space-y-0.5 pl-4\">\n      <AnimatePresence mode=\"popLayout\"\n        ><motion.div\n          v-for=\"result in item.results\"\n          :key=\"result.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=\"transition\"\n        >\n          <component\n            :is=\"result.url ? 'a' : 'div'\"\n            :href=\"result.url\"\n            :class=\"\n              cn(\n                'flex min-h-7 items-center gap-2 rounded-md px-1.5 py-1 text-left outline-none transition-colors',\n                result.url && 'focus-visible:ring-2 focus-visible:ring-ring',\n              )\n            \"\n            ><span\n              aria-hidden=\"true\"\n              class=\"grid size-5 shrink-0 place-items-center text-muted-foreground\"\n              ><RenderNode v-if=\"result.icon\" :node=\"result.icon\" /><Globe2\n                v-else\n                class=\"size-3\"\n                :stroke-width=\"2\" /></span\n            ><span class=\"min-w-0 truncate font-medium text-foreground/90\"\n              ><RenderNode :node=\"result.title\" /></span\n            ><span\n              v-if=\"result.domain\"\n              class=\"min-w-0 truncate text-muted-foreground/55\"\n              ><RenderNode :node=\"result.domain\" /></span\n          ></component> </motion.div\n      ></AnimatePresence>\n    </div>\n    <AnimatePresence as=\"div\" class=\"contents\"\n      ><motion.div\n        v-if=\"item.moreCount\"\n        key=\"more-results\"\n        class=\"px-1.5 py-1 pl-8 text-muted-foreground/55\"\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=\"transition\"\n        >+{{ item.moreCount }} more</motion.div\n      ></AnimatePresence\n    >\n  </div>\n  <div\n    v-else-if=\"item.type === 'tool'\"\n    class=\"flex min-h-8 min-w-0 items-center gap-2.5 rounded-md px-1.5 py-0.5 leading-5\"\n  >\n    <span\n      aria-hidden=\"true\"\n      class=\"grid size-4 shrink-0 place-items-center text-muted-foreground/70\"\n      ><component :is=\"icon\" class=\"size-4\" /></span\n    ><span class=\"shrink-0 font-medium text-foreground/90\">{{\n      item.action[0].toUpperCase() + item.action.slice(1)\n    }}</span\n    ><span\n      class=\"min-w-0 flex-1 truncate rounded-lg bg-muted/80 px-2.5 py-1 font-mono text-xs text-muted-foreground/70\"\n      ><RenderNode :node=\"item.target\" /></span\n    ><span\n      v-if=\"\n        typeof item.additions === 'number' || typeof item.deletions === 'number'\n      \"\n      class=\"flex shrink-0 items-center gap-2 font-mono tabular-nums\"\n      ><span v-if=\"typeof item.additions === 'number'\" class=\"text-emerald-500\"\n        >+{{ item.additions }}</span\n      ><span v-if=\"typeof item.deletions === 'number'\" class=\"text-rose-500\"\n        >−{{ item.deletions }}</span\n      ></span\n    >\n  </div>\n  <div\n    v-else\n    class=\"grid min-h-8 grid-cols-[1rem_auto_minmax(0,1fr)] items-center gap-2.5 rounded-md px-1.5 py-0.5\"\n  >\n    <span\n      aria-hidden=\"true\"\n      class=\"grid size-4 place-items-center text-muted-foreground/70\"\n      ><RenderNode v-if=\"item.icon\" :node=\"item.icon\" /><component\n        v-else\n        :is=\"icon\"\n        class=\"size-4\" /></span\n    ><span class=\"font-medium text-foreground/90\"\n      ><RenderNode :node=\"item.label\" /></span\n    ><span\n      v-if=\"item.detail\"\n      class=\"min-w-0 truncate rounded-lg bg-muted/80 px-2.5 py-1 font-mono text-xs text-muted-foreground/70\"\n      ><RenderNode :node=\"item.detail\" /></span\n    ><span v-else />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/agent-activity/src/AgentActivity.vue",
+      "target": "~/src/components/orvui/agents/agent-activity/src/AgentActivity.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  watch,\n  type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { ThinkingShimmer } from \"../../loading-states\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport ActivityRow from \"./ActivityRow.vue\";\nimport { activityKind, activitySummary } from \"./summary\";\nimport type {\n  AgentActivityContentType,\n  AgentActivityItem,\n  AgentActivityStatus,\n} from \"./types\";\ndefineSlots<{\n  \"working-status\"?: (context: {\n    label: Content;\n    duration: number;\n  }) => VNodeChild;\n  \"completed-status\"?: (context: {\n    summary: Content;\n    duration: number;\n  }) => VNodeChild;\n}>();\nconst props = withDefaults(\n  defineProps<{\n    items: AgentActivityItem[];\n    contentType?: AgentActivityContentType;\n    status?: AgentActivityStatus;\n    duration?: number;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    activeLabel?: Content;\n    summary?: Content;\n    maxHeight?: number;\n    contentClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    activeLabel: undefined,\n    summary: undefined,\n    status: \"working\",\n    duration: 0,\n    defaultOpen: false,\n    collapseOnComplete: true,\n    maxHeight: 208,\n  },\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 working = computed(() => props.status === \"working\");\nconst expanded = computed(() => working.value || disclosure.value);\nconst kind = computed(() => activityKind(props.items, props.contentType));\nconst label = computed(\n  () =>\n    props.activeLabel ??\n    {\n      search: \"Searching the web…\",\n      tool: \"Running tools…\",\n      trace: \"Working through the run…\",\n      mixed: \"Working through it…\",\n      step: \"Thinking…\",\n      text: \"Thinking…\",\n    }[kind.value],\n);\nconst summary = computed(\n  () =>\n    props.summary ?? activitySummary(props.items, kind.value, props.duration),\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst content = ref<unknown>();\nconst viewport = ref<HTMLElement>();\nconst measuredHeight = ref(0);\nconst height = computed(() =>\n  working.value\n    ? Math.max(0, props.maxHeight)\n    : Math.min(Math.max(0, props.maxHeight), measuredHeight.value),\n);\nconst capped = computed(() => measuredHeight.value > props.maxHeight);\nconst offset = computed(() =>\n  working.value ? Math.min(0, height.value - measuredHeight.value) : 0,\n);\nconst mask = computed(() =>\n  !capped.value\n    ? undefined\n    : working.value\n      ? \"linear-gradient(to bottom, transparent, black 12px)\"\n      : \"linear-gradient(to bottom, transparent, black 12px, black calc(100% - 12px), transparent)\",\n);\nlet observer: ResizeObserver | undefined;\nlet queued: number | undefined;\nwatch(\n  () => props.status,\n  (status, previous) => {\n    if (previous === \"working\" && status === \"complete\")\n      disclosure.value = !props.collapseOnComplete;\n  },\n);\nfunction toggle() {\n  disclosure.value = !disclosure.value;\n  if (queued !== undefined) cancelAnimationFrame(queued);\n  if (disclosure.value)\n    queued = requestAnimationFrame(() => {\n      queued = undefined;\n      viewport.value?.scrollTo?.({ top: 0 });\n    });\n}\nonMounted(() => {\n  const element = resolveElement<HTMLElement>(content.value);\n  if (!element) return;\n  const measure = () => {\n    measuredHeight.value = element.offsetHeight;\n  };\n  measure();\n  if (typeof ResizeObserver !== \"undefined\") {\n    observer = new ResizeObserver(measure);\n    observer.observe(element);\n  }\n});\nonBeforeUnmount(() => {\n  observer?.disconnect();\n  if (queued !== undefined) cancelAnimationFrame(queued);\n});\n</script>\n<template>\n  <div\n    :data-state=\"working ? 'working' : expanded ? 'open' : 'closed'\"\n    :data-content=\"kind\"\n    :aria-busy=\"working\"\n    class=\"w-full text-sm\"\n  >\n    <div\n      v-if=\"working\"\n      :id=\"`${identity}-trigger`\"\n      role=\"status\"\n      class=\"flex h-7 min-w-0 items-center text-muted-foreground\"\n    >\n      <slot name=\"working-status\" :label=\"label\" :duration=\"duration\"\n        ><ThinkingShimmer><RenderNode :node=\"label\" /></ThinkingShimmer\n      ></slot>\n    </div>\n    <button\n      v-else\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"toggle\"\n      class=\"group flex h-7 min-w-0 items-center gap-1.5 rounded-md text-left font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <span class=\"truncate\"\n        ><slot name=\"completed-status\" :summary=\"summary\" :duration=\"duration\"\n          ><RenderNode :node=\"summary\" /></slot></span\n      ><motion.span\n        aria-hidden=\"true\"\n        class=\"inline-flex shrink-0 text-muted-foreground/70 group-hover:text-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      :open-height=\"height\"\n      ><div\n        ref=\"viewport\"\n        :class=\"\n          cn(\n            'scrollbar-hide pr-1',\n            capped && expanded && !working\n              ? 'overflow-y-auto'\n              : 'overflow-y-hidden',\n          )\n        \"\n        :style=\"{\n          height: `${height}px`,\n          maskImage: mask,\n          WebkitMaskImage: mask,\n        }\"\n      >\n        <motion.div\n          ref=\"content\"\n          role=\"list\"\n          :initial=\"false\"\n          :animate=\"{ y: offset }\"\n          :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n          :class=\"cn('space-y-0.5 py-2', contentClassName)\"\n          ><AnimatePresence mode=\"popLayout\" as=\"div\" class=\"contents\">\n            <motion.div\n              v-for=\"item in items\"\n              :key=\"item.id\"\n              layout=\"position\"\n              role=\"listitem\"\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              ><ActivityRow :item=\"item\"\n            /></motion.div> </AnimatePresence\n        ></motion.div></div\n    ></AgentDisclosure>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/agent-activity/src/summary.ts",
+      "target": "~/src/components/orvui/agents/agent-activity/src/summary.ts",
+      "type": "registry:lib",
+      "content": "import type { Content } from \"../../shared\";\nimport type { AgentActivityContentType, AgentActivityItem } from \"./types\";\nexport function activityKind(\n  items: AgentActivityItem[],\n  empty: AgentActivityContentType = \"mixed\",\n): AgentActivityContentType {\n  if (!items.length) return empty;\n  const first = items[0].type;\n  return items.some((item) => item.type !== first) ? \"mixed\" : first;\n}\nexport function activitySummary(\n  items: AgentActivityItem[],\n  kind: AgentActivityContentType,\n  duration: number,\n): Content {\n  switch (kind) {\n    case \"text\":\n    case \"step\": {\n      const seconds = Math.max(0, Math.round(duration));\n      const parts =\n        seconds < 60\n          ? `${seconds}s`\n          : `${Math.floor(seconds / 60)}m${seconds % 60 ? ` ${seconds % 60}s` : \"\"}`;\n      return `Thought for ${parts}`;\n    }\n    case \"search\":\n      return \"Searched the web\";\n    case \"tool\":\n      return `Ran ${items.length} ${items.length === 1 ? \"tool\" : \"tools\"}`;\n    case \"trace\": {\n      const messages = items.reduce(\n        (count, item) =>\n          count +\n          Number(\n            item.type === \"trace\" &&\n              [\"thinking\", \"message\"].includes(item.kind),\n          ),\n        0,\n      );\n      const calls = items.length - messages;\n      return `${calls} ${calls === 1 ? \"tool call\" : \"tool calls\"}, ${messages} ${messages === 1 ? \"message\" : \"messages\"}`;\n    }\n    default:\n      return `Completed ${items.length} ${items.length === 1 ? \"step\" : \"steps\"}`;\n  }\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/agent-activity/src/types.ts",
+      "target": "~/src/components/orvui/agents/agent-activity/src/types.ts",
+      "type": "registry:lib",
+      "content": "import type { Content } from \"../../shared\";\n\nexport type AgentActivityStatus = \"working\" | \"complete\";\nexport type AgentStepStatus = \"pending\" | \"active\" | \"complete\";\n\nexport interface AgentActivityStep {\n  id: string;\n  type: \"step\";\n  label: Content;\n  status?: AgentStepStatus;\n  meta?: Content;\n}\n\nexport interface AgentActivityText {\n  id: string;\n  type: \"text\";\n  content: Content;\n}\n\nexport interface AgentSearchResult {\n  id: string;\n  title: Content;\n  domain?: Content;\n  url?: string;\n  icon?: Content;\n}\n\nexport interface AgentActivitySearch {\n  id: string;\n  type: \"search\";\n  query: Content;\n  results?: AgentSearchResult[];\n  moreCount?: number;\n}\n\nexport interface AgentActivityTool {\n  id: string;\n  type: \"tool\";\n  action: \"read\" | \"edit\" | \"run\" | (string & {});\n  target: Content;\n  additions?: number;\n  deletions?: number;\n}\n\nexport type AgentTraceKind =\n  \"thinking\" | \"message\" | \"write\" | \"run\" | \"read\" | (string & {});\n\nexport interface AgentActivityTrace {\n  id: string;\n  type: \"trace\";\n  kind: AgentTraceKind;\n  label: Content;\n  detail?: Content;\n  icon?: Content;\n}\n\nexport type AgentActivityItem =\n  | AgentActivityStep\n  | AgentActivityText\n  | AgentActivitySearch\n  | AgentActivityTool\n  | AgentActivityTrace;\n\nexport type AgentActivityContentType = AgentActivityItem[\"type\"] | \"mixed\";\n\n/** Vue props; working-status/completed-status content is passed through scoped slots. */\nexport type AgentActivityProps = InstanceType<\n  (typeof import(\"./AgentActivity.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/AgentDisclosure.vue",
+      "target": "~/src/components/orvui/agents/AgentDisclosure.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../lib/ease\";\nimport { useReduced } from \"./shared\";\nconst props = withDefaults(\n  defineProps<{\n    open: boolean;\n    maxHeight?: number;\n    openHeight?: string | number;\n  }>(),\n  { openHeight: \"auto\" },\n);\nconst reduce = useReduced();\nconst height = computed(() =>\n  !props.open\n    ? \"0px\"\n    : typeof props.openHeight === \"number\"\n      ? `${props.openHeight}px`\n      : props.openHeight,\n);\nconst animation = computed(() => {\n  const opacity = Number(props.open);\n  if (reduce.value) return { opacity };\n  return {\n    opacity,\n    y: props.open ? 0 : -4,\n    clipPath: `inset(0 0 ${props.open ? 0 : 100}% 0)`,\n  };\n});\n</script>\n<template>\n  <motion.div\n    class=\"overflow-hidden\"\n    :initial=\"false\"\n    :animate=\"animation\"\n    :aria-hidden=\"!open\"\n    :inert=\"!open || undefined\"\n    :transition=\"{ ease: EASE_OUT, duration: reduce ? 0 : open ? 0.22 : 0.14 }\"\n    :style=\"{\n      height,\n      pointerEvents: open ? undefined : 'none',\n      transformOrigin: 'top',\n    }\"\n  >\n    <div\n      v-if=\"maxHeight\"\n      class=\"overflow-auto\"\n      :style=\"{ maxHeight: `${maxHeight}px` }\"\n    >\n      <slot />\n    </div>\n    <slot v-else />\n  </motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/index.ts",
+      "target": "~/src/components/orvui/agents/ai-sidebar/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as AISidebar } from \"./src/AISidebar.vue\";\nexport * from \"./src/tree\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/src/AISidebar.vue",
+      "target": "~/src/components/orvui/agents/ai-sidebar/src/AISidebar.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport {\n  canContain,\n  containsResource,\n  findResource,\n  flattenResources,\n  moveResource,\n  renameResource,\n  type FlatResource,\n  type SidebarResource,\n  type SidebarResourceDropPosition,\n  type SidebarResourceMenuControls,\n  type SidebarResourceMove,\n  type SidebarResourceMoveCommands,\n} from \"./tree\";\nimport ResourceRow from \"./ResourceRow.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    items?: SidebarResource[];\n    defaultItems?: SidebarResource[];\n    activeId?: string | null;\n    defaultActiveId?: string | null;\n    defaultExpandedIds?: string[];\n    ariaLabel?: string;\n    className?: string;\n    onMove?: (move: SidebarResourceMove) => void | Promise<void>;\n    onRename?: (item: SidebarResource, label: string) => void | Promise<void>;\n    renderIcon?: (item: SidebarResource) => VNodeChild;\n    renderMenu?: (\n      item: SidebarResource,\n      controls: SidebarResourceMenuControls,\n    ) => VNodeChild;\n  }>(),\n  {\n    defaultItems: () => [],\n    defaultActiveId: null,\n    defaultExpandedIds: () => [],\n    ariaLabel: \"Resources\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:items\": [items: SidebarResource[]];\n  itemsChange: [items: SidebarResource[]];\n  \"update:activeId\": [id: string | null];\n  activeChange: [id: string];\n  moveError: [error: unknown, move: SidebarResourceMove];\n  renameError: [error: unknown, item: SidebarResource];\n}>();\nconst forest = ref(props.items ?? props.defaultItems);\nconst localSelection = ref(props.defaultActiveId);\nconst selection = computed(() =>\n  props.activeId === undefined ? localSelection.value : props.activeId,\n);\nconst expanded = ref(new Set(props.defaultExpandedIds));\nconst rows = computed(() => flattenResources(forest.value, expanded.value));\nconst focusId = ref(props.activeId ?? props.defaultActiveId);\nconst roving = computed(() =>\n  rows.value.some((row) => row.item.id === focusId.value)\n    ? focusId.value\n    : (rows.value[0]?.item.id ?? null),\n);\nconst dragging = ref<string | null>(null),\n  menuId = ref<string | null>(null),\n  editing = ref<string | null>(null),\n  announcement = ref(\"\");\nconst destination = ref<{\n  id: string | null;\n  position: SidebarResourceDropPosition;\n} | null>(null);\nconst handles = new Map<string, { focus: () => void }>();\nlet busy = false,\n  alive = true;\nlet focusFrame: number | undefined, menuFrame: number | undefined;\nwatch(\n  () => props.items,\n  (items) => {\n    if (items) forest.value = items;\n  },\n);\nwatch(\n  roving,\n  (id) => {\n    focusId.value = id;\n  },\n  { flush: \"sync\" },\n);\nwatch(menuId, async (id) => {\n  if (menuFrame !== undefined) cancelAnimationFrame(menuFrame);\n  if (!id) return;\n  await nextTick();\n  if (!alive || menuId.value !== id) return;\n  menuFrame = requestAnimationFrame(() =>\n    Array.from(\n      document.querySelectorAll<HTMLElement>(\"[data-sidebar-resource-menu]\"),\n    )\n      .find((node) => node.dataset.sidebarResourceMenu === id)\n      ?.querySelector<HTMLElement>(\"button,a[href]\")\n      ?.focus(),\n  );\n});\nonBeforeUnmount(() => {\n  alive = false;\n  if (focusFrame !== undefined) cancelAnimationFrame(focusFrame);\n  if (menuFrame !== undefined) cancelAnimationFrame(menuFrame);\n  handles.clear();\n});\nfunction update(items: SidebarResource[]) {\n  forest.value = items;\n  emit(\"update:items\", items);\n  emit(\"itemsChange\", items);\n}\nfunction focus(id: string) {\n  focusId.value = id;\n  if (focusFrame !== undefined) cancelAnimationFrame(focusFrame);\n  focusFrame = requestAnimationFrame(() => {\n    if (alive) handles.get(id)?.focus();\n  });\n}\nfunction select(id: string) {\n  if (props.activeId === undefined) localSelection.value = id;\n  emit(\"update:activeId\", id);\n  emit(\"activeChange\", id);\n}\nfunction toggle(id: string) {\n  const next = new Set(expanded.value);\n  if (next.has(id)) next.delete(id);\n  else next.add(id);\n  expanded.value = next;\n}\nasync function move(change: SidebarResourceMove) {\n  if (busy) {\n    announcement.value = \"Wait for the current move to finish.\";\n    return;\n  }\n  const before = forest.value,\n    next = moveResource(before, change);\n  if (!next || next === before) return;\n  busy = true;\n  update(next);\n  dragging.value = null;\n  destination.value = null;\n  const source = findResource(before, change.itemId),\n    target = change.targetId\n      ? findResource(before, change.targetId)\n      : undefined;\n  announcement.value = target\n    ? `Moved ${source?.label ?? \"item\"} ${change.position} ${target.label}.`\n    : `Moved ${source?.label ?? \"item\"} to the top level.`;\n  try {\n    await props.onMove?.(change);\n  } catch (error) {\n    if (alive) {\n      update(before);\n      announcement.value = `Move failed. ${source?.label ?? \"Item\"} was restored.`;\n      emit(\"moveError\", error, change);\n    }\n  } finally {\n    busy = false;\n  }\n}\nfunction commands(row: FlatResource): SidebarResourceMoveCommands {\n  if (row.item.disabled) return {};\n  const index = rows.value.findIndex((item) => item.item.id === row.item.id),\n    previous = rows.value[index - 1],\n    next = rows.value[index + 1];\n  const result: SidebarResourceMoveCommands = {};\n  const relocate =\n    (targetId: string, position: SidebarResourceDropPosition) => () => {\n      void move({ itemId: row.item.id, targetId, position });\n    };\n  if (previous) result.up = relocate(previous.item.id, \"before\");\n  if (next) result.down = relocate(next.item.id, \"after\");\n  if (\n    previous &&\n    canContain(previous.item) &&\n    previous.item.id !== row.parentId\n  )\n    result.into = {\n      label: previous.item.label,\n      run: () => {\n        expanded.value = new Set(expanded.value).add(previous.item.id);\n        relocate(previous.item.id, \"inside\")();\n      },\n    };\n  if (row.parentId) result.out = relocate(row.parentId, \"after\");\n  return result;\n}\nfunction keydown(event: KeyboardEvent, row: FlatResource) {\n  const index = rows.value.findIndex((item) => item.item.id === row.item.id),\n    previous = rows.value[index - 1],\n    next = rows.value[index + 1];\n  const key = event.key,\n    moving = event.altKey && event.shiftKey;\n  if (!moving && (key === \"ArrowUp\" || key === \"ArrowDown\")) {\n    const target = key === \"ArrowUp\" ? previous : next;\n    if (target) {\n      event.preventDefault();\n      focus(target.item.id);\n    }\n    return;\n  }\n  if ((key === \"Home\" || key === \"End\") && rows.value.length) {\n    event.preventDefault();\n    focus(\n      (key === \"Home\" ? rows.value[0] : rows.value[rows.value.length - 1]).item\n        .id,\n    );\n    return;\n  }\n  if (row.item.disabled) {\n    if (key === \"ArrowLeft\" && row.parentId) {\n      event.preventDefault();\n      focus(row.parentId);\n    } else if (\n      moving ||\n      [\"ArrowRight\", \"Enter\", \" \", \"F2\", \"ContextMenu\"].includes(key) ||\n      (event.shiftKey && key === \"F10\")\n    )\n      event.preventDefault();\n    return;\n  }\n  if (moving) {\n    const action = commands(row);\n    const run =\n      key === \"ArrowUp\"\n        ? action.up\n        : key === \"ArrowDown\"\n          ? action.down\n          : key === \"ArrowLeft\"\n            ? action.out\n            : key === \"ArrowRight\"\n              ? action.into?.run\n              : undefined;\n    if (run) {\n      event.preventDefault();\n      run();\n      return;\n    }\n  }\n  if (key === \"ArrowRight\" && canContain(row.item)) {\n    event.preventDefault();\n    if (!expanded.value.has(row.item.id)) toggle(row.item.id);\n    else if (next?.parentId === row.item.id) focus(next.item.id);\n  } else if (key === \"ArrowLeft\") {\n    event.preventDefault();\n    if (expanded.value.has(row.item.id)) toggle(row.item.id);\n    else if (row.parentId) focus(row.parentId);\n  } else if (key === \"Enter\" || key === \" \") {\n    event.preventDefault();\n    if (canContain(row.item)) toggle(row.item.id);\n    else select(row.item.id);\n  } else if (key === \"F2\") {\n    event.preventDefault();\n    editing.value = row.item.id;\n  } else if (key === \"ContextMenu\" || (event.shiftKey && key === \"F10\")) {\n    event.preventDefault();\n    menuId.value = row.item.id;\n  }\n}\nasync function rename(item: SidebarResource, text: string) {\n  editing.value = null;\n  const label = text.trim();\n  if (!label || label === item.label) return;\n  const before = forest.value;\n  update(renameResource(before, item.id, label));\n  try {\n    await props.onRename?.(item, label);\n  } catch (error) {\n    if (alive) {\n      update(before);\n      announcement.value = `Rename failed. ${item.label} was restored.`;\n      emit(\"renameError\", error, item);\n    }\n  }\n}\nfunction dragStart(event: DragEvent, id: string) {\n  dragging.value = id;\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = \"move\";\n    event.dataTransfer.setData(\"text/plain\", id);\n  }\n}\nfunction dragOver(event: DragEvent, row: FlatResource) {\n  if (!dragging.value || dragging.value === row.item.id) return;\n  const source = findResource(forest.value, dragging.value);\n  if (source && containsResource(source, row.item.id)) return;\n  event.preventDefault();\n  event.stopPropagation();\n  const box = (event.currentTarget as HTMLElement).getBoundingClientRect(),\n    fraction = (event.clientY - box.top) / Math.max(1, box.height);\n  const position: SidebarResourceDropPosition =\n    !row.item.disabled &&\n    canContain(row.item) &&\n    fraction >= 0.25 &&\n    fraction <= 0.75\n      ? \"inside\"\n      : fraction < 0.5\n        ? \"before\"\n        : \"after\";\n  destination.value = { id: row.item.id, position };\n}\nfunction drop(event: DragEvent) {\n  event.preventDefault();\n  event.stopPropagation();\n  if (dragging.value && destination.value)\n    void move({\n      itemId: dragging.value,\n      targetId: destination.value.id,\n      position: destination.value.position,\n    });\n}\nfunction menu(open: boolean, id: string) {\n  menuId.value = open ? id : null;\n  if (!open) focus(id);\n}\nfunction clearDrag() {\n  dragging.value = null;\n  destination.value = null;\n}\nfunction outsideOver(event: DragEvent) {\n  if (dragging.value && event.target === event.currentTarget) {\n    event.preventDefault();\n    destination.value = { id: null, position: \"after\" };\n  }\n}\n</script>\n<template>\n  <div\n    v-bind=\"$attrs\"\n    role=\"tree\"\n    :aria-label=\"ariaLabel\"\n    aria-multiselectable=\"false\"\n    :class=\"\n      cn(\n        'relative flex min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden',\n        dragging && 'select-none pb-9',\n        className,\n        $attrs.class,\n      )\n    \"\n    @dragover=\"outsideOver\"\n    @drop=\"drop\"\n  >\n    <AnimatePresence :initial=\"false\"\n      ><ResourceRow\n        v-for=\"row in rows\"\n        :key=\"row.item.id\"\n        :ref=\"\n          (node) => {\n            if (node)\n              handles.set(\n                row.item.id,\n                node as unknown as { focus: () => void },\n              );\n            else handles.delete(row.item.id);\n          }\n        \"\n        :row=\"row\"\n        :active=\"selection === row.item.id\"\n        :expanded=\"expanded.has(row.item.id)\"\n        :focused=\"roving === row.item.id\"\n        :dragging-id=\"dragging\"\n        :drop-target=\"destination\"\n        :menu-open=\"menuId === row.item.id\"\n        :moves=\"commands(row)\"\n        :renaming=\"editing === row.item.id\"\n        :render-icon=\"renderIcon\"\n        :render-menu=\"renderMenu\"\n        @focus=\"focusId = row.item.id\"\n        @select=\"select(row.item.id)\"\n        @toggle=\"toggle(row.item.id)\"\n        @key=\"keydown($event, row)\"\n        @rename-start=\"editing = row.item.id\"\n        @rename-cancel=\"editing = null\"\n        @rename-commit=\"rename(row.item, $event)\"\n        @menu=\"menu($event, row.item.id)\"\n        @drag-start=\"dragStart\"\n        @drag-end=\"clearDrag\"\n        @drag-over=\"dragOver\"\n        @drop=\"drop\"\n      >\n        <template v-if=\"$slots.icon\" #icon=\"scope\"\n          ><slot name=\"icon\" v-bind=\"scope\"\n            ><RenderNode :node=\"renderIcon?.(scope.item)\" /></slot></template\n        ><template v-if=\"$slots.menu\" #menu=\"scope\"\n          ><slot name=\"menu\" v-bind=\"scope\"\n            ><RenderNode\n              :node=\"renderMenu?.(scope.item, scope.controls)\" /></slot\n        ></template> </ResourceRow\n    ></AnimatePresence>\n    <div\n      v-if=\"dragging\"\n      aria-hidden=\"true\"\n      :data-active=\"destination?.id === null || undefined\"\n      class=\"absolute inset-x-1 bottom-0 flex h-8 items-center justify-center rounded-lg border border-dashed border-border text-[10px] text-muted-foreground data-[active=true]:border-primary/50 data-[active=true]:bg-muted data-[active=true]:text-foreground\"\n    >\n      Move to top level\n    </div>\n  </div>\n  <span class=\"sr-only\" aria-live=\"polite\">{{ announcement }}</span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/ai-sidebar/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type AISidebarProps = InstanceType<\n  (typeof import(\"./AISidebar.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/src/MarqueeLabel.vue",
+      "target": "~/src/components/orvui/agents/ai-sidebar/src/MarqueeLabel.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = defineProps<{ active: boolean; label: string }>();\nconst viewport = ref<HTMLElement>();\nconst text = ref<HTMLElement>();\nconst travel = ref(0);\nconst reduced = useReducedMotion();\nconst running = computed(\n  () => props.active && travel.value > 0 && !reduced.value,\n);\nlet observer: ResizeObserver | undefined;\nlet alive = false;\nfunction measure() {\n  if (alive && viewport.value && text.value)\n    travel.value =\n      text.value.scrollWidth > viewport.value.clientWidth\n        ? text.value.scrollWidth + 24\n        : 0;\n}\nwatch(\n  () => props.label,\n  () => nextTick(measure),\n);\nonMounted(() => {\n  alive = true;\n  measure();\n  if (typeof ResizeObserver !== \"undefined\") {\n    observer = new ResizeObserver(measure);\n    if (viewport.value) observer.observe(viewport.value);\n    if (text.value) observer.observe(text.value);\n  }\n});\nonBeforeUnmount(() => {\n  alive = false;\n  observer?.disconnect();\n});\n</script>\n<template>\n  <span ref=\"viewport\" class=\"block min-w-0 flex-1 overflow-hidden\"\n    ><motion.span\n      class=\"flex w-max items-center gap-6 whitespace-nowrap\"\n      :animate=\"{ x: running ? [0, -travel] : 0 }\"\n      :transition=\"\n        running\n          ? {\n              duration: Math.max(2.4, travel / 34),\n              ease: 'linear',\n              repeat: Infinity,\n              repeatDelay: 2,\n            }\n          : { duration: 0.16, ease: EASE_OUT }\n      \"\n      ><span ref=\"text\">{{ label }}</span\n      ><span v-if=\"running\" aria-hidden=\"true\">{{ label }}</span></motion.span\n    ></span\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/src/ResourceRow.vue",
+      "target": "~/src/components/orvui/agents/ai-sidebar/src/ResourceRow.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  ref,\n  watch,\n  type VNodeChild,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  ArrowDown,\n  ArrowUp,\n  Bookmark,\n  FileText,\n  Folder,\n  FolderInput,\n  FolderOpen,\n  MoreHorizontal,\n  Pencil,\n  Undo2,\n} from \"lucide-vue-next\";\nimport {\n  MorphPopover,\n  MorphPopoverContent,\n  MorphPopoverTrigger,\n} from \"../../../motion/popover\";\nimport { resolveElement, useReducedMotion } from \"../../../lib/composables\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { RenderNode } from \"../../shared\";\nimport {\n  canContain,\n  type FlatResource,\n  type SidebarResourceDropPosition,\n  type SidebarResourceMenuControls,\n  type SidebarResourceMoveCommands,\n} from \"./tree\";\nimport MarqueeLabel from \"./MarqueeLabel.vue\";\nimport { useTouchCapable } from \"./useTouchCapable\";\nconst props = defineProps<{\n  row: FlatResource;\n  active: boolean;\n  expanded: boolean;\n  focused: boolean;\n  draggingId: string | null;\n  dropTarget: {\n    id: string | null;\n    position: SidebarResourceDropPosition;\n  } | null;\n  menuOpen: boolean;\n  moves: SidebarResourceMoveCommands;\n  renaming: boolean;\n  renderIcon?: (item: FlatResource[\"item\"]) => VNodeChild;\n  renderMenu?: (\n    item: FlatResource[\"item\"],\n    controls: SidebarResourceMenuControls,\n  ) => VNodeChild;\n}>();\nconst emit = defineEmits<{\n  focus: [];\n  key: [e: KeyboardEvent];\n  menu: [open: boolean];\n  renameStart: [];\n  renameCancel: [];\n  renameCommit: [label: string];\n  select: [];\n  toggle: [];\n  dragStart: [e: DragEvent, id: string];\n  dragEnd: [];\n  dragOver: [e: DragEvent, row: FlatResource];\n  drop: [e: DragEvent];\n}>();\nconst reduced = useReducedMotion(),\n  touch = useTouchCapable();\nconst element = ref<unknown>(),\n  input = ref<HTMLInputElement>(),\n  hovered = ref(false),\n  draft = ref(props.row.item.label);\nconst container = computed(() => canContain(props.row.item));\nconst placement = computed(() =>\n  props.dropTarget?.id === props.row.item.id\n    ? props.dropTarget.position\n    : undefined,\n);\nconst icon = computed(() =>\n  container.value\n    ? props.expanded\n      ? FolderOpen\n      : Folder\n    : props.row.item.kind === \"bookmark\"\n      ? Bookmark\n      : FileText,\n);\nconst customIcon = computed(() => props.renderIcon?.(props.row.item));\nconst controls = computed<SidebarResourceMenuControls>(() => ({\n  close: () => emit(\"menu\", false),\n  rename: () => run(() => emit(\"renameStart\")),\n  moves: props.moves,\n}));\nconst customMenu = computed(() =>\n  props.renderMenu?.(props.row.item, controls.value),\n);\nconst actions = computed(() => {\n  const result = [\n    { label: \"Rename\", icon: Pencil, run: () => emit(\"renameStart\") },\n  ];\n  if (props.moves.up)\n    result.push({ label: \"Move up\", icon: ArrowUp, run: props.moves.up });\n  if (props.moves.down)\n    result.push({ label: \"Move down\", icon: ArrowDown, run: props.moves.down });\n  if (props.moves.into)\n    result.push({\n      label: `Move into ${props.moves.into.label}`,\n      icon: FolderInput,\n      run: props.moves.into.run,\n    });\n  if (props.moves.out)\n    result.push({ label: \"Move out\", icon: Undo2, run: props.moves.out });\n  return result;\n});\nlet blurHandled = false,\n  dragged = false;\nlet renameFrame: number | undefined, dragFrame: number | undefined;\nconst seen = new WeakSet<MouseEvent>();\nwatch(\n  () => [props.renaming, props.row.item.label] as const,\n  async ([renaming]) => {\n    if (!renaming) return;\n    blurHandled = false;\n    draft.value = props.row.item.label;\n    await nextTick();\n    if (renameFrame !== undefined) cancelAnimationFrame(renameFrame);\n    renameFrame = requestAnimationFrame(() => {\n      input.value?.focus();\n      input.value?.select();\n    });\n  },\n);\nfunction activate(event: MouseEvent) {\n  if (\n    seen.has(event) ||\n    event.defaultPrevented ||\n    dragged ||\n    props.renaming ||\n    props.row.item.disabled\n  )\n    return;\n  seen.add(event);\n  if (container.value) emit(\"toggle\");\n  else emit(\"select\");\n}\nfunction run(action: () => void, event?: MouseEvent) {\n  if (event) activate(event);\n  emit(\"menu\", false);\n  action();\n}\nfunction renameKey(event: KeyboardEvent) {\n  event.stopPropagation();\n  if (event.key === \"Enter\" || event.key === \"Escape\") {\n    blurHandled = true;\n    if (event.key === \"Enter\") emit(\"renameCommit\", draft.value);\n    else emit(\"renameCancel\");\n  }\n}\nfunction doubleClick(event: MouseEvent) {\n  if (!container.value && !props.row.item.disabled) {\n    event.preventDefault();\n    emit(\"renameStart\");\n  }\n}\nfunction dragStart(event: DragEvent) {\n  dragged = true;\n  emit(\"dragStart\", event, props.row.item.id);\n}\nfunction dragEnd() {\n  emit(\"dragEnd\");\n  dragFrame = requestAnimationFrame(() => {\n    dragged = false;\n  });\n}\nonBeforeUnmount(() => {\n  if (renameFrame !== undefined) cancelAnimationFrame(renameFrame);\n  if (dragFrame !== undefined) cancelAnimationFrame(dragFrame);\n});\ndefineExpose({\n  focus: () => resolveElement<HTMLElement>(element.value)?.focus(),\n});\n</script>\n<template>\n  <motion.div\n    ref=\"element\"\n    layout=\"position\"\n    :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n    role=\"treeitem\"\n    :aria-level=\"row.depth + 1\"\n    :aria-selected=\"container ? undefined : active\"\n    :aria-expanded=\"container ? expanded : undefined\"\n    :aria-disabled=\"row.item.disabled || undefined\"\n    :tabindex=\"focused ? 0 : -1\"\n    :draggable=\"!row.item.disabled && !renaming\"\n    :data-resource-id=\"row.item.id\"\n    :data-menu-open=\"menuOpen || undefined\"\n    :data-drop=\"placement\"\n    :data-dragging=\"draggingId === row.item.id || undefined\"\n    @focus=\"emit('focus')\"\n    @keydown=\"emit('key', $event)\"\n    @click=\"activate\"\n    @dblclick=\"doubleClick\"\n    @mouseenter=\"hovered = true\"\n    @mouseleave=\"hovered = false\"\n    @dragstart.capture=\"dragStart\"\n    @dragend.capture=\"dragEnd\"\n    @dragover=\"emit('dragOver', $event, row)\"\n    @drop=\"emit('drop', $event)\"\n    :class=\"\n      cn(\n        'group/resource relative flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 rounded-xl pr-3 text-sm outline-none',\n        'text-muted-foreground transition-colors hover:bg-muted hover:text-foreground',\n        'focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset',\n        'data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground',\n        'data-[dragging=true]:opacity-40',\n        'data-[drop=inside]:bg-muted data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45',\n        'data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary',\n        'data-[drop=after]:after:absolute data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:right-2 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary',\n        !container && active && 'bg-muted text-foreground',\n        row.item.disabled && 'cursor-not-allowed opacity-45',\n      )\n    \"\n    :style=\"{ paddingLeft: `${12 + row.depth * 16}px` }\"\n  >\n    <span aria-hidden=\"true\" class=\"grid size-5 shrink-0 place-items-center\"\n      ><slot name=\"icon\" :item=\"row.item\"\n        ><RenderNode v-if=\"customIcon != null\" :node=\"customIcon\" /><component\n          v-else\n          :is=\"icon\"\n          class=\"size-4\" /></slot\n    ></span>\n    <input\n      v-if=\"renaming\"\n      ref=\"input\"\n      v-model=\"draft\"\n      :aria-label=\"`Rename ${row.item.label}`\"\n      :draggable=\"false\"\n      @click.stop\n      @dblclick.stop\n      @blur=\"!blurHandled && emit('renameCommit', draft)\"\n      @keydown=\"renameKey\"\n      class=\"mx-1 h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 text-sm text-foreground outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    />\n    <MarqueeLabel\n      v-else\n      :active=\"hovered || menuOpen\"\n      :label=\"row.item.label\"\n    />\n    <MorphPopover\n      v-if=\"!renaming && !row.item.disabled\"\n      :open=\"menuOpen\"\n      @update:open=\"emit('menu', $event)\"\n      ><MorphPopoverTrigger\n        ><button\n          type=\"button\"\n          :draggable=\"false\"\n          :tabindex=\"-1\"\n          :aria-label=\"`Actions for ${row.item.label}`\"\n          @click.stop\n          :class=\"\n            cn(\n              'grid size-7 shrink-0 place-items-center rounded-lg outline-none transition-opacity hover:bg-foreground/5 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring group-hover/resource:opacity-100 group-focus-visible/resource:opacity-100 group-data-[menu-open=true]/resource:opacity-100',\n              touch ? 'opacity-100' : 'opacity-0',\n            )\n          \"\n        >\n          <MoreHorizontal aria-hidden=\"true\" class=\"size-4\" /></button\n      ></MorphPopoverTrigger>\n      <MorphPopoverContent\n        side=\"bottom\"\n        align=\"end\"\n        :side-offset=\"8\"\n        :radius=\"12\"\n        class=\"w-40 p-1.5\"\n        ><div :data-sidebar-resource-menu=\"row.item.id\" @click=\"activate\">\n          <slot name=\"menu\" :item=\"row.item\" :controls=\"controls\"\n            ><RenderNode\n              v-if=\"customMenu != null\"\n              :node=\"customMenu\"\n            /><template\n              v-for=\"(action, index) in customMenu != null ? [] : actions\"\n              :key=\"action.label\"\n              ><div\n                v-if=\"index === 1\"\n                aria-hidden=\"true\"\n                class=\"my-1 h-px bg-border\"\n              />\n              <button\n                type=\"button\"\n                @click=\"run(action.run, $event)\"\n                class=\"flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-xs text-foreground outline-none transition-colors hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n              >\n                <component\n                  :is=\"action.icon\"\n                  aria-hidden=\"true\"\n                  class=\"size-3.5 shrink-0\"\n                /><span class=\"min-w-0 truncate\">{{ action.label }}</span>\n              </button></template\n            ></slot\n          >\n        </div></MorphPopoverContent\n      >\n    </MorphPopover>\n  </motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/src/tree.ts",
+      "target": "~/src/components/orvui/agents/ai-sidebar/src/tree.ts",
+      "type": "registry:lib",
+      "content": "export type SidebarResourceKind = \"folder\" | \"project\" | \"file\" | \"bookmark\";\nexport interface SidebarResource {\n  id: string;\n  label: string;\n  kind: SidebarResourceKind;\n  children?: SidebarResource[];\n  disabled?: boolean;\n}\nexport type SidebarResourceDropPosition = \"before\" | \"inside\" | \"after\";\nexport interface SidebarResourceMove {\n  itemId: string;\n  targetId: string | null;\n  position: SidebarResourceDropPosition;\n}\nexport interface SidebarResourceMoveCommands {\n  up?: () => void;\n  down?: () => void;\n  into?: { label: string; run: () => void };\n  out?: () => void;\n}\nexport interface SidebarResourceMenuControls {\n  close: () => void;\n  rename: () => void;\n  moves: SidebarResourceMoveCommands;\n}\nexport interface FlatResource {\n  item: SidebarResource;\n  depth: number;\n  parentId: string | null;\n}\n\nexport function canContain(item: SidebarResource) {\n  return [\"folder\", \"project\"].includes(item.kind);\n}\n\nfunction pathTo(forest: SidebarResource[], id: string): number[] | undefined {\n  const pending = forest\n    .map((item, index) => ({ item, path: [index] }))\n    .reverse();\n  while (pending.length) {\n    const cursor = pending.pop()!;\n    if (cursor.item.id === id) return cursor.path;\n    const children = cursor.item.children ?? [];\n    for (let index = children.length - 1; index >= 0; index--)\n      pending.push({ item: children[index], path: [...cursor.path, index] });\n  }\n}\nfunction at(forest: SidebarResource[], path: number[]): SidebarResource {\n  let nodes = forest;\n  let node = nodes[path[0]];\n  path.forEach((index, level) => {\n    node = nodes[index];\n    if (level < path.length - 1) nodes = node.children ?? [];\n  });\n  return node;\n}\nfunction editSiblings(\n  forest: SidebarResource[],\n  parentPath: number[],\n  edit: (siblings: SidebarResource[]) => SidebarResource[],\n): SidebarResource[] {\n  if (!parentPath.length) return edit(forest);\n  const [head, ...tail] = parentPath;\n  const result = forest.slice();\n  result[head] = {\n    ...forest[head],\n    children: editSiblings(forest[head].children ?? [], tail, edit),\n  };\n  return result;\n}\nexport function flattenResources(\n  items: SidebarResource[],\n  expanded: Set<string>,\n  depth = 0,\n  parentId: string | null = null,\n): FlatResource[] {\n  const result: FlatResource[] = [];\n  const pending = items.map((item) => ({ item, depth, parentId })).reverse();\n  while (pending.length) {\n    const row = pending.pop()!;\n    result.push(row);\n    if (!expanded.has(row.item.id)) continue;\n    const children = row.item.children ?? [];\n    for (let index = children.length - 1; index >= 0; index--)\n      pending.push({\n        item: children[index],\n        parentId: row.item.id,\n        depth: row.depth + 1,\n      });\n  }\n  return result;\n}\nexport function findResource(\n  items: SidebarResource[],\n  id: string,\n): SidebarResource | undefined {\n  const path = pathTo(items, id);\n  return path ? at(items, path) : undefined;\n}\nexport function containsResource(item: SidebarResource, id: string): boolean {\n  return pathTo([item], id) !== undefined;\n}\nexport function removeResource(\n  items: SidebarResource[],\n  id: string,\n): { items: SidebarResource[]; removed?: SidebarResource } {\n  const path = pathTo(items, id);\n  if (!path) return { items: items.slice() };\n  const removed = at(items, path);\n  const index = path[path.length - 1];\n  return {\n    removed,\n    items: editSiblings(items, path.slice(0, -1), (siblings) =>\n      siblings.filter((_, cursor) => cursor !== index),\n    ),\n  };\n}\nexport function insertResource(\n  items: SidebarResource[],\n  resource: SidebarResource,\n  targetId: string | null,\n  position: SidebarResourceDropPosition,\n): SidebarResource[] {\n  if (targetId === null) return items.concat(resource);\n  const path = pathTo(items, targetId);\n  if (!path) return items.slice();\n  if (position === \"inside\")\n    return editSiblings(items, path, (children) => children.concat(resource));\n  const index = path[path.length - 1] + Number(position === \"after\");\n  return editSiblings(items, path.slice(0, -1), (siblings) => [\n    ...siblings.slice(0, index),\n    resource,\n    ...siblings.slice(index),\n  ]);\n}\nexport function moveResource(\n  items: SidebarResource[],\n  move: SidebarResourceMove,\n): SidebarResource[] | null {\n  const source = findResource(items, move.itemId);\n  if (!source || source.disabled) return null;\n  const target =\n    move.targetId === null ? undefined : findResource(items, move.targetId);\n  if (\n    move.targetId !== null &&\n    (!target || containsResource(source, move.targetId))\n  )\n    return null;\n  if (\n    move.position === \"inside\" &&\n    (!target || target.disabled || !canContain(target))\n  )\n    return null;\n  const detached = removeResource(items, move.itemId);\n  return insertResource(detached.items, source, move.targetId, move.position);\n}\nexport function renameResource(\n  items: SidebarResource[],\n  id: string,\n  label: string,\n): SidebarResource[] {\n  const path = pathTo(items, id);\n  if (!path) return items.slice();\n  const index = path[path.length - 1];\n  return editSiblings(items, path.slice(0, -1), (siblings) =>\n    siblings.map((item, cursor) =>\n      cursor === index ? { ...item, label } : item,\n    ),\n  );\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/ai-sidebar/src/useTouchCapable.ts",
+      "target": "~/src/components/orvui/agents/ai-sidebar/src/useTouchCapable.ts",
+      "type": "registry:lib",
+      "content": "import { onBeforeUnmount, onMounted, ref } from \"vue\";\nexport function useTouchCapable() {\n  const capable = ref(false);\n  let media: MediaQueryList | undefined;\n  const refresh = () => {\n    capable.value = !!media?.matches || navigator.maxTouchPoints > 0;\n  };\n  onMounted(() => {\n    media = window.matchMedia?.(\"(any-pointer: coarse)\");\n    refresh();\n    media?.addEventListener?.(\"change\", refresh);\n  });\n  onBeforeUnmount(() => media?.removeEventListener?.(\"change\", refresh));\n  return capable;\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/index.ts",
+      "target": "~/src/components/orvui/agents/approval-card/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ApprovalCard } from \"./src/ApprovalCard.vue\";\nexport * from \"./src/types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/src/ApprovalCard.vue",
+      "target": "~/src/components/orvui/agents/approval-card/src/ApprovalCard.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onBeforeUnmount,\n  watch,\n  type VNodeChild,\n} from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  ArrowLeft,\n  ArrowRight,\n  Check,\n  CircleHelp,\n  LoaderCircle,\n  MessageSquareText,\n  X,\n} from \"lucide-vue-next\";\nimport { Button } from \"../../../motion/button\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport QuestionOptions from \"./QuestionOptions.vue\";\nimport type {\n  ApprovalCardAnswer,\n  ApprovalCardAnswers,\n  ApprovalCardQuestion,\n  ApprovalCardStatus,\n} from \"./types\";\ndefineSlots<{ default?: () => VNodeChild }>();\nconst props = withDefaults(\n  defineProps<{\n    title?: Content;\n    description?: Content;\n    questions?: ApprovalCardQuestion[];\n    status?: ApprovalCardStatus;\n    answers?: ApprovalCardAnswers;\n    defaultAnswers?: ApprovalCardAnswers;\n    step?: number;\n    defaultStep?: number;\n    approveLabel?: Content;\n    submitLabel?: Content;\n    result?: Content;\n  }>(),\n  {\n    title: \"Approval required\",\n    questions: () => [],\n    status: \"pending\",\n    defaultAnswers: () => ({}),\n    defaultStep: 0,\n    approveLabel: \"Approve\",\n    submitLabel: \"Submit response\",\n    result: undefined,\n  },\n);\nconst emit = defineEmits<{\n  \"update:answers\": [answers: ApprovalCardAnswers];\n  answersChange: [answers: ApprovalCardAnswers];\n  \"update:step\": [step: number];\n  stepChange: [step: number];\n  submit: [answers: ApprovalCardAnswers];\n  approve: [];\n  reject: [];\n  requestChanges: [];\n  dismiss: [];\n}>();\nconst responses = useControllable(\n  () => props.answers,\n  props.defaultAnswers,\n  (value) => {\n    emit(\"update:answers\", value);\n    emit(\"answersChange\", value);\n  },\n);\nconst position = useControllable(\n  () => props.step,\n  props.defaultStep,\n  (value) => {\n    emit(\"update:step\", value);\n    emit(\"stepChange\", value);\n  },\n);\nconst cursor = computed(() =>\n  Math.max(0, Math.min(position.value, props.questions.length - 1)),\n);\nconst currentQuestion = computed(() => props.questions[cursor.value]);\nconst currentAnswer = computed<ApprovalCardAnswer>(() =>\n  currentQuestion.value\n    ? (responses.value[currentQuestion.value.id] ?? {\n        selected: [],\n        custom: \"\",\n      })\n    : { selected: [], custom: \"\" },\n);\nconst busy = computed(() => props.status === \"submitting\");\nconst interactive = computed(() =>\n  [\"pending\", \"submitting\"].includes(props.status),\n);\nconst valid = computed(\n  () =>\n    currentAnswer.value.selected.length > 0 ||\n    !!currentAnswer.value.custom?.trim(),\n);\nconst reduced = useReducedMotion();\nconst instance = getCurrentInstance();\nconst has = (event: string) => !!instance?.vnode.props?.[event];\nconst label = computed(\n  () =>\n    ({\n      pending: \"Input required\",\n      submitting: \"Submitting\",\n      approved: \"Approved\",\n      rejected: \"Rejected\",\n      \"changes-requested\": \"Changes requested\",\n      answered: \"Response submitted\",\n    })[props.status],\n);\nconst successful = computed(() =>\n  [\"approved\", \"answered\"].includes(props.status),\n);\nconst tone = computed(() =>\n  successful.value\n    ? \"emerald\"\n    : props.status === \"rejected\"\n      ? \"rose\"\n      : props.status === \"changes-requested\"\n        ? \"amber\"\n        : \"muted\",\n);\nconst tones = {\n  emerald: \"text-emerald-600 dark:text-emerald-400\",\n  rose: \"text-rose-600 dark:text-rose-400\",\n  amber: \"text-amber-600 dark:text-amber-400\",\n  muted: \"text-muted-foreground\",\n};\nconst badges = {\n  amber:\n    \"border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400\",\n  blue: \"border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400\",\n  emerald:\n    \"border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  rose: \"border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400\",\n};\nconst badge = computed(\n  () =>\n    badges[\n      props.status === \"pending\" || props.status === \"changes-requested\"\n        ? \"amber\"\n        : busy.value\n          ? \"blue\"\n          : successful.value\n            ? \"emerald\"\n            : \"rose\"\n    ],\n);\nlet pending: ReturnType<typeof setTimeout> | undefined;\nfunction cancelAdvance() {\n  if (pending !== undefined) clearTimeout(pending);\n  pending = undefined;\n}\nfunction go(value: number) {\n  cancelAdvance();\n  position.value = value;\n}\nfunction answer(value: ApprovalCardAnswer) {\n  if (currentQuestion.value)\n    responses.value = { ...responses.value, [currentQuestion.value.id]: value };\n}\nfunction advance() {\n  if (!valid.value || busy.value) return;\n  if (cursor.value + 1 < props.questions.length) go(cursor.value + 1);\n  else emit(\"submit\", responses.value);\n}\nfunction automatic() {\n  cancelAdvance();\n  const question = currentQuestion.value,\n    starting = cursor.value;\n  if (\n    !question ||\n    question.multiple ||\n    question.autoAdvance === false ||\n    starting + 1 >= props.questions.length ||\n    busy.value\n  )\n    return;\n  pending = setTimeout(() => {\n    pending = undefined;\n    if (\n      props.status === \"pending\" &&\n      cursor.value === starting &&\n      currentQuestion.value?.id === question.id\n    )\n      go(starting + 1);\n  }, 240);\n}\nwatch(\n  () => props.status,\n  () => {\n    if (props.status !== \"pending\") cancelAdvance();\n  },\n);\nonBeforeUnmount(cancelAdvance);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"busy\"\n    class=\"w-full overflow-hidden rounded-2xl bg-muted p-4 text-sm\"\n  >\n    <div class=\"flex items-start gap-3\">\n      <span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'grid size-5 shrink-0 place-items-center text-muted-foreground',\n            tones[tone],\n          )\n        \"\n        ><LoaderCircle\n          v-if=\"busy\"\n          :class=\"cn('size-4', !reduced && 'animate-spin')\" /><CircleHelp\n          v-else-if=\"interactive && questions.length\"\n          class=\"size-4\" /><MessageSquareText\n          v-else-if=\"interactive\"\n          class=\"size-4\" /><X\n          v-else-if=\"status === 'rejected'\"\n          class=\"size-4\" /><Check v-else class=\"size-4\"\n      /></span>\n      <div class=\"min-w-0 flex-1\">\n        <div class=\"flex min-w-0 items-start gap-3\">\n          <h3\n            class=\"min-w-0 flex-1 text-base font-medium leading-5 text-foreground\"\n          >\n            <ActionSwapRollText :value=\"currentQuestion?.id ?? String(status)\"\n              ><RenderNode :node=\"currentQuestion?.title ?? title\"\n            /></ActionSwapRollText>\n          </h3>\n          <template v-if=\"questions.length && interactive\"\n            ><span\n              v-if=\"questions.length > 1\"\n              class=\"shrink-0 text-xs tabular-nums text-muted-foreground/65\"\n              >{{ cursor + 1 }}/{{ questions.length }}</span\n            ></template\n          ><span\n            v-else\n            :class=\"\n              cn(\n                'shrink-0 rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors',\n                badge,\n              )\n            \"\n            >{{ label }}</span\n          >\n          <button\n            v-if=\"has('onDismiss')\"\n            type=\"button\"\n            aria-label=\"Dismiss\"\n            @click=\"emit('dismiss')\"\n            class=\"grid size-5 shrink-0 place-items-center rounded-full text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <X class=\"size-4\" />\n          </button>\n        </div>\n        <AgentDisclosure :open=\"interactive\"\n          ><AnimatePresence v-if=\"currentQuestion\" :initial=\"false\" mode=\"wait\"\n            ><motion.div\n              :key=\"currentQuestion.id\"\n              :initial=\"reduced ? { opacity: 1 } : { opacity: 0, x: 8 }\"\n              :animate=\"{ opacity: 1, x: 0 }\"\n              :exit=\"reduced ? { opacity: 0 } : { opacity: 0, x: -6 }\"\n              :transition=\"{ duration: reduced ? 0 : 0.2, ease: EASE_OUT }\"\n            >\n              <p\n                v-if=\"currentQuestion.description\"\n                class=\"mt-1 leading-5 text-muted-foreground\"\n              >\n                <RenderNode :node=\"currentQuestion.description\" />\n              </p>\n              <QuestionOptions\n                :question=\"currentQuestion\"\n                :answer=\"currentAnswer\"\n                :disabled=\"busy\"\n                @change=\"answer\"\n                @single-select=\"automatic\"\n              /> </motion.div\n          ></AnimatePresence>\n          <div v-else>\n            <p v-if=\"description\" class=\"mt-1 leading-5 text-muted-foreground\">\n              <RenderNode :node=\"description\" />\n            </p>\n            <div v-if=\"$slots.default\" class=\"mt-3\"><slot /></div>\n          </div>\n          <div v-if=\"questions.length\" class=\"mt-4 flex items-center gap-3\">\n            <template v-if=\"questions.length > 1\"\n              ><Button\n                variant=\"ghost\"\n                size=\"icon\"\n                aria-label=\"Previous question\"\n                :disabled=\"busy || cursor === 0\"\n                @click=\"go(cursor - 1)\"\n                class=\"rounded-full\"\n                ><ArrowLeft class=\"size-4\" /></Button\n              ><span class=\"flex gap-1.5\"\n                ><span class=\"sr-only\"\n                  >Question {{ cursor + 1 }} of {{ questions.length }}</span\n                ><motion.span\n                  v-for=\"(item, index) in questions\"\n                  :key=\"item.id\"\n                  aria-hidden=\"true\"\n                  :initial=\"{\n                    scale: index === cursor ? 1 : 0.75,\n                    opacity: index <= cursor ? 1 : 0.35,\n                  }\"\n                  :animate=\"{\n                    scale: index === cursor ? 1 : 0.75,\n                    opacity: index <= cursor ? 1 : 0.35,\n                  }\"\n                  :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n                  class=\"size-1.5 rounded-full bg-foreground\" /></span\n            ></template>\n            <Button\n              :size=\"cursor === questions.length - 1 ? 'sm' : 'icon'\"\n              :aria-label=\"\n                cursor === questions.length - 1\n                  ? 'Submit response'\n                  : 'Next question'\n              \"\n              :disabled=\"busy || !valid\"\n              @click=\"advance\"\n              class=\"ml-auto rounded-full\"\n              ><LoaderCircle\n                v-if=\"busy\"\n                :class=\"cn('size-4', !reduced && 'animate-spin')\" /><template\n                v-else-if=\"cursor === questions.length - 1\"\n                ><RenderNode :node=\"submitLabel\" /><ArrowRight\n                  class=\"size-3.5\" /></template\n              ><ArrowRight v-else class=\"size-4\"\n            /></Button>\n          </div>\n          <div v-else class=\"mt-4 flex flex-wrap items-center gap-2\">\n            <Button\n              size=\"sm\"\n              :disabled=\"busy\"\n              @click=\"emit('approve')\"\n              class=\"rounded-full\"\n              ><RenderNode :node=\"approveLabel\" /></Button\n            ><Button\n              v-if=\"has('onRequestChanges')\"\n              variant=\"secondary\"\n              size=\"sm\"\n              :disabled=\"busy\"\n              @click=\"emit('requestChanges')\"\n              class=\"rounded-full\"\n              >Request changes</Button\n            ><Button\n              v-if=\"has('onReject')\"\n              variant=\"ghost\"\n              size=\"sm\"\n              :disabled=\"busy\"\n              @click=\"emit('reject')\"\n              class=\"rounded-full text-muted-foreground hover:text-rose-600 dark:hover:text-rose-400\"\n              >Reject</Button\n            >\n          </div>\n        </AgentDisclosure>\n        <p v-if=\"!interactive\" class=\"mt-1 text-sm text-muted-foreground\">\n          <RenderNode :node=\"result ?? label\" />\n        </p>\n      </div>\n    </div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/src/QuestionOptions.vue",
+      "target": "~/src/components/orvui/agents/approval-card/src/QuestionOptions.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { Checkbox } from \"../../../motion/checkbox\";\nimport { RadioGroup, RadioGroupItem } from \"../../../motion/radio\";\nimport { Input } from \"../../../motion/input\";\nimport { cn } from \"../../../lib/utils\";\nimport type { ApprovalCardAnswer, ApprovalCardQuestion } from \"./types\";\nconst props = defineProps<{\n  question: ApprovalCardQuestion;\n  answer: ApprovalCardAnswer;\n  disabled: boolean;\n}>();\nconst emit = defineEmits<{\n  change: [answer: ApprovalCardAnswer];\n  singleSelect: [];\n}>();\nfunction multiple(value: string, checked: boolean) {\n  const values = new Set(props.answer.selected);\n  if (checked) values.add(value);\n  else values.delete(value);\n  emit(\"change\", { ...props.answer, selected: [...values] });\n}\nfunction single(value: string) {\n  emit(\"change\", { selected: [value], custom: \"\" });\n  emit(\"singleSelect\");\n}\nfunction custom(value: string) {\n  emit(\"change\", {\n    selected: props.question.multiple ? props.answer.selected : [],\n    custom: value,\n  });\n}\n</script>\n<template>\n  <div class=\"mt-3\">\n    <template v-if=\"question.options?.length\">\n      <div v-if=\"question.multiple\" class=\"grid gap-0.5\">\n        <Checkbox\n          v-for=\"option in question.options\"\n          :key=\"option.value\"\n          :model-value=\"answer.selected.includes(option.value)\"\n          :disabled=\"disabled || option.disabled\"\n          :label=\"option.label\"\n          :description=\"option.description\"\n          @update:model-value=\"multiple(option.value, $event)\"\n          class=\"min-h-9 rounded-lg px-1.5 py-1\"\n        />\n      </div>\n      <RadioGroup\n        v-else\n        :model-value=\"answer.selected[0] ?? ''\"\n        @update:model-value=\"single\"\n        class=\"gap-0.5\"\n        ><RadioGroupItem\n          v-for=\"option in question.options\"\n          :key=\"option.value\"\n          :value=\"option.value\"\n          :label=\"option.label\"\n          :description=\"option.description\"\n          :disabled=\"disabled || option.disabled\"\n          class=\"min-h-9 rounded-lg px-1.5 py-1\"\n      /></RadioGroup> </template\n    ><Input\n      v-if=\"question.allowCustom\"\n      :model-value=\"answer.custom ?? ''\"\n      :disabled=\"disabled\"\n      :placeholder=\"question.customPlaceholder ?? 'Add another response…'\"\n      aria-label=\"Custom answer\"\n      @update:model-value=\"custom\"\n      :class=\"cn('p-0.5', question.options?.length && 'mt-1.5')\"\n      :class-names=\"{\n        field:\n          'h-10 rounded-xl border-0 bg-background/70 focus-within:bg-background',\n        input: 'px-3 text-sm',\n      }\"\n    />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/approval-card/src/types.ts",
+      "target": "~/src/components/orvui/agents/approval-card/src/types.ts",
+      "type": "registry:lib",
+      "content": "import type { Content } from \"../../shared\";\n\nexport type ApprovalCardStatus =\n  | \"pending\"\n  | \"submitting\"\n  | \"approved\"\n  | \"rejected\"\n  | \"changes-requested\"\n  | \"answered\";\n\nexport interface ApprovalCardOption {\n  value: string;\n  label: string;\n  /** Plain supporting text rendered under the label. */\n  description?: string;\n  disabled?: boolean;\n}\n\nexport interface ApprovalCardQuestion {\n  id: string;\n  title: Content;\n  description?: Content;\n  options?: ApprovalCardOption[];\n  multiple?: boolean;\n  autoAdvance?: boolean;\n  allowCustom?: boolean;\n  customPlaceholder?: string;\n}\n\nexport interface ApprovalCardAnswer {\n  selected: string[];\n  custom?: string;\n}\n\nexport type ApprovalCardAnswers = Record<string, ApprovalCardAnswer>;\n\n/** Vue props, including the typed model and business-event listeners. Content is passed through slots. */\nexport type ApprovalCardProps = InstanceType<\n  (typeof import(\"./ApprovalCard.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/chat-app/index.ts",
+      "target": "~/src/components/orvui/agents/chat-app/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ChatApp } from \"./src/ChatApp.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport * from \"../ai-sidebar\";\nexport * from \"../agent-activity\";\nexport * from \"../approval-card\";\nexport * from \"../code-block\";\nexport * from \"../file-diff\";\nexport * from \"../image-generation\";\nexport * from \"../message\";\nexport * from \"../message-bubble\";\nexport * from \"../message-scroller\";\nexport * from \"../prompt-input\";\nexport * from \"../streaming-response\";\nexport * from \"../loading-states\";\nexport * from \"../todo-list\";\nexport * from \"../tool-approval\";\nexport * from \"../tool-result\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/chat-app/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/chat-app/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ChatAppProps = InstanceType<\n  (typeof import(\"./ChatApp.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/chat-app/src/ChatApp.vue",
+      "target": "~/src/components/orvui/agents/chat-app/src/ChatApp.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { AnimatedSidebarProvider } from \"../../../motion/animated-sidebar\";\nimport { cn } from \"../../../lib/utils\";\nimport ShellFit from \"./ShellFit.vue\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    openMobile?: boolean;\n    defaultOpenMobile?: boolean;\n    mobileOpen?: boolean;\n    defaultMobileOpen?: boolean;\n    sidebarWidth?: string;\n    collapseSidebarBelow?: number;\n    shortcut?: boolean;\n  }>(),\n  {\n    open: undefined,\n    openMobile: undefined,\n    mobileOpen: undefined,\n    defaultOpen: true,\n    defaultOpenMobile: undefined,\n    defaultMobileOpen: false,\n    sidebarWidth: \"17rem\",\n    collapseSidebarBelow: 600,\n    shortcut: true,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  \"update:openMobile\": [open: boolean];\n  openMobileChange: [open: boolean];\n  \"update:mobileOpen\": [open: boolean];\n}>();\nfunction desktop(value: boolean) {\n  emit(\"update:open\", value);\n  emit(\"openChange\", value);\n}\nfunction mobile(value: boolean) {\n  emit(\"update:openMobile\", value);\n  emit(\"openMobileChange\", value);\n}\n</script>\n<template>\n  <AnimatedSidebarProvider\n    v-bind=\"$attrs\"\n    :open=\"open\"\n    :default-open=\"defaultOpen\"\n    :open-mobile=\"openMobile\"\n    :default-open-mobile=\"defaultOpenMobile\"\n    :mobile-open=\"mobileOpen\"\n    :default-mobile-open=\"defaultMobileOpen\"\n    :shortcut=\"shortcut\"\n    :class=\"\n      cn(\n        'min-h-0 w-full overflow-hidden rounded-2xl border border-border bg-background',\n        $attrs.class,\n      )\n    \"\n    :style=\"[$attrs.style as any, { '--sidebar-width': sidebarWidth }]\"\n    @update:open=\"desktop\"\n    @update:open-mobile=\"mobile\"\n    @update:mobile-open=\"emit('update:mobileOpen', $event)\"\n  >\n    <ShellFit\n      v-if=\"open === undefined\"\n      :min-width=\"collapseSidebarBelow\"\n    /><slot />\n  </AnimatedSidebarProvider>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/chat-app/src/ShellFit.vue",
+      "target": "~/src/components/orvui/agents/chat-app/src/ShellFit.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useAnimatedSidebar } from \"../../../motion/animated-sidebar\";\nconst props = withDefaults(defineProps<{ minWidth?: number }>(), {\n  minWidth: 600,\n});\nconst anchor = ref<HTMLElement>();\nconst sidebar = useAnimatedSidebar();\nlet observer: ResizeObserver | undefined;\nlet alive = false;\nfunction subscribe() {\n  observer?.disconnect();\n  const shell = anchor.value?.parentElement;\n  if (!alive || !shell || typeof ResizeObserver === \"undefined\") return;\n  let previous: boolean | undefined;\n  observer = new ResizeObserver((entries) => {\n    const width = entries[0]?.contentRect.width;\n    if (width === undefined) return;\n    const compact = width < props.minWidth;\n    if (compact === previous) return;\n    const initial = previous === undefined;\n    previous = compact;\n    if (initial && !compact) return;\n    if (sidebar.open.value === compact) sidebar.open.value = !compact;\n  });\n  observer.observe(shell);\n}\nwatch(() => props.minWidth, subscribe);\nonMounted(() => {\n  alive = true;\n  subscribe();\n});\nonBeforeUnmount(() => {\n  alive = false;\n  observer?.disconnect();\n});\n</script>\n<template><div ref=\"anchor\" class=\"hidden\" /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/citations/index.ts",
+      "target": "~/src/components/orvui/agents/citations/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Citations } from \"./src/Citations.vue\";\nexport { default as Citation } from \"./src/Citation.vue\";\nexport { default as CitationFavicon } from \"./src/CitationFavicon.vue\";\nexport { default as CitationStack } from \"./src/CitationStack.vue\";\nexport { default as CitationList } from \"./src/CitationList.vue\";\nexport * from \"./src/types\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/citations/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type CitationListProps = InstanceType<\n  (typeof import(\"./CitationList.vue\"))[\"default\"]\n>[\"$props\"];\nexport type CitationProps = InstanceType<\n  (typeof import(\"./Citation.vue\"))[\"default\"]\n>[\"$props\"];\nexport type CitationStackProps = InstanceType<\n  (typeof import(\"./CitationStack.vue\"))[\"default\"]\n>[\"$props\"];\nexport type CitationsProps = InstanceType<\n  (typeof import(\"./Citations.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/Citation.vue",
+      "target": "~/src/components/orvui/agents/citations/src/Citation.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/CitationFavicon.vue",
+      "target": "~/src/components/orvui/agents/citations/src/CitationFavicon.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/CitationList.vue",
+      "target": "~/src/components/orvui/agents/citations/src/CitationList.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/Citations.vue",
+      "target": "~/src/components/orvui/agents/citations/src/Citations.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/CitationStack.vue",
+      "target": "~/src/components/orvui/agents/citations/src/CitationStack.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/citations/src/types.ts",
+      "target": "~/src/components/orvui/agents/citations/src/types.ts",
+      "type": "registry:lib",
+      "content": "import type { Content } from \"../../shared\";\nexport interface CitationItem {\n  id: string;\n  title: Content;\n  domain?: Content;\n  url?: string;\n  icon?: Content;\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/index.ts",
+      "target": "~/src/components/orvui/agents/code-block/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as CodeBlock } from \"./src/CodeBlock.vue\";\nexport { default as AgentCode } from \"./src/AgentCode.vue\";\nexport { default as AgentCodeLine } from \"./src/AgentCodeLine.vue\";\nexport * from \"./src/tokens\";\nexport type { AgentCodeLanguage } from \"./src/AgentCode.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type CodeBlockStatus = NonNullable<\n  import(\"./src/api-types\").CodeBlockProps[\"status\"]\n>;\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/AgentCode.vue",
+      "target": "~/src/components/orvui/agents/code-block/src/AgentCode.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport AgentCodeLine from \"./AgentCodeLine.vue\";\nimport { useAgentCodeTokens } from \"./tokens\";\nexport type AgentCodeLanguage =\n  | \"bash\"\n  | \"diff\"\n  | \"json\"\n  | \"text\"\n  | \"tsx\"\n  | \"typescript\"\n  | \"javascript\"\n  | \"vue\"\n  | \"css\"\n  | \"html\";\nconst props = withDefaults(\n  defineProps<{\n    code: string;\n    language?: AgentCodeLanguage;\n    showLineNumbers?: boolean;\n    highlightLines?: number[];\n    wrap?: boolean;\n  }>(),\n  {\n    language: \"bash\",\n    showLineNumbers: false,\n    highlightLines: () => [],\n    wrap: false,\n  },\n);\nconst content = computed(() => props.code.split(\"\\n\"));\nconst tokens = useAgentCodeTokens(\n  () => props.code,\n  () => props.language,\n);\n</script>\n<template>\n  <pre\n    :class=\"\n      cn(\n        'm-0 overflow-x-auto whitespace-pre font-mono text-xs leading-5 text-foreground/85',\n        wrap && 'whitespace-pre-wrap break-words',\n      )\n    \"\n  ><code><template v-for=\"(line, index) in content\" :key=\"index\"><span v-if=\"showLineNumbers\" aria-hidden=\"true\" class=\"inline-block w-11 select-none pr-3 text-right tabular-nums text-muted-foreground/55\">{{ index + 1 }}</span><AgentCodeLine :code=\"line\" :tokens=\"tokens?.[index]\" :class=\"highlightLines.includes(index + 1) ? 'bg-blue-500/[0.07]' : undefined\" />{{ index + 1 < content.length ? '\\n' : '' }}</template></code></pre>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/AgentCodeLine.vue",
+      "target": "~/src/components/orvui/agents/code-block/src/AgentCodeLine.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { AgentCodeToken } from \"./tokens\";\ndefineProps<{ code: string; tokens?: AgentCodeToken[] }>();\n</script>\n<template>\n  <span\n    ><template v-if=\"tokens\"\n      ><span\n        v-for=\"(token, index) in tokens\"\n        :key=\"`${token.offset}-${index}`\"\n        class=\"text-[var(--agent-code-light)] dark:text-[var(--agent-code-dark)]\"\n        :style=\"{\n          '--agent-code-light': token.light || 'currentColor',\n          '--agent-code-dark': token.dark || token.light || 'currentColor',\n        }\"\n        >{{ token.content }}</span\n      ></template\n    ><template v-else>{{ code }}</template></span\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/code-block/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type CodeBlockProps = InstanceType<\n  (typeof import(\"./CodeBlock.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/CodeBlock.vue",
+      "target": "~/src/components/orvui/agents/code-block/src/CodeBlock.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/code-block/src/tokens.ts",
+      "target": "~/src/components/orvui/agents/code-block/src/tokens.ts",
+      "type": "registry:lib",
+      "content": "import {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n} from \"vue\";\nimport type { Highlighter } from \"shiki\";\nimport type { AgentCodeLanguage } from \"./AgentCode.vue\";\nexport interface AgentCodeToken {\n  content: string;\n  offset: number;\n  light?: string;\n  dark?: string;\n}\nexport type AgentCodeTokenLines = AgentCodeToken[][];\nconst results = new Map<string, AgentCodeTokenLines>();\nlet engine: Promise<Highlighter> | undefined;\nconst obtainEngine = () =>\n  (engine ??= import(\"shiki\").then((module) =>\n    module.createHighlighter({\n      themes: [\"github-light-high-contrast\", \"github-dark-high-contrast\"],\n      langs: [\n        \"bash\",\n        \"diff\",\n        \"json\",\n        \"tsx\",\n        \"typescript\",\n        \"javascript\",\n        \"vue\",\n        \"css\",\n        \"html\",\n      ],\n    }),\n  ));\nexport function useAgentCodeTokens(\n  code: MaybeRefOrGetter<string>,\n  language: MaybeRefOrGetter<AgentCodeLanguage>,\n) {\n  const snapshot = shallowRef<{\n    code: string;\n    language: AgentCodeLanguage;\n    lines: AgentCodeTokenLines;\n  }>();\n  let active = false,\n    request = 0;\n  async function refresh() {\n    const revision = ++request;\n    if (!active) return;\n    const text = toValue(code),\n      grammar = toValue(language),\n      key = JSON.stringify([grammar, text]);\n    try {\n      let lines = results.get(key);\n      if (!lines) {\n        const highlighter = await obtainEngine();\n        if (!active || revision !== request) return;\n        lines = highlighter\n          .codeToTokensWithThemes(text, {\n            lang: grammar,\n            themes: {\n              light: \"github-light-high-contrast\",\n              dark: \"github-dark-high-contrast\",\n            },\n          })\n          .map((line) =>\n            line.map((token) => ({\n              content: token.content,\n              offset: token.offset,\n              light: token.variants.light?.color,\n              dark: token.variants.dark?.color,\n            })),\n          );\n        // Bound the shared memo so long-running streaming sessions can release old text.\n        if (results.size >= 48) results.delete(results.keys().next().value!);\n        results.set(key, lines);\n      }\n      if (active && revision === request)\n        snapshot.value = { code: text, language: grammar, lines };\n    } catch {\n      if (active && revision === request) snapshot.value = undefined;\n    }\n  }\n  watch([() => toValue(code), () => toValue(language)], refresh);\n  onMounted(() => {\n    active = true;\n    refresh();\n  });\n  onBeforeUnmount(() => {\n    active = false;\n    request++;\n  });\n  return computed(() => {\n    const current = snapshot.value;\n    return current?.language === toValue(language) &&\n      toValue(code).startsWith(current.code)\n      ? current.lines\n      : null;\n  });\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/file-diff/index.ts",
+      "target": "~/src/components/orvui/agents/file-diff/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as FileDiff } from \"./src/FileDiff.vue\";\nexport * from \"./src/types\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/file-diff/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/file-diff/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type FileDiffProps = InstanceType<\n  (typeof import(\"./FileDiff.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/file-diff/src/FileDiff.vue",
+      "target": "~/src/components/orvui/agents/file-diff/src/FileDiff.vue",
+      "type": "registry:component",
+      "content": "<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"
+    },
+    {
+      "path": "registry/orvui/agents/file-diff/src/types.ts",
+      "target": "~/src/components/orvui/agents/file-diff/src/types.ts",
+      "type": "registry:lib",
+      "content": "export type FileDiffStatus = \"streaming\" | \"complete\";\nexport type FileDiffLineType = \"added\" | \"removed\" | \"context\";\nexport interface FileDiffLine {\n  id: string;\n  type?: FileDiffLineType;\n  oldLine?: number;\n  newLine?: number;\n  content: string;\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/image-generation/index.ts",
+      "target": "~/src/components/orvui/agents/image-generation/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ImageGeneration } from \"./src/ImageGeneration.vue\";\nexport type { ImageGenerationStatus } from \"./src/ImageGeneration.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/image-generation/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/image-generation/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ImageGenerationProps = InstanceType<\n  (typeof import(\"./ImageGeneration.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/image-generation/src/dither.ts",
+      "target": "~/src/components/orvui/agents/image-generation/src/dither.ts",
+      "type": "registry:lib",
+      "content": "interface Dot {\n  x: number;\n  y: number;\n}\n\n/** Creates a responsive lattice and owns its animation and pointer subscriptions. */\nexport function createDitherField(\n  canvas: HTMLCanvasElement,\n  interactive: boolean,\n  reduce: boolean,\n  canHover: boolean,\n) {\n  const brush = canvas.getContext(\"2d\");\n  if (!brush) return () => {};\n  let disposed = false;\n  let width = 208,\n    height = 208,\n    color = \"currentColor\";\n  let dots: Dot[] = [];\n  let pointer: Dot | null = null;\n  let focus: Dot = { x: width / 2, y: height / 2 };\n  let frame: number | undefined;\n  let last: number | undefined;\n  const followsPointer = interactive && canHover && !reduce;\n\n  const render = (time: number) => {\n    frame = undefined;\n    if (disposed) return;\n    const elapsed =\n      last === undefined ? 1000 / 60 : Math.min(100, Math.max(0, time - last));\n    last = time;\n    const goal = pointer ?? {\n      x: width * (0.5 + (reduce ? 0 : 0.12 * Math.sin(time / 1700))),\n      y: height * (0.5 + (reduce ? 0 : 0.1 * Math.cos(time / 2100))),\n    };\n    const response = reduce\n      ? 1\n      : 1 - Math.pow(pointer ? 0.84 : 0.955, elapsed * 0.06);\n    focus.x += (goal.x - focus.x) * response;\n    focus.y += (goal.y - focus.y) * response;\n    const reach = Math.min(width, height) * 0.38;\n    brush.clearRect(0, 0, width, height);\n    brush.fillStyle = color;\n    for (const dot of dots) {\n      const dx = dot.x - focus.x,\n        dy = dot.y - focus.y;\n      const distance = Math.hypot(dx, dy);\n      const phase = Math.min(1, distance / reach);\n      const intensity = 0.5 + 0.5 * Math.cos(phase * Math.PI);\n      const offset = intensity * intensity * 9;\n      const ratio = distance > 0 ? offset / distance : 0;\n      brush.globalAlpha = 0.17 + intensity * 0.72;\n      brush.beginPath();\n      brush.arc(\n        dot.x + dx * ratio,\n        dot.y + dy * ratio,\n        0.65 + intensity * 0.85,\n        0,\n        Math.PI * 2,\n      );\n      brush.fill();\n    }\n    brush.globalAlpha = 1;\n    if (!reduce) frame = requestAnimationFrame(render);\n  };\n  const resize = () => {\n    if (disposed) return;\n    const bounds = canvas.getBoundingClientRect();\n    width = bounds.width || canvas.clientWidth || 208;\n    height = bounds.height || canvas.clientHeight || 208;\n    const pixelRatio = Math.min(2, window.devicePixelRatio || 1);\n    canvas.width = Math.round(width * pixelRatio);\n    canvas.height = Math.round(height * pixelRatio);\n    brush.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);\n    color = getComputedStyle(canvas).color;\n    const columns = Math.ceil(width / 10),\n      rows = Math.ceil(height / 10);\n    const left = (width - columns * 10) / 2,\n      top = (height - rows * 10) / 2;\n    dots = Array.from({ length: (columns + 1) * (rows + 1) }, (_, index) => ({\n      x: left + (index % (columns + 1)) * 10,\n      y: top + Math.floor(index / (columns + 1)) * 10,\n    }));\n    focus = { x: width / 2, y: height / 2 };\n    if (frame !== undefined) cancelAnimationFrame(frame);\n    last = undefined;\n    render(0);\n  };\n  const move = (event: PointerEvent) => {\n    if (!followsPointer) return;\n    const box = canvas.getBoundingClientRect();\n    pointer = { x: event.clientX - box.left, y: event.clientY - box.top };\n  };\n  const leave = () => {\n    pointer = null;\n  };\n  const observer =\n    typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(resize);\n  canvas.addEventListener(\"pointermove\", move, { passive: true });\n  canvas.addEventListener(\"pointerleave\", leave);\n  observer?.observe(canvas);\n  resize();\n  return () => {\n    if (disposed) return;\n    disposed = true;\n    if (frame !== undefined) cancelAnimationFrame(frame);\n    observer?.disconnect();\n    canvas.removeEventListener(\"pointermove\", move);\n    canvas.removeEventListener(\"pointerleave\", leave);\n    dots = [];\n  };\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/image-generation/src/DitherField.vue",
+      "target": "~/src/components/orvui/agents/image-generation/src/DitherField.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { createDitherField } from \"./dither\";\nimport type { ImageGenerationStatus } from \"./ImageGeneration.vue\";\nconst props = defineProps<{\n  status: ImageGenerationStatus;\n  interactive: boolean;\n  reduce: boolean;\n}>();\nconst canvas = ref<HTMLCanvasElement>();\nconst opacity = computed(() =>\n  props.status === \"refining\"\n    ? 0.48\n    : props.status === \"queued\" || props.status === \"generating\"\n      ? 1\n      : 0,\n);\nlet release: (() => void) | undefined;\nlet capabilities: MediaQueryList | undefined;\nlet ready = false;\nfunction refresh() {\n  release?.();\n  release = undefined;\n  if (ready && canvas.value)\n    release = createDitherField(\n      canvas.value,\n      props.interactive,\n      props.reduce,\n      capabilities?.matches ?? false,\n    );\n}\nwatch([() => props.interactive, () => props.reduce], refresh);\nonMounted(() => {\n  ready = true;\n  capabilities = matchMedia(\"(hover: hover) and (pointer: fine)\");\n  capabilities.addEventListener(\"change\", refresh);\n  refresh();\n});\nonBeforeUnmount(() => {\n  ready = false;\n  release?.();\n  capabilities?.removeEventListener(\"change\", refresh);\n});\n</script>\n<template>\n  <motion.div\n    aria-hidden=\"true\"\n    class=\"absolute inset-0 overflow-hidden bg-muted\"\n    :initial=\"false\"\n    :animate=\"{ opacity }\"\n    :transition=\"{ duration: reduce ? 0 : 0.4, ease: EASE_OUT }\"\n  >\n    <canvas ref=\"canvas\" class=\"absolute inset-0 size-full text-foreground\" />\n  </motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/image-generation/src/ImageGeneration.vue",
+      "target": "~/src/components/orvui/agents/image-generation/src/ImageGeneration.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, useSlots } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, CircleAlert, RotateCcw } from \"lucide-vue-next\";\nimport { EASE_IN_OUT, EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReduced } from \"../../shared\";\nimport DitherField from \"./DitherField.vue\";\nexport type ImageGenerationStatus =\n  \"queued\" | \"generating\" | \"refining\" | \"complete\" | \"error\";\nconst props = withDefaults(\n  defineProps<{\n    status?: ImageGenerationStatus;\n    label?: string;\n    prompt?: string;\n    resolution?: string;\n    aspectRatio?: string | number;\n    size?: \"compact\" | \"fluid\";\n    interactive?: boolean;\n    statusText?: string;\n    showStatus?: boolean;\n    mediaClassName?: string;\n    statusClassName?: string;\n  }>(),\n  {\n    status: \"generating\",\n    resolution: \"1024 × 1024\",\n    aspectRatio: \"1 / 1\",\n    size: \"compact\",\n    interactive: true,\n    showStatus: true,\n  },\n);\nconst emit = defineEmits<{ retry: [] }>();\nconst instance = getCurrentInstance();\nconst slots = useSlots();\nconst reduce = useReduced();\nconst pending = computed(() => ![\"complete\", \"error\"].includes(props.status));\nconst message = computed(\n  () =>\n    props.statusText ??\n    {\n      queued: \"Waiting to generate\",\n      generating: \"Generating image\",\n      refining: \"Refining details\",\n      complete: \"Image ready\",\n      error: \"Generation failed\",\n    }[props.status],\n);\nconst description = computed(\n  () =>\n    props.label ??\n    (props.prompt ? `${message.value}: ${props.prompt}` : message.value),\n);\nconst image = computed(() => {\n  const values =\n    props.status === \"complete\"\n      ? [0, 1, 1, 1]\n      : props.status === \"refining\"\n        ? [1.5, 0.95, 0.62, 1.005]\n        : props.status === \"error\"\n          ? [2, 0.5, 0.28, 1]\n          : props.status === \"queued\"\n            ? [4, 0.75, 0, 1.02]\n            : [3, 0.85, 0, 1.015];\n  return {\n    filter: `blur(${values[0]}px) saturate(${values[1]})`,\n    opacity: values[2],\n    scale: values[3],\n  };\n});\nconst retryable = () => typeof instance?.vnode.props?.onRetry === \"function\";\n</script>\n<template>\n  <div\n    data-slot=\"image-generation\"\n    :data-state=\"status\"\n    :aria-busy=\"pending\"\n    class=\"w-full\"\n  >\n    <div :class=\"cn('w-full', size === 'compact' && 'mx-auto max-w-52')\">\n      <div\n        role=\"img\"\n        :aria-label=\"description\"\n        :style=\"{ aspectRatio }\"\n        class=\"relative isolate w-full overflow-hidden rounded-xl bg-muted\"\n      >\n        <motion.div\n          :aria-hidden=\"slots.default ? undefined : true\"\n          :initial=\"false\"\n          :animate=\"reduce ? { opacity: image.opacity } : image\"\n          :transition=\"{ duration: reduce ? 0 : 0.4, ease: EASE_OUT }\"\n          :class=\"\n            cn(\n              'absolute inset-0 [&>*]:size-full [&>*]:object-cover [&_img]:size-full [&_img]:object-cover',\n              mediaClassName,\n            )\n          \"\n          ><slot\n        /></motion.div>\n        <AnimatePresence :initial=\"false\"\n          ><motion.div\n            v-if=\"pending\"\n            key=\"dither-field\"\n            class=\"absolute inset-0\"\n            :initial=\"{ opacity: 0 }\"\n            :animate=\"{ opacity: 1 }\"\n            :exit=\"{ opacity: 0 }\"\n            :transition=\"{ duration: reduce ? 0 : 0.25, ease: EASE_OUT }\"\n          >\n            <DitherField\n              :status=\"status\"\n              :interactive=\"interactive\"\n              :reduce=\"reduce\"\n            /> </motion.div\n        ></AnimatePresence>\n        <span\n          v-if=\"resolution\"\n          class=\"absolute right-2 top-2 z-10 rounded-full bg-background/75 px-2 py-0.5 font-mono text-[10px] tabular-nums text-foreground/80\"\n          >{{ resolution }}</span\n        >\n      </div>\n      <div v-if=\"showStatus || prompt\" class=\"mt-3 text-left\">\n        <div\n          v-if=\"showStatus\"\n          aria-live=\"polite\"\n          :class=\"\n            cn(\n              'flex min-h-5 items-center gap-2 text-sm font-medium text-foreground',\n              status === 'error' && 'text-destructive',\n              statusClassName,\n            )\n          \"\n        >\n          <Check\n            v-if=\"status === 'complete'\"\n            aria-hidden=\"true\"\n            class=\"size-3.5\"\n          />\n          <CircleAlert\n            v-else-if=\"status === 'error'\"\n            aria-hidden=\"true\"\n            class=\"size-3.5\"\n          />\n          <motion.span\n            v-else\n            aria-hidden=\"true\"\n            class=\"grid size-3.5 grid-cols-2 place-items-center gap-0.5\"\n            :animate=\"reduce ? undefined : { rotate: 360 }\"\n            :transition=\"{ duration: 2.4, ease: EASE_IN_OUT, repeat: Infinity }\"\n          >\n            <span\n              v-for=\"index in 4\"\n              :key=\"index\"\n              :class=\"\n                cn(\n                  'size-1 rounded-[1px] bg-current',\n                  [2, 3].includes(index) && 'opacity-55',\n                )\n              \"\n            />\n          </motion.span>\n          <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n            ><motion.span\n              :key=\"message\"\n              :initial=\"reduce ? false : { opacity: 0, y: 4 }\"\n              :animate=\"{ opacity: 1, y: 0 }\"\n              :exit=\"reduce ? undefined : { opacity: 0, y: -4 }\"\n              :transition=\"{ duration: reduce ? 0 : 0.15, ease: EASE_OUT }\"\n              >{{ message }}</motion.span\n            ></AnimatePresence\n          >\n        </div>\n        <p v-if=\"prompt\" class=\"mt-0.5 truncate text-xs text-muted-foreground\">\n          “{{ prompt }}”\n        </p>\n      </div>\n      <motion.button\n        v-if=\"status === 'error' && retryable()\"\n        type=\"button\"\n        @click=\"emit('retry')\"\n        :while-press=\"reduce ? undefined : { scale: 0.96 }\"\n        :transition=\"SPRING_PRESS\"\n        class=\"mt-3 inline-flex min-h-10 items-center gap-2 rounded-full px-3 text-sm font-medium outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n      >\n        <RotateCcw class=\"size-4\" />Try again\n      </motion.button>\n    </div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/index.ts",
+      "target": "~/src/components/orvui/agents/loading-states/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as LoadingStates } from \"./src/LoadingStates.vue\";\nexport { default as ThinkingShimmer } from \"./src/ThinkingShimmer.vue\";\nexport { default as ReasoningText } from \"./src/ReasoningText.vue\";\nexport { default as AgentProgress } from \"./src/AgentProgress.vue\";\nexport type { ReasoningTextVariant } from \"./src/ReasoningText.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/src/AgentProgress.vue",
+      "target": "~/src/components/orvui/agents/loading-states/src/AgentProgress.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(\n  defineProps<{\n    label?: string;\n    elapsedSeconds?: number;\n    initialSeconds?: number;\n    running?: boolean;\n  }>(),\n  { label: \"Churning\", initialSeconds: 0, running: true },\n);\nconst reduced = useReducedMotion();\nconst internal = ref(props.initialSeconds);\nconst elapsed = computed(() =>\n  Math.max(0, props.elapsedSeconds ?? internal.value),\n);\nconst readout = computed(() => {\n  const seconds = elapsed.value;\n  const remainder = (seconds % 60).toFixed(1);\n  return seconds < 60\n    ? `${seconds.toFixed(1)}s`\n    : `${Math.floor(seconds / 60)}m ${remainder}s`;\n});\nlet clock: ReturnType<typeof setInterval> | undefined;\nlet mounted = false;\nfunction synchronize() {\n  if (clock !== undefined) clearInterval(clock);\n  clock = undefined;\n  if (!mounted || !props.running || props.elapsedSeconds !== undefined) return;\n  const origin = performance.now();\n  const start = props.initialSeconds;\n  clock = setInterval(() => {\n    internal.value = start + (performance.now() - origin) / 1000;\n  }, 100);\n}\nwatch(\n  [() => props.running, () => props.elapsedSeconds, () => props.initialSeconds],\n  synchronize,\n);\nonMounted(() => {\n  mounted = true;\n  synchronize();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  if (clock !== undefined) clearInterval(clock);\n});\n</script>\n<template>\n  <span\n    role=\"status\"\n    :aria-label=\"`${label}, in progress`\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-3 font-mono text-sm text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <span aria-hidden=\"true\" class=\"grid size-5 shrink-0 grid-cols-3 gap-[2px]\">\n      <motion.span\n        v-for=\"cell in 9\"\n        :key=\"cell\"\n        class=\"rounded-[1px] bg-current\"\n        :animate=\"\n          reduced\n            ? { opacity: 0.55 }\n            : { opacity: [0.28, 1, 0.28], scale: [0.72, 1, 0.72] }\n        \"\n        :transition=\"\n          reduced\n            ? { duration: 0 }\n            : {\n                duration: 1.55,\n                ease: EASE_IN_OUT,\n                repeat: Infinity,\n                delay: (cell - 1) * 0.14,\n              }\n        \"\n      />\n    </span>\n    <span class=\"font-sans font-medium\">{{ label }}</span\n    ><span aria-hidden=\"true\" class=\"tabular-nums text-muted-foreground/70\">{{\n      readout\n    }}</span>\n  </span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/loading-states/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type AgentProgressProps = InstanceType<\n  (typeof import(\"./AgentProgress.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ReasoningTextProps = InstanceType<\n  (typeof import(\"./ReasoningText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ThinkingShimmerProps = InstanceType<\n  (typeof import(\"./ThinkingShimmer.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/src/CascadePhrase.vue",
+      "target": "~/src/components/orvui/agents/loading-states/src/CascadePhrase.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nconst props = defineProps<{ phrase: string; duration: number }>();\nconst glyphs = computed(() => Array.from(`${props.phrase}…`));\nconst choreography = {\n  enter: { opacity: 0, y: \"100%\" },\n  shown: (order: unknown) => ({\n    opacity: 1,\n    y: \"0%\",\n    transition: { ...SPRING_SWAP, delay: Number(order) * 0.025 },\n  }),\n  leave: (order: unknown) => ({\n    opacity: 0,\n    y: \"-100%\",\n    transition: {\n      duration: 0.14,\n      ease: EASE_OUT,\n      delay: Number(order) * 0.01125,\n    },\n  }),\n};\n</script>\n<template>\n  <motion.span\n    class=\"col-start-1 row-start-1 inline-block justify-self-start whitespace-pre\"\n    initial=\"enter\"\n    animate=\"shown\"\n    exit=\"leave\"\n  >\n    <motion.span\n      v-for=\"(glyph, index) in glyphs\"\n      :key=\"index\"\n      :custom=\"index\"\n      :variants=\"choreography\"\n      initial=\"enter\"\n      animate=\"shown\"\n      exit=\"leave\"\n      class=\"orvui-agent-text-shimmer inline-block whitespace-pre will-change-[opacity,transform]\"\n      :style=\"{\n        animation: `orvui-agent-text-shimmer ${duration}s linear infinite`,\n      }\"\n      >{{ glyph }}</motion.span\n    >\n  </motion.span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/src/LoadingStates.vue",
+      "target": "~/src/components/orvui/agents/loading-states/src/LoadingStates.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ReasoningText from \"./ReasoningText.vue\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template><ReasoningText v-bind=\"$attrs\" /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/src/ReasoningText.vue",
+      "target": "~/src/components/orvui/agents/loading-states/src/ReasoningText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Loader } from \"../../../motion/loader\";\nimport { TextScramble } from \"../../../motion/text-animation\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, type Content } from \"../../shared\";\nimport CascadePhrase from \"./CascadePhrase.vue\";\nimport ThinkingShimmer from \"./ThinkingShimmer.vue\";\nexport type ReasoningTextVariant = \"cascade\" | \"swap\" | \"scramble\";\nconst fallback = () => [\n  \"Thinking\",\n  \"Reading the context\",\n  \"Connecting the details\",\n  \"Forming a response\",\n];\nconst props = withDefaults(\n  defineProps<{\n    phrases?: string[];\n    variant?: ReasoningTextVariant;\n    interval?: number;\n    shimmerDuration?: number;\n    indicator?: Content;\n  }>(),\n  {\n    phrases: () => [\n      \"Thinking\",\n      \"Reading the context\",\n      \"Connecting the details\",\n      \"Forming a response\",\n    ],\n    variant: \"cascade\",\n    interval: 1800,\n    shimmerDuration: 2.2,\n    indicator: undefined,\n  },\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst cursor = ref(0);\nconst choices = computed(() =>\n  props.phrases.length ? props.phrases : fallback(),\n);\nconst selected = computed(\n  () => choices.value[cursor.value % choices.value.length],\n);\nconst measure = computed(() =>\n  choices.value.reduce(\n    (previous, candidate) =>\n      candidate.length > previous.length ? candidate : previous,\n    \"\",\n  ),\n);\nlet active = false;\nlet clock: ReturnType<typeof setInterval> | undefined;\nfunction cycle() {\n  if (clock !== undefined) clearInterval(clock);\n  clock = undefined;\n  if (!active || choices.value.length < 2) return;\n  clock = setInterval(\n    () => {\n      cursor.value = (cursor.value + 1) % choices.value.length;\n    },\n    Math.max(600, props.interval),\n  );\n}\nwatch([() => props.interval, () => choices.value.length], cycle);\nonMounted(() => {\n  active = true;\n  cycle();\n});\nonBeforeUnmount(() => {\n  active = false;\n  if (clock !== undefined) clearInterval(clock);\n});\n</script>\n<template>\n  <span\n    role=\"status\"\n    aria-live=\"polite\"\n    :aria-labelledby=\"identity\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-2 text-sm font-medium text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <span\n      aria-hidden=\"true\"\n      class=\"inline-flex size-3 shrink-0 items-center justify-center\"\n      ><slot name=\"indicator\"\n        ><RenderNode v-if=\"indicator != null\" :node=\"indicator\" /><Loader\n          v-else\n          variant=\"ascii-line\"\n          :size=\"14\"\n          :speed=\"0.8\"\n          label=\"Reasoning\" /></slot\n    ></span>\n    <span aria-hidden=\"true\" class=\"grid overflow-hidden text-left\">\n      <span class=\"invisible col-start-1 row-start-1 whitespace-nowrap\"\n        >{{ measure }}…</span\n      >\n      <ThinkingShimmer\n        v-if=\"variant === 'cascade' && reduced\"\n        :duration=\"shimmerDuration\"\n        class=\"col-start-1 row-start-1 inline-block justify-self-start whitespace-pre\"\n        >{{ selected }}…</ThinkingShimmer\n      >\n      <AnimatePresence v-else-if=\"variant === 'cascade'\" :initial=\"false\"\n        ><CascadePhrase\n          :key=\"selected\"\n          :phrase=\"selected\"\n          :duration=\"shimmerDuration\"\n      /></AnimatePresence>\n      <TextScramble\n        v-else-if=\"variant === 'scramble'\"\n        :text=\"`${selected}…`\"\n        class=\"orvui-agent-text-shimmer col-start-1 row-start-1 justify-self-start tabular-nums\"\n        :style=\"{\n          animation: `orvui-agent-text-shimmer ${shimmerDuration}s linear infinite`,\n        }\"\n      />\n      <AnimatePresence v-else :initial=\"false\"\n        ><motion.span\n          :key=\"selected\"\n          class=\"orvui-agent-text-shimmer col-start-1 row-start-1 inline-block justify-self-start whitespace-nowrap will-change-[opacity,transform]\"\n          :style=\"{\n            animation: `orvui-agent-text-shimmer ${shimmerDuration}s linear infinite`,\n          }\"\n          :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 3 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3 }\"\n          :transition=\"{ duration: reduced ? 0.12 : 0.2, ease: EASE_OUT }\"\n          >{{ selected }}…</motion.span\n        ></AnimatePresence\n      > </span\n    ><span :id=\"identity\" class=\"sr-only\">{{ selected }}</span>\n  </span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/loading-states/src/ThinkingShimmer.vue",
+      "target": "~/src/components/orvui/agents/loading-states/src/ThinkingShimmer.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { TextShimmer } from \"../../../motion/text-animation\";\nconst props = withDefaults(defineProps<{ duration?: number }>(), {\n  duration: 1.8,\n});\n</script>\n<template>\n  <TextShimmer as=\"span\" class=\"font-medium\" :duration=\"props.duration\"\n    ><slot>Thinking…</slot></TextShimmer\n  >\n</template>\n<style>\n.orvui-agent-text-shimmer {\n  color: transparent;\n  background-clip: text;\n  background-size: 200% 100%;\n  background-image: linear-gradient(\n    110deg,\n    var(--muted-foreground) 30%,\n    var(--foreground) 50%,\n    var(--muted-foreground) 70%\n  );\n}\n@keyframes orvui-agent-text-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .orvui-agent-text-shimmer {\n    animation: none !important;\n  }\n}\n</style>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/index.ts",
+      "target": "~/src/components/orvui/agents/message-bubble/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as MessageBubble } from \"./src/MessageBubble.vue\";\nexport { default as MessageBubbleContent } from \"./src/MessageBubbleContent.vue\";\nexport { default as MessageBubbleGroup } from \"./src/MessageBubbleGroup.vue\";\nexport { default as MessageBubbleCollapsible } from \"./src/MessageBubbleCollapsible.vue\";\nexport * from \"./src/context\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/message-bubble/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MessageBubbleCollapsibleProps = InstanceType<\n  (typeof import(\"./MessageBubbleCollapsible.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageBubbleContentProps = InstanceType<\n  (typeof import(\"./MessageBubbleContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageBubbleGroupProps = InstanceType<\n  (typeof import(\"./MessageBubbleGroup.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageBubbleProps = InstanceType<\n  (typeof import(\"./MessageBubble.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/context.ts",
+      "target": "~/src/components/orvui/agents/message-bubble/src/context.ts",
+      "type": "registry:lib",
+      "content": "import type { ComputedRef, InjectionKey } from \"vue\";\nexport type MessageBubbleVariant =\n  \"solid\" | \"soft\" | \"tint\" | \"outline\" | \"ghost\" | \"danger\";\nexport type MessageBubbleAlign = \"start\" | \"end\";\ninterface BubbleContext {\n  align: MessageBubbleAlign;\n  variant: MessageBubbleVariant;\n  animateIn: boolean;\n}\nexport const bubbleKey = Symbol(\"orvui-bubble\") as InjectionKey<\n  ComputedRef<BubbleContext>\n>;\nexport const bubbleLayoutKey = Symbol(\"orvui-bubble-layout\") as InjectionKey<\n  () => void\n>;\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubble.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubble.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { messageKey } from \"../../message/src/context\";\nimport {\n  bubbleKey,\n  type MessageBubbleAlign,\n  type MessageBubbleVariant,\n} from \"./context\";\nconst props = withDefaults(\n  defineProps<{\n    variant?: MessageBubbleVariant;\n    align?: MessageBubbleAlign;\n    animateIn?: boolean;\n  }>(),\n  { variant: \"soft\", animateIn: false },\n);\nconst parent = inject(\n  messageKey,\n  computed(() => \"assistant\" as const),\n);\nconst alignment = computed(\n  () => props.align ?? (parent.value === \"user\" ? \"end\" : \"start\"),\n);\nconst context = computed(() => ({\n  align: alignment.value,\n  variant: props.variant,\n  animateIn: props.animateIn,\n}));\nprovide(bubbleKey, context);\nconst reduced = useReducedMotion();\n</script>\n<template>\n  <motion.div\n    data-slot=\"message-bubble\"\n    :data-align=\"alignment\"\n    :data-variant=\"variant\"\n    :class=\"\n      cn(\n        'group/bubble flex w-full flex-col',\n        alignment === 'end' ? 'items-end' : 'items-start',\n      )\n    \"\n    :exit=\"{ opacity: 0, y: -3, scale: 0.99 }\"\n    :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n    ><slot\n  /></motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubbleCollapsible.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubbleCollapsible.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, useId } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { bubbleLayoutKey } from \"./context\";\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapsedLines?: 2 | 3 | 4 | 5 | 6;\n    moreLabel?: Content;\n    lessLabel?: Content;\n    contentClassName?: string;\n    triggerClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    defaultOpen: false,\n    collapsedLines: 4,\n    moreLabel: \"Show more\",\n    lessLabel: \"Show less\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst invalidate = inject(bubbleLayoutKey, () => {});\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    invalidate();\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst reduced = useReducedMotion();\nconst clamp = computed(\n  () =>\n    ({\n      2: \"line-clamp-2\",\n      3: \"line-clamp-3\",\n      4: \"line-clamp-4\",\n      5: \"line-clamp-5\",\n      6: \"line-clamp-6\",\n    })[props.collapsedLines],\n);\n</script>\n<template>\n  <div\n    data-slot=\"message-bubble-collapsible\"\n    :data-state=\"expanded ? 'open' : 'closed'\"\n    class=\"w-full\"\n  >\n    <div\n      :id=\"identity\"\n      :class=\"\n        cn(\n          'transition-[mask-image] duration-200',\n          !expanded && clamp,\n          !expanded &&\n            '[mask-image:linear-gradient(to_bottom,#000_68%,transparent_100%)]',\n          contentClassName,\n        )\n      \"\n    >\n      <slot />\n    </div>\n    <button\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"identity\"\n      @click=\"expanded = !expanded\"\n      :class=\"\n        cn(\n          'mt-2 inline-flex h-7 items-center gap-1 rounded-full px-2 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n          triggerClassName,\n        )\n      \"\n    >\n      <span><RenderNode :node=\"expanded ? lessLabel : moreLabel\" /></span\n      ><motion.span\n        aria-hidden=\"true\"\n        :animate=\"{ rotate: expanded ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubbleContent.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubbleContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, inject, provide, ref, type Component } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { bubbleKey, bubbleLayoutKey } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ as?: string | Component }>(), {\n  as: \"div\",\n});\nconst context = inject(\n  bubbleKey,\n  computed(() => ({\n    align: \"start\" as const,\n    variant: \"soft\" as const,\n    animateIn: false,\n  })),\n);\nconst reduced = useReducedMotion();\nconst revision = ref(0);\nprovide(bubbleLayoutKey, () => {\n  revision.value++;\n});\nconst variants = {\n  solid: \"bg-foreground\",\n  soft: \"bg-muted\",\n  tint: \"bg-muted\",\n  outline: \"border border-border/70 bg-background\",\n  ghost: \"\",\n  danger: \"bg-destructive/10\",\n};\nconst classes = computed(() =>\n  cn(\n    context.value.variant === \"solid\" && \"text-background\",\n    context.value.variant === \"danger\" && \"text-destructive\",\n    context.value.variant === \"ghost\" &&\n      \"w-full max-w-none rounded-none px-0 py-0\",\n    [\"button\", \"a\"].includes(props.as as string) &&\n      \"cursor-pointer text-left outline-none transition-[background-color,color,transform] duration-150 hover:brightness-[0.98] focus-visible:ring-2 focus-visible:ring-ring active:scale-[0.99]\",\n  ),\n);\n</script>\n<template>\n  <component\n    :is=\"as\"\n    data-slot=\"message-bubble-content\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'relative z-0 min-w-9 max-w-[82%] rounded-2xl px-3.5 py-2.5 text-sm leading-6 text-foreground [&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-background/60 [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-2 [&_ol]:list-decimal [&_ol]:pl-5 [&_p+p]:mt-2 [&_pre]:my-2 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:bg-background/60 [&_pre]:p-3 [&_ul]:my-2 [&_ul]:list-disc [&_ul]:pl-5',\n        classes,\n        $attrs.class,\n      )\n    \"\n  >\n    <motion.span\n      v-if=\"context.variant !== 'ghost'\"\n      aria-hidden=\"true\"\n      :layout=\"reduced ? false : 'size'\"\n      :layout-dependency=\"revision\"\n      :initial=\"\n        context.animateIn && !reduced ? { opacity: 0, scale: 0.92 } : false\n      \"\n      :animate=\"{ opacity: 1, scale: 1 }\"\n      :transition=\"\n        reduced\n          ? { duration: 0 }\n          : {\n              opacity: { duration: 0.12, ease: EASE_OUT },\n              scale: {\n                type: 'spring',\n                stiffness: 520,\n                damping: 27,\n                mass: 0.52,\n              },\n              layout: SPRING_LAYOUT,\n            }\n      \"\n      :class=\"\n        cn(\n          'pointer-events-none absolute inset-0 -z-10 rounded-[inherit]',\n          context.align === 'end'\n            ? 'origin-bottom-right'\n            : 'origin-bottom-left',\n          variants[context.variant],\n        )\n      \"\n    />\n    <motion.div\n      class=\"relative\"\n      :initial=\"context.animateIn ? { opacity: 0 } : false\"\n      :animate=\"{ opacity: 1 }\"\n      :transition=\"{\n        duration: 0.12,\n        ease: EASE_OUT,\n        delay: reduced ? 0 : 0.04,\n      }\"\n      ><slot\n    /></motion.div>\n  </component>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-bubble/src/MessageBubbleGroup.vue",
+      "target": "~/src/components/orvui/agents/message-bubble/src/MessageBubbleGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ spacing?: \"compact\" | \"default\" }>(), {\n  spacing: \"compact\",\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst gaps = { compact: \"gap-1.5\", default: \"gap-3\" } as const;\nconst RenderFrame = () =>\n  h(\n    \"div\",\n    {\n      \"data-slot\": \"message-bubble-group\",\n      ...attrs,\n      class: cn(\n        \"flex w-full flex-col\",\n        gaps[props.spacing === \"compact\" ? \"compact\" : \"default\"],\n        attrs.class,\n      ),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-scroller/index.ts",
+      "target": "~/src/components/orvui/agents/message-scroller/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as MessageScroller } from \"./src/MessageScroller.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-scroller/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/message-scroller/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MessageScrollerProps = InstanceType<\n  (typeof import(\"./MessageScroller.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/message-scroller/src/MessageScroller.vue",
+      "target": "~/src/components/orvui/agents/message-scroller/src/MessageScroller.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  h,\n  isRef,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useId,\n  useSlots,\n  watch,\n  type ComponentPublicInstance,\n  type HTMLAttributes,\n  type Ref,\n} from \"vue\";\nimport { PreviewRail, type PreviewRailItem } from \"../../../motion/preview-rail\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    followOutput?: boolean;\n    followThreshold?: number;\n    smooth?: boolean;\n    label?: string;\n    busy?: boolean;\n    navigation?: \"rail\";\n    navigationLabel?: string;\n    viewportClassName?: string;\n    contentClassName?: string;\n    railClassName?: string;\n    viewportRef?:\n      Ref<HTMLElement | null> | ((element: HTMLElement | null) => void);\n    viewportProps?: HTMLAttributes;\n    contentProps?: HTMLAttributes;\n  }>(),\n  {\n    followOutput: true,\n    followThreshold: 56,\n    smooth: true,\n    label: \"Conversation\",\n    navigationLabel: \"Message navigation\",\n  },\n);\nconst emit = defineEmits<{ followChange: [following: boolean] }>();\nconst slots = useSlots();\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst viewport = ref<HTMLElement | null>(null);\nconst transcript = ref<HTMLElement | null>(null);\nconst links = ref<PreviewRailItem[]>([]);\nconst selected = ref(\"\");\nconst overflowing = ref(false);\nconst identities = new WeakMap<HTMLElement, string>();\nconst destinations = new Map<string, HTMLElement>();\nlet sequence = 0,\n  live = props.followOutput,\n  programmatic = false,\n  mounted = false;\nlet releaseProgrammatic: ReturnType<typeof setTimeout> | undefined;\nlet scheduled: number | undefined;\nlet initialScroll: number | undefined;\nlet sizeObserver: ResizeObserver | undefined,\n  changes: MutationObserver | undefined;\nconst scrollBehavior = (): ScrollBehavior =>\n  reduced.value || !props.smooth ? \"auto\" : \"smooth\";\nfunction setFollowing(value: boolean) {\n  if (live !== value) {\n    live = value;\n    emit(\"followChange\", value);\n  }\n}\nfunction attach(node: Element | ComponentPublicInstance | null) {\n  viewport.value = node as HTMLElement | null;\n  if (typeof props.viewportRef === \"function\")\n    props.viewportRef(viewport.value);\n  else if (isRef(props.viewportRef)) props.viewportRef.value = viewport.value;\n}\nfunction contents(node: HTMLElement) {\n  return (\n    (\n      node.querySelector(\n        '[data-slot=\"message-bubble-content\"], [data-slot=\"message-content\"]',\n      ) ?? node\n    ).textContent ?? \"\"\n  )\n    .replace(/\\s+/g, \" \")\n    .trim();\n}\nfunction excerpt(text: string, limit: number): string {\n  if (text.length <= limit) return text;\n  const space = text.lastIndexOf(\" \", limit);\n  return text.slice(0, space > limit * 0.65 ? space : limit).trimEnd() + \"…\";\n}\nfunction refreshSelection() {\n  const element = viewport.value;\n  const entries = [...destinations];\n  if (props.navigation !== \"rail\" || !element || !entries.length) return;\n  if (element.scrollTop <= props.followThreshold) {\n    selected.value = entries[0][0];\n    return;\n  }\n  if (\n    element.scrollHeight - element.clientHeight - element.scrollTop <=\n    props.followThreshold\n  ) {\n    selected.value = entries[entries.length - 1][0];\n    return;\n  }\n  const boundary = element.getBoundingClientRect();\n  const middle = boundary.top + boundary.height / 2;\n  let closest = entries[0][0],\n    distance = Infinity;\n  entries.forEach(([id, node]) => {\n    const rect = node.getBoundingClientRect(),\n      nextDistance = Math.abs(rect.top + rect.height / 2 - middle);\n    if (nextDistance < distance) {\n      distance = nextDistance;\n      closest = id;\n    }\n  });\n  selected.value = closest;\n}\nfunction rebuildRail() {\n  destinations.clear();\n  if (props.navigation !== \"rail\" || !transcript.value || !viewport.value) {\n    links.value = [];\n    overflowing.value = false;\n    return;\n  }\n  const messages = Array.from(\n    transcript.value.querySelectorAll<HTMLElement>('[data-slot=\"message\"]'),\n  );\n  const next = messages.map((message, index) => {\n    let id = identities.get(message);\n    if (!id) {\n      id = `${identity}-message-${++sequence}`;\n      identities.set(message, id);\n    }\n    destinations.set(id, message);\n    const text = contents(message);\n    const sender = message.dataset.from ?? \"conversation\";\n    const reply =\n      sender === \"user\"\n        ? messages\n            .slice(index + 1)\n            .find((candidate) => candidate.dataset.from === \"assistant\")\n        : undefined;\n    const label = excerpt(text, 56) || \"Message\";\n    const tailStart = label.endsWith(\"…\") ? label.length - 1 : text.length;\n    const description =\n      excerpt(reply ? contents(reply) : text.slice(tailStart).trim(), 88) ||\n      undefined;\n    return {\n      id,\n      label,\n      description,\n      ariaLabel: `Go to ${sender} message ${index + 1} of ${messages.length}`,\n    };\n  });\n  if (JSON.stringify(next) !== JSON.stringify(links.value)) links.value = next;\n  overflowing.value =\n    messages.length > 1 &&\n    viewport.value.scrollHeight > viewport.value.clientHeight + 1;\n  refreshSelection();\n}\nfunction queueRail() {\n  if (!mounted || props.navigation !== \"rail\") return;\n  if (scheduled !== undefined) cancelAnimationFrame(scheduled);\n  scheduled = requestAnimationFrame(() => {\n    scheduled = undefined;\n    if (mounted) rebuildRail();\n  });\n}\nfunction scroll(top: number, behavior: ScrollBehavior) {\n  if (!viewport.value) return;\n  programmatic = true;\n  if (typeof viewport.value.scrollTo === \"function\")\n    viewport.value.scrollTo({ top, behavior });\n  else viewport.value.scrollTop = top;\n  if (releaseProgrammatic !== undefined) clearTimeout(releaseProgrammatic);\n  releaseProgrammatic = setTimeout(\n    () => {\n      programmatic = false;\n      refreshSelection();\n    },\n    behavior === \"smooth\" ? 320 : 0,\n  );\n}\nfunction scrollToEnd(behavior: ScrollBehavior = scrollBehavior()) {\n  if (viewport.value) scroll(viewport.value.scrollHeight, behavior);\n}\nfunction userScroll() {\n  const element = viewport.value;\n  if (!element || programmatic) return;\n  setFollowing(\n    element.scrollHeight - element.clientHeight - element.scrollTop <=\n      props.followThreshold,\n  );\n  refreshSelection();\n}\nfunction interruptScroll() {\n  programmatic = false;\n}\nfunction select(item: PreviewRailItem) {\n  const node = destinations.get(item.id),\n    element = viewport.value;\n  if (!node || !element) return;\n  selected.value = item.id;\n  if (links.value[links.value.length - 1]?.id === item.id) {\n    setFollowing(true);\n    scrollToEnd();\n    return;\n  }\n  setFollowing(false);\n  const box = node.getBoundingClientRect(),\n    boundary = element.getBoundingClientRect();\n  scroll(\n    element.scrollTop +\n      box.top -\n      boundary.top -\n      (element.clientHeight - box.height) / 2,\n    scrollBehavior(),\n  );\n}\nfunction observe() {\n  sizeObserver?.disconnect();\n  changes?.disconnect();\n  if (!mounted) return;\n  if (typeof ResizeObserver !== \"undefined\") {\n    sizeObserver = new ResizeObserver((entries) => {\n      queueRail();\n      if (\n        entries.some((entry) => entry.target === transcript.value) &&\n        props.followOutput &&\n        live\n      )\n        scrollToEnd();\n    });\n    if (transcript.value) sizeObserver.observe(transcript.value);\n    if (viewport.value) sizeObserver.observe(viewport.value);\n  }\n  if (\n    props.navigation === \"rail\" &&\n    transcript.value &&\n    typeof MutationObserver !== \"undefined\"\n  ) {\n    changes = new MutationObserver(queueRail);\n    changes.observe(transcript.value, {\n      childList: true,\n      subtree: true,\n      characterData: true,\n    });\n  }\n  if (props.navigation === \"rail\") queueRail();\n  else rebuildRail();\n}\nwatch(() => props.navigation, observe, { flush: \"post\" });\nwatch(\n  () => props.followOutput,\n  (value) => {\n    live = value;\n    if (mounted && value) {\n      if (initialScroll !== undefined) cancelAnimationFrame(initialScroll);\n      initialScroll = requestAnimationFrame(() => scrollToEnd(\"auto\"));\n    }\n  },\n);\nonMounted(() => {\n  mounted = true;\n  if (props.followOutput)\n    initialScroll = requestAnimationFrame(() => scrollToEnd(\"auto\"));\n  observe();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  sizeObserver?.disconnect();\n  changes?.disconnect();\n  if (releaseProgrammatic !== undefined) clearTimeout(releaseProgrammatic);\n  if (scheduled !== undefined) cancelAnimationFrame(scheduled);\n  if (initialScroll !== undefined) cancelAnimationFrame(initialScroll);\n  attach(null);\n});\nconst viewportClasses = computed(() =>\n  cn(\n    \"h-full overflow-y-auto overscroll-contain outline-none [overflow-anchor:none] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring\",\n    props.navigation === \"rail\"\n      ? \"[-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden\"\n      : \"[scrollbar-gutter:stable]\",\n    props.viewportClassName,\n    props.navigation === \"rail\" && overflowing.value && \"pr-10\",\n  ),\n);\nfunction Viewport() {\n  const { onScroll, onWheel, onTouchstart, onKeydown, ...attributes } =\n    props.viewportProps ?? {};\n  return h(\n    \"section\",\n    {\n      ...attributes,\n      ref: attach,\n      \"aria-label\": props.label,\n      class: viewportClasses.value,\n      onScroll: [userScroll, onScroll],\n      onWheel: [interruptScroll, onWheel],\n      onTouchstart: [interruptScroll, onTouchstart],\n      onKeydown: [\n        (event: KeyboardEvent) => {\n          if ([\"ArrowUp\", \"PageUp\", \"Home\"].includes(event.key))\n            interruptScroll();\n        },\n        onKeydown,\n      ],\n    },\n    h(\n      \"div\",\n      {\n        role: \"log\",\n        \"aria-live\": \"polite\",\n        \"aria-relevant\": \"additions text\",\n        \"aria-busy\": props.busy,\n        class: props.contentClassName,\n        ...props.contentProps,\n        ref: transcript,\n      },\n      slots.default?.(),\n    ),\n  );\n}\ndefineExpose({ scrollToEnd, viewport });\n</script>\n<template>\n  <div\n    data-slot=\"message-scroller\"\n    v-bind=\"$attrs\"\n    :class=\"cn('min-h-0', $attrs.class)\"\n  >\n    <PreviewRail\n      v-if=\"navigation === 'rail'\"\n      :items=\"overflowing ? links : []\"\n      :label=\"navigationLabel\"\n      :active-id=\"selected\"\n      @item-select=\"select\"\n      preview-side=\"before\"\n      highlight-active\n      :item-size=\"14\"\n      class=\"h-full min-h-0 overflow-hidden\"\n      preview-container-class-name=\"right-8 left-3\"\n      preview-class-name=\"mr-1 w-64 max-w-full [&_[data-slot=preview-rail-card]]:h-20 [&_[data-slot=preview-rail-card]]:overflow-hidden [&_[data-slot=preview-rail-card]]:p-3 [&_[data-slot=preview-rail-title]]:line-clamp-1 [&_[data-slot=preview-rail-title]]:text-xs [&_[data-slot=preview-rail-title]]:leading-4 [&_[data-slot=preview-rail-description]]:line-clamp-2 [&_[data-slot=preview-rail-description]]:text-xs [&_[data-slot=preview-rail-description]]:leading-4\"\n      :rail-class-name=\"\n        cn(\n          'absolute inset-y-3 right-1 w-7 content-center py-1 [&_[data-slot=preview-rail-item]]:w-7 [&_[data-slot=preview-rail-item]]:justify-end [&_[data-slot=preview-rail-tick]]:h-px [&_[data-slot=preview-rail-tick]]:w-4 [&_[data-slot=preview-rail-tick]]:origin-right',\n          overflowing\n            ? 'pointer-events-auto opacity-100'\n            : 'pointer-events-none opacity-0',\n          railClassName,\n        )\n      \"\n      ><Viewport /></PreviewRail\n    ><Viewport v-else />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/index.ts",
+      "target": "~/src/components/orvui/agents/message/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Message } from \"./src/Message.vue\";\nexport { default as MessageGroup } from \"./src/MessageGroup.vue\";\nexport { default as MessageAvatar } from \"./src/MessageAvatar.vue\";\nexport { default as MessageContent } from \"./src/MessageContent.vue\";\nexport { default as MessageHeader } from \"./src/MessageHeader.vue\";\nexport { default as MessageFooter } from \"./src/MessageFooter.vue\";\nexport { default as MessageMarker } from \"./src/MessageMarker.vue\";\nexport { default as MessageTyping } from \"./src/MessageTyping.vue\";\nexport * from \"./src/context\";\n\nexport type * from \"./src/api-types\";\n\nexport * from \"../message-bubble\";\nexport * from \"../message-scroller\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/alignment.ts",
+      "target": "~/src/components/orvui/agents/message/src/alignment.ts",
+      "type": "registry:lib",
+      "content": "import { computed, inject } from \"vue\";\nimport { messageKey, type MessageFrom } from \"./context\";\nexport function useMessageAlignment() {\n  const inherited = inject(\n    messageKey,\n    computed<MessageFrom>(() => \"assistant\"),\n  );\n  return computed(() => inherited.value === \"user\");\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/message/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MessageAvatarProps = InstanceType<\n  (typeof import(\"./MessageAvatar.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageContentProps = InstanceType<\n  (typeof import(\"./MessageContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageFooterProps = InstanceType<\n  (typeof import(\"./MessageFooter.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageGroupProps = InstanceType<\n  (typeof import(\"./MessageGroup.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageHeaderProps = InstanceType<\n  (typeof import(\"./MessageHeader.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageMarkerProps = InstanceType<\n  (typeof import(\"./MessageMarker.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageProps = InstanceType<\n  (typeof import(\"./Message.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MessageTypingProps = InstanceType<\n  (typeof import(\"./MessageTyping.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/context.ts",
+      "target": "~/src/components/orvui/agents/message/src/context.ts",
+      "type": "registry:lib",
+      "content": "import type { ComputedRef, InjectionKey } from \"vue\";\nexport type MessageFrom = \"user\" | \"assistant\";\nexport const messageKey = Symbol(\"orvui-message\") as InjectionKey<\n  ComputedRef<MessageFrom>\n>;\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/Message.vue",
+      "target": "~/src/components/orvui/agents/message/src/Message.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReduced } from \"../../shared\";\nimport { messageKey, type MessageFrom } from \"./context\";\nconst props = withDefaults(\n  defineProps<{ from: MessageFrom; animateIn?: boolean }>(),\n  { animateIn: false },\n);\nconst side = computed(() => props.from);\nprovide(messageKey, side);\nconst reduced = useReduced();\nconst initial = computed(() =>\n  props.animateIn && !reduced.value ? { opacity: 0, y: 8, scale: 0.95 } : false,\n);\n</script>\n<template>\n  <motion.article\n    data-slot=\"message\"\n    :data-from=\"from\"\n    :aria-label=\"`${from} message`\"\n    :class=\"\n      cn(\n        'group/message flex w-full items-start gap-2',\n        from === 'user' ? 'flex-row-reverse' : 'flex-row',\n      )\n    \"\n    :style=\"{ transformOrigin: from === 'user' ? '100% 100%' : '0% 100%' }\"\n    :initial=\"initial\"\n    :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n    :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3, scale: 0.99 }\"\n    :transition=\"\n      reduced\n        ? { duration: 0.12 }\n        : { type: 'spring', stiffness: 480, damping: 32, mass: 0.62 }\n    \"\n    ><slot\n  /></motion.article>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageAvatar.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageAvatar.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ placeholder?: boolean }>(), {\n  placeholder: false,\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst frame =\n  \"grid size-7 shrink-0 place-items-center overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground [&_img]:size-full [&_img]:object-cover [&_svg]:size-3.5\";\nconst RenderFrame = () => {\n  const presentation = props.placeholder\n    ? { class: \"invisible\", hidden: true }\n    : { class: undefined, hidden: undefined };\n  return h(\n    \"div\",\n    {\n      \"data-slot\": \"message-avatar\",\n      ...attrs,\n      \"aria-hidden\": presentation.hidden,\n      class: cn(frame, presentation.class, attrs.class),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n};\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageContent.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-content\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-w-0 flex-1 flex-col gap-1.5',\n        end ? 'items-end' : 'items-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageFooter.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageFooter.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-footer\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex min-h-5 items-center gap-1 px-1 text-[11px] text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageGroup.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, renderSlot, useAttrs } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(defineProps<{ spacing?: \"compact\" | \"default\" }>(), {\n  spacing: \"compact\",\n});\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nconst gaps = { compact: \"gap-1.5\", default: \"gap-4\" } as const;\nconst RenderFrame = () =>\n  h(\n    \"div\",\n    {\n      \"data-slot\": \"message-group\",\n      ...attrs,\n      class: cn(\n        \"flex w-full flex-col\",\n        gaps[props.spacing === \"compact\" ? \"compact\" : \"default\"],\n        attrs.class,\n      ),\n    },\n    [renderSlot(slots, \"default\")],\n  );\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageHeader.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageHeader.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useMessageAlignment } from \"./alignment\";\ndefineOptions({ inheritAttrs: false });\nconst end = useMessageAlignment();\n</script>\n<template>\n  <div\n    data-slot=\"message-header\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'flex items-center gap-1.5 px-1 text-[11px] leading-none text-muted-foreground',\n        end ? 'justify-end' : 'justify-start',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageMarker.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageMarker.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\ndefineOptions({ inheritAttrs: false });\n</script>\n<template>\n  <div\n    data-slot=\"message-marker\"\n    v-bind=\"$attrs\"\n    :class=\"\n      cn(\n        'mx-auto flex w-fit max-w-[88%] items-center gap-1.5 rounded-full bg-muted/70 px-2.5 py-1 text-center text-xs text-muted-foreground',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/message/src/MessageTyping.vue",
+      "target": "~/src/components/orvui/agents/message/src/MessageTyping.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineOptions({ inheritAttrs: false });\nwithDefaults(defineProps<{ label?: string }>(), { label: \"Responding\" });\nconst reduced = useReducedMotion();\nconst phases = computed(() =>\n  [0, 0.14, 0.28].map((delay) => ({\n    delay,\n    duration: 1.05,\n    ease: EASE_OUT,\n    repeat: Infinity,\n  })),\n);\n</script>\n<template>\n  <span\n    data-slot=\"message-typing\"\n    v-bind=\"$attrs\"\n    :class=\"cn('inline-flex h-5 items-center gap-1', $attrs.class)\"\n    ><span class=\"sr-only\">{{ label }}</span\n    ><motion.span\n      v-for=\"(phase, index) in phases\"\n      :key=\"index\"\n      aria-hidden=\"true\"\n      class=\"size-1 rounded-full bg-current\"\n      :animate=\"\n        reduced\n          ? { opacity: 0.45 }\n          : { opacity: [0.28, 0.85, 0.28], y: [0, -2, 0] }\n      \"\n      :transition=\"reduced ? { duration: 0 } : phase\"\n  /></span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/prompt-input/index.ts",
+      "target": "~/src/components/orvui/agents/prompt-input/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as PromptInput } from \"./src/PromptInput.vue\";\nexport type { PromptModel, PromptAction } from \"./src/PromptInput.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/prompt-input/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/prompt-input/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type PromptInputProps = InstanceType<\n  (typeof import(\"./PromptInput.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/prompt-input/src/PromptInput.vue",
+      "target": "~/src/components/orvui/agents/prompt-input/src/PromptInput.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n} from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ArrowUp, Plus, Square } from \"lucide-vue-next\";\nimport { Button } from \"../../../motion/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n} from \"../../../motion/select\";\nimport {\n  MorphPopover,\n  MorphPopoverContent,\n  MorphPopoverTrigger,\n} from \"../../../motion/popover\";\nimport { SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport {\n  RenderNode,\n  useControllable,\n  useReduced,\n  type Content,\n} from \"../../shared\";\nexport interface PromptModel {\n  value: string;\n  label: Content;\n  icon?: Content;\n  disabled?: boolean;\n}\nexport interface PromptAction {\n  value: string;\n  label: Content;\n  description?: Content;\n  icon?: Content;\n  disabled?: boolean;\n}\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    modelValue?: string;\n    defaultValue?: string;\n    models?: PromptModel[];\n    model?: string;\n    defaultModel?: string;\n    actions?: PromptAction[];\n    loading?: boolean;\n    minRows?: number;\n    maxRows?: number;\n    disabled?: boolean;\n    placeholder?: string;\n  }>(),\n  {\n    defaultValue: \"\",\n    models: () => [],\n    actions: () => [],\n    loading: false,\n    minRows: 2,\n    maxRows: 8,\n    placeholder: \"Ask the agent to do something…\",\n  },\n);\nconst emit = defineEmits<{\n  \"update:modelValue\": [value: string];\n  valueChange: [value: string];\n  \"update:model\": [value: string];\n  modelChange: [value: string];\n  action: [action: string];\n  submit: [value: string, model?: string];\n  stop: [];\n}>();\nconst value = useControllable(\n  () => props.modelValue,\n  props.defaultValue,\n  (next) => {\n    emit(\"update:modelValue\", next);\n    emit(\"valueChange\", next);\n  },\n);\nconst selected = useControllable(\n  () => props.model,\n  props.defaultModel ?? props.models[0]?.value,\n  (next) => {\n    if (next !== undefined) {\n      emit(\"update:model\", next);\n      emit(\"modelChange\", next);\n    }\n  },\n);\nconst selectedModel = computed(() =>\n  props.models.find((item) => item.value === selected.value),\n);\nconst ready = computed(\n  () => value.value.trim().length > 0 && !props.disabled && !props.loading,\n);\nconst textarea = ref<HTMLTextAreaElement>();\nconst measurement = ref<HTMLElement>();\nconst menu = ref(false);\nconst reduced = useReduced();\nconst attrs = useAttrs();\nconst instance = getCurrentInstance();\nconst stoppable = () => !!instance?.vnode.props?.onStop;\nconst inputAttributes = () =>\n  Object.fromEntries(\n    Object.entries(attrs).filter(([key]) => key !== \"class\" && key !== \"style\"),\n  );\nlet observer: ResizeObserver | undefined,\n  alive = false;\nfunction fit() {\n  if (!alive || !textarea.value || !measurement.value) return;\n  const height = Math.min(\n    props.maxRows * 24,\n    Math.max(props.minRows * 24, measurement.value.scrollHeight),\n  );\n  textarea.value.style.height = `${height}px`;\n}\nfunction input(event: Event) {\n  const element = event.target as HTMLTextAreaElement;\n  value.value = element.value;\n  nextTick(() => {\n    if (!alive) return;\n    if (props.modelValue !== undefined) element.value = props.modelValue;\n    fit();\n  });\n}\nfunction submit() {\n  if (!ready.value) return;\n  emit(\"submit\", value.value.trim(), selected.value);\n  if (props.modelValue === undefined) value.value = \"\";\n  textarea.value?.focus({ preventScroll: true });\n}\nfunction keydown(event: KeyboardEvent) {\n  if (event.key !== \"Enter\" || event.shiftKey || event.isComposing) return;\n  event.preventDefault();\n  submit();\n}\nfunction choose(action: PromptAction) {\n  if (!action.disabled) {\n    emit(\"action\", action.value);\n    menu.value = false;\n  }\n}\nwatch([value, () => props.minRows, () => props.maxRows], () => nextTick(fit));\nonMounted(() => {\n  alive = true;\n  fit();\n  if (textarea.value && typeof ResizeObserver !== \"undefined\") {\n    observer = new ResizeObserver(fit);\n    observer.observe(textarea.value);\n  }\n});\nonBeforeUnmount(() => {\n  alive = false;\n  observer?.disconnect();\n});\n</script>\n<template>\n  <form\n    :class=\"\n      cn(\n        'relative w-full rounded-2xl border border-border/80 bg-background p-2 transition-colors focus-within:border-foreground/40',\n        disabled && 'opacity-60',\n        $attrs.class,\n      )\n    \"\n    :style=\"$attrs.style as any\"\n    @submit.prevent=\"submit\"\n  >\n    <div\n      ref=\"measurement\"\n      aria-hidden=\"true\"\n      class=\"pointer-events-none invisible absolute inset-x-2 top-0 whitespace-pre-wrap px-2 text-sm leading-6 [overflow-wrap:break-word]\"\n    >\n      {{ value + \"​\" }}\n    </div>\n    <textarea\n      ref=\"textarea\"\n      v-bind=\"inputAttributes()\"\n      :value=\"value\"\n      :rows=\"minRows\"\n      :disabled=\"disabled\"\n      :placeholder=\"placeholder\"\n      :aria-label=\"($attrs['aria-label'] as string) || 'Prompt'\"\n      class=\"scrollbar-hide block w-full resize-none overflow-y-auto bg-transparent px-2 pt-1.5 text-sm leading-6 text-foreground outline-none placeholder:text-muted-foreground/55\"\n      @input=\"input\"\n      @keydown=\"keydown\"\n    />\n    <div class=\"mt-1 flex min-h-8 items-center gap-1\">\n      <MorphPopover v-if=\"actions.length\" v-model:open=\"menu\"\n        ><MorphPopoverTrigger\n          ><Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            :disabled=\"disabled || loading\"\n            aria-label=\"Add to prompt\"\n            class=\"size-8 rounded-full\"\n            ><motion.span\n              aria-hidden=\"true\"\n              :animate=\"{ rotate: menu ? 45 : 0 }\"\n              :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n              ><Plus class=\"size-4\" /></motion.span></Button\n        ></MorphPopoverTrigger>\n        <MorphPopoverContent\n          side=\"top\"\n          align=\"start\"\n          :side-offset=\"8\"\n          :radius=\"12\"\n          class=\"w-56 p-1.5\"\n        >\n          <button\n            v-for=\"action in actions\"\n            :key=\"action.value\"\n            type=\"button\"\n            :disabled=\"action.disabled\"\n            @click=\"choose(action)\"\n            class=\"flex w-full items-start gap-2.5 rounded-lg px-2.5 py-2 text-left outline-none transition-colors hover:bg-muted focus-visible:bg-muted disabled:pointer-events-none disabled:opacity-50\"\n          >\n            <span\n              v-if=\"action.icon\"\n              class=\"mt-0.5 grid size-5 shrink-0 place-items-center text-muted-foreground [&_svg]:size-4\"\n              ><RenderNode :node=\"action.icon\" /></span\n            ><span class=\"min-w-0\"\n              ><span class=\"block text-sm\"\n                ><RenderNode :node=\"action.label\" /></span\n              ><span\n                v-if=\"action.description\"\n                class=\"mt-0.5 block text-xs leading-4 text-muted-foreground\"\n                ><RenderNode :node=\"action.description\" /></span\n            ></span>\n          </button>\n        </MorphPopoverContent>\n      </MorphPopover>\n      <slot name=\"leading-action\" />\n      <Select\n        v-if=\"models.length\"\n        :model-value=\"selected\"\n        :disabled=\"disabled || loading\"\n        class=\"min-w-0\"\n        @update:model-value=\"selected = $event\"\n        ><SelectTrigger\n          aria-label=\"AI model\"\n          class=\"h-8 w-auto max-w-52 rounded-xl border-0 bg-transparent px-2 py-0 text-xs hover:bg-muted focus-visible:ring-2\"\n          ><span class=\"flex min-w-0 items-center gap-1.5\"\n            ><span\n              v-if=\"selectedModel?.icon\"\n              class=\"grid size-4 shrink-0 place-items-center text-muted-foreground [&_svg]:size-3.5\"\n              ><RenderNode :node=\"selectedModel.icon\" /></span\n            ><span class=\"truncate text-muted-foreground\"\n              ><RenderNode\n                :node=\"selectedModel?.label ?? 'Choose model'\" /></span></span\n        ></SelectTrigger>\n        <SelectContent class=\"right-auto w-52 shadow-none\"\n          ><SelectItem\n            v-for=\"option in models\"\n            :key=\"option.value\"\n            :value=\"option.value\"\n            :disabled=\"option.disabled\"\n            class=\"py-2\"\n            ><span class=\"flex min-w-0 items-center gap-2\"\n              ><span\n                v-if=\"option.icon\"\n                class=\"grid size-5 shrink-0 place-items-center text-muted-foreground [&_svg]:size-4\"\n                ><RenderNode :node=\"option.icon\" /></span\n              ><span class=\"min-w-0 truncate text-sm\"\n                ><RenderNode :node=\"option.label\" /></span></span></SelectItem\n        ></SelectContent>\n      </Select>\n      <Button\n        :type=\"loading ? 'button' : 'submit'\"\n        size=\"icon\"\n        :disabled=\"loading ? !stoppable() : !ready\"\n        :aria-label=\"loading ? 'Stop generating' : 'Send prompt'\"\n        class=\"ml-auto size-8 rounded-full\"\n        @click=\"loading && emit('stop')\"\n        ><AnimatePresence :initial=\"false\" mode=\"popLayout\"\n          ><motion.span\n            :key=\"loading ? 'stop' : 'send'\"\n            class=\"grid place-items-center\"\n            :initial=\"\n              reduced ? { opacity: 1 } : { opacity: 0, y: 3, scale: 0.8 }\n            \"\n            :animate=\"{ opacity: 1, y: 0, scale: 1 }\"\n            :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3, scale: 0.8 }\"\n            :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n            ><Square v-if=\"loading\" class=\"size-3 fill-current\" /><ArrowUp\n              v-else\n              class=\"size-4\" /></motion.span></AnimatePresence\n      ></Button>\n    </div>\n  </form>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/shared.ts",
+      "target": "~/src/components/orvui/agents/shared.ts",
+      "type": "registry:lib",
+      "content": "export {\n  RenderNode,\n  useControllable,\n  useOutside,\n  useReduced,\n  rove,\n  type Content,\n} from \"../blocks/shared\";\nimport { onBeforeUnmount, ref } from \"vue\";\n\nexport function useClipboard(\n  read: () => string,\n  callback?: () => void | Promise<void>,\n) {\n  const copied = ref(false);\n  let reset: ReturnType<typeof setTimeout> | undefined;\n  let generation = 0;\n  let alive = true;\n  async function copy() {\n    const request = ++generation;\n    if (reset !== undefined) clearTimeout(reset);\n    copied.value = false;\n    try {\n      if (callback) await callback();\n      else await navigator.clipboard.writeText(read());\n      if (!alive || request !== generation) return;\n      copied.value = true;\n      reset = setTimeout(() => {\n        if (alive) copied.value = false;\n      }, 1600);\n    } catch {\n      if (alive && request === generation) copied.value = false;\n    }\n  }\n  onBeforeUnmount(() => {\n    alive = false;\n    generation++;\n    if (reset !== undefined) clearTimeout(reset);\n  });\n  return { copied, copy };\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/stream-follow.ts",
+      "target": "~/src/components/orvui/agents/stream-follow.ts",
+      "type": "registry:lib",
+      "content": "import {\n  onBeforeUnmount,\n  onMounted,\n  watch,\n  type Ref,\n  type WatchSource,\n} from \"vue\";\n\n/** Follow a caller-owned stream only after mount; one queued scroll owns each frame. */\nexport function useStreamFollow(\n  element: Ref<HTMLElement | undefined>,\n  enabled: () => boolean,\n  reduced: Ref<boolean>,\n  changes: WatchSource[],\n) {\n  let mounted = false;\n  let pending: number | undefined;\n  const clear = () => {\n    if (pending !== undefined) cancelAnimationFrame(pending);\n    pending = undefined;\n  };\n  function schedule() {\n    clear();\n    if (!mounted || !enabled()) return;\n    pending = requestAnimationFrame(() => {\n      pending = undefined;\n      const viewport = element.value;\n      if (\n        !mounted ||\n        !enabled() ||\n        !viewport ||\n        viewport.scrollHeight <= viewport.clientHeight\n      )\n        return;\n      if (typeof viewport.scrollTo === \"function\")\n        viewport.scrollTo({\n          top: viewport.scrollHeight,\n          behavior: reduced.value ? \"auto\" : \"smooth\",\n        });\n      else viewport.scrollTop = viewport.scrollHeight;\n    });\n  }\n  watch(changes, schedule, { deep: true, flush: \"post\" });\n  onMounted(() => {\n    mounted = true;\n    schedule();\n  });\n  onBeforeUnmount(() => {\n    mounted = false;\n    clear();\n  });\n  return schedule;\n}\n"
+    },
+    {
+      "path": "registry/orvui/agents/streaming-response/index.ts",
+      "target": "~/src/components/orvui/agents/streaming-response/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as StreamingResponse } from \"./src/StreamingResponse.vue\";\nexport type {\n  StreamingResponseStatus,\n  StreamingResponseFeedback,\n} from \"./src/StreamingResponse.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/streaming-response/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/streaming-response/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type StreamingResponseProps = InstanceType<\n  (typeof import(\"./StreamingResponse.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/streaming-response/src/ResponseAction.vue",
+      "target": "~/src/components/orvui/agents/streaming-response/src/ResponseAction.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ label: string; active?: boolean }>(), {\n  active: false,\n});\nconst reduced = useReducedMotion();\nconst pressed = computed(() =>\n  [\"Helpful\", \"Not helpful\"].includes(props.label) ? props.active : undefined,\n);\n</script>\n<template>\n  <motion.button\n    type=\"button\"\n    :aria-label=\"label\"\n    :title=\"label\"\n    :aria-pressed=\"pressed\"\n    :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring',\n        active && 'bg-muted text-foreground',\n      )\n    \"\n    ><slot\n  /></motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/streaming-response/src/StreamingResponse.vue",
+      "target": "~/src/components/orvui/agents/streaming-response/src/StreamingResponse.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Check,\n  ChevronDown,\n  Copy,\n  RotateCcw,\n  ThumbsDown,\n  ThumbsUp,\n} from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { CitationList, CitationStack, type CitationItem } from \"../../citations\";\nimport { useClipboard, useControllable } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport ResponseAction from \"./ResponseAction.vue\";\nexport type StreamingResponseStatus = \"streaming\" | \"complete\" | \"error\";\nexport type StreamingResponseFeedback = \"up\" | \"down\" | null;\nconst props = withDefaults(\n  defineProps<{\n    status?: StreamingResponseStatus;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n    sources?: CitationItem[];\n    sourcesOpen?: boolean;\n    defaultSourcesOpen?: boolean;\n    sourceIdPrefix?: string;\n    feedback?: StreamingResponseFeedback;\n    defaultFeedback?: StreamingResponseFeedback;\n    announce?: boolean;\n    showActions?: boolean;\n    contentClassName?: string;\n    actionsClassName?: string;\n  }>(),\n  {\n    status: \"streaming\",\n    sources: () => [],\n    sourcesOpen: undefined,\n    defaultSourcesOpen: false,\n    defaultFeedback: null,\n    announce: true,\n    showActions: true,\n  },\n);\nconst emit = defineEmits<{\n  retry: [];\n  \"update:sourcesOpen\": [open: boolean];\n  sourcesOpenChange: [open: boolean];\n  \"update:feedback\": [feedback: StreamingResponseFeedback];\n  feedbackChange: [feedback: StreamingResponseFeedback];\n}>();\nconst feedbackValue = useControllable(\n  () => props.feedback,\n  props.defaultFeedback,\n  (value) => {\n    emit(\"update:feedback\", value);\n    emit(\"feedbackChange\", value);\n  },\n);\nconst expanded = useControllable(\n  () => props.sourcesOpen,\n  props.defaultSourcesOpen,\n  (value) => {\n    emit(\"update:sourcesOpen\", value);\n    emit(\"sourcesOpenChange\", value);\n  },\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst hasRetry = () => !!instance?.vnode.props?.onRetry;\nconst visible = computed(\n  () =>\n    props.showActions &&\n    props.status !== \"streaming\" &&\n    !!(\n      props.copyText ||\n      props.onCopy ||\n      hasRetry() ||\n      props.status === \"complete\" ||\n      props.sources.length\n    ),\n);\nfunction toggleFeedback(value: \"up\" | \"down\") {\n  feedbackValue.value = feedbackValue.value === value ? null : value;\n}\n</script>\n<template>\n  <div :data-state=\"status\" :aria-busy=\"status === 'streaming'\" class=\"w-full\">\n    <div\n      :aria-live=\"announce ? 'polite' : 'off'\"\n      :class=\"\n        cn(\n          'text-sm leading-6 text-foreground/90 [&_a]:font-medium [&_a]:underline [&_a]:underline-offset-4 [&_code]:rounded [&_code]:bg-muted [&_code]:px-1 [&_code]:py-0.5 [&_code]:font-mono [&_code]:text-[0.9em] [&_ol]:my-3 [&_ol]:list-decimal [&_ol]:space-y-1 [&_ol]:pl-5 [&_p+p]:mt-3 [&_pre]:my-3 [&_pre]:overflow-x-auto [&_pre]:rounded-xl [&_pre]:border [&_pre]:border-border [&_pre]:bg-muted/45 [&_pre]:p-3 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_ul]:my-3 [&_ul]:list-disc [&_ul]:space-y-1 [&_ul]:pl-5',\n          contentClassName,\n        )\n      \"\n    >\n      <slot />\n    </div>\n    <AnimatePresence :initial=\"false\"\n      ><motion.div\n        v-if=\"visible\"\n        class=\"mt-3\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 4 }\"\n        :animate=\"{ opacity: 1, y: 0 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"{ duration: reduced ? 0.12 : 0.22, ease: EASE_OUT }\"\n      >\n        <div :class=\"cn('flex items-center gap-0.5', actionsClassName)\">\n          <ResponseAction\n            v-if=\"copyText || onCopy\"\n            :label=\"copied ? 'Copied' : 'Copy response'\"\n            @click=\"copy\"\n            ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n              v-else\n              class=\"size-3.5\"\n          /></ResponseAction>\n          <ResponseAction\n            v-if=\"hasRetry()\"\n            label=\"Retry response\"\n            @click=\"emit('retry')\"\n            ><RotateCcw class=\"size-3.5\"\n          /></ResponseAction>\n          <template v-if=\"status === 'complete'\"\n            ><ResponseAction\n              label=\"Helpful\"\n              :active=\"feedbackValue === 'up'\"\n              @click=\"toggleFeedback('up')\"\n              ><ThumbsUp class=\"size-3.5\" /></ResponseAction\n            ><ResponseAction\n              label=\"Not helpful\"\n              :active=\"feedbackValue === 'down'\"\n              @click=\"toggleFeedback('down')\"\n              ><ThumbsDown class=\"size-3.5\" /></ResponseAction\n          ></template>\n          <button\n            v-if=\"sources.length\"\n            type=\"button\"\n            :aria-expanded=\"expanded\"\n            :aria-controls=\"`${identity}-sources`\"\n            @click=\"expanded = !expanded\"\n            class=\"group ml-1 inline-flex min-h-7 items-center gap-2 rounded-md px-1.5 text-xs text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n          >\n            <CitationStack :citations=\"sources\" /><span class=\"tabular-nums\"\n              >{{ sources.length }}\n              {{ sources.length === 1 ? \"source\" : \"sources\" }}</span\n            >\n            <motion.span\n              aria-hidden=\"true\"\n              class=\"text-muted-foreground/70 group-hover:text-muted-foreground\"\n              :animate=\"{ rotate: expanded ? 180 : 0 }\"\n              :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n              ><ChevronDown class=\"size-3\"\n            /></motion.span>\n          </button>\n        </div>\n        <AgentDisclosure\n          v-if=\"sources.length\"\n          :id=\"`${identity}-sources`\"\n          :open=\"expanded\"\n          ><CitationList\n            :citations=\"sources\"\n            :id-prefix=\"\n              sourceIdPrefix ?? `response-source-${identity.replace(/:/g, '')}`\n            \"\n            class=\"mt-2 rounded-xl bg-muted p-2\"\n        /></AgentDisclosure> </motion.div\n    ></AnimatePresence>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/todo-list/index.ts",
+      "target": "~/src/components/orvui/agents/todo-list/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as TodoList } from \"./src/TodoList.vue\";\nexport type { TodoItemStatus, TodoItem } from \"./src/TodoList.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/todo-list/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/todo-list/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type TodoListProps = InstanceType<\n  (typeof import(\"./TodoList.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/todo-list/src/TodoHeaderIcon.vue",
+      "target": "~/src/components/orvui/agents/todo-list/src/TodoHeaderIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ListTodo } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\ndefineProps<{ complete: boolean }>();\nconst reduced = useReducedMotion();\n// Own normalized three-point mark; the path renderer retains the draw animation.\nconst check = [\n  [7.8, 12],\n  [10.7, 15],\n  [16.4, 9.3],\n]\n  .map(([x, y], index) => `${index ? \"L\" : \"M\"}${x} ${y}`)\n  .join(\"\");\n</script>\n<template>\n  <span\n    aria-hidden=\"true\"\n    class=\"relative grid size-6 shrink-0 place-items-center\"\n    ><AnimatePresence :initial=\"false\" mode=\"popLayout\">\n      <motion.svg\n        v-if=\"complete\"\n        key=\"complete\"\n        viewBox=\"0 0 24 24\"\n        class=\"absolute size-5.5 overflow-visible text-emerald-500\"\n        :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.72 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\" fill=\"currentColor\" /><motion.path\n          :d=\"check\"\n          fill=\"none\"\n          stroke=\"white\"\n          :stroke-width=\"2.25\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          :initial=\"{ pathLength: reduced ? 1 : 0 }\"\n          :animate=\"{ pathLength: 1 }\"\n          :transition=\"\n            reduced ? { duration: 0 } : { duration: 0.24, ease: EASE_OUT }\n          \"\n        />\n      </motion.svg>\n      <motion.span\n        v-else\n        key=\"todo\"\n        class=\"absolute grid place-items-center text-muted-foreground\"\n        :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.8 }\"\n        :animate=\"{ opacity: 1, scale: 1 }\"\n        :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.72 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ListTodo class=\"size-4\"\n      /></motion.span> </AnimatePresence\n  ></span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/todo-list/src/TodoList.vue",
+      "target": "~/src/components/orvui/agents/todo-list/src/TodoList.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport { EASE_OUT, SPRING_LAYOUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nimport TodoHeaderIcon from \"./TodoHeaderIcon.vue\";\nimport TodoStatusIcon from \"./TodoStatusIcon.vue\";\nexport type TodoItemStatus =\n  \"pending\" | \"in-progress\" | \"completed\" | \"cancelled\";\nexport interface TodoItem {\n  id: string;\n  title: Content;\n  status?: TodoItemStatus;\n  progress?: number;\n  detail?: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    items: TodoItem[];\n    title?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n  }>(),\n  {\n    open: undefined,\n    title: \"To-dos\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 248,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst viewport = ref<HTMLElement>();\nconst completed = computed(() =>\n  props.items.reduce(\n    (count, item) => count + Number(item.status === \"completed\"),\n    0,\n  ),\n);\nconst finished = computed(\n  () => props.items.length > 0 && completed.value === props.items.length,\n);\nwatch(finished, (value, previous) => {\n  if (previous && !value) expanded.value = true;\n  if (value && !previous && props.collapseOnComplete) expanded.value = false;\n});\nuseStreamFollow(viewport, () => props.items.length > 0, reduced, [\n  () => props.items.length,\n]);\nconst descriptions: Record<TodoItemStatus, string> = {\n  pending: \"Pending\",\n  \"in-progress\": \"In progress\",\n  completed: \"Completed\",\n  cancelled: \"Cancelled\",\n};\nconst tones: Record<TodoItemStatus, string> = {\n  pending: \"text-muted-foreground/65\",\n  \"in-progress\": \"text-foreground\",\n  completed: \"text-muted-foreground/60\",\n  cancelled: \"text-muted-foreground/55\",\n};\n</script>\n<template>\n  <section\n    aria-label=\"Agent task list\"\n    class=\"w-full overflow-hidden rounded-2xl border border-border/70\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex h-11 w-full items-center gap-2.5 rounded-2xl px-3.5 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n    >\n      <TodoHeaderIcon :complete=\"finished\" />\n      <h3\n        class=\"min-w-0 flex-1 truncate text-sm font-medium text-foreground/90\"\n      >\n        <RenderNode :node=\"title\" />\n      </h3>\n      <span\n        :class=\"\n          cn(\n            'shrink-0 text-xs font-medium tabular-nums text-muted-foreground',\n            finished && 'text-emerald-600 dark:text-emerald-400',\n          )\n        \"\n        ><span class=\"sr-only\"\n          >{{ completed }} of {{ items.length }} tasks completed</span\n        ><span aria-hidden=\"true\" class=\"inline-flex\"\n          ><ActionSwapRollText :value=\"String(completed)\">{{\n            completed\n          }}</ActionSwapRollText\n          ><span>/</span><span>{{ items.length }}</span></span\n        ></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"text-muted-foreground/70 transition-colors group-hover:text-muted-foreground\"\n        :animate=\"{ rotate: expanded ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure\n      :id=\"`${identity}-content`\"\n      role=\"region\"\n      :aria-labelledby=\"`${identity}-trigger`\"\n      :open=\"expanded\"\n    >\n      <div\n        ref=\"viewport\"\n        class=\"scrollbar-hide overflow-y-auto px-2 pb-2\"\n        :style=\"{ maxHeight: `${maxHeight}px` }\"\n      >\n        <ol v-if=\"items.length\" aria-live=\"polite\" class=\"space-y-0\">\n          <AnimatePresence :initial=\"false\" mode=\"popLayout\">\n            <motion.li\n              v-for=\"item in items\"\n              :key=\"item.id\"\n              layout=\"position\"\n              :initial=\"reduced ? { opacity: 1 } : { opacity: 0, y: 6 }\"\n              :animate=\"{ opacity: 1, y: 0 }\"\n              :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -3 }\"\n              :transition=\"\n                reduced\n                  ? { duration: 0 }\n                  : {\n                      opacity: { duration: 0.18, ease: EASE_OUT },\n                      y: SPRING_LAYOUT,\n                      layout: SPRING_LAYOUT,\n                    }\n              \"\n              class=\"flex min-h-9 items-center gap-2.5 rounded-xl px-1.5 py-1\"\n            >\n              <TodoStatusIcon\n                :status=\"item.status ?? 'pending'\"\n                :progress=\"item.progress\"\n              /><span class=\"sr-only\"\n                >{{ descriptions[item.status ?? \"pending\"] }}:\n              </span>\n              <span\n                :class=\"\n                  cn(\n                    'min-w-0 flex-1 truncate text-sm leading-5',\n                    tones[item.status ?? 'pending'],\n                  )\n                \"\n                ><span class=\"relative inline-block max-w-full\"\n                  ><RenderNode :node=\"item.title\" /><motion.span\n                    aria-hidden=\"true\"\n                    :initial=\"false\"\n                    :animate=\"{\n                      scaleX: item.status === 'completed' ? 1 : 0,\n                      opacity: item.status === 'completed' ? 1 : 0,\n                    }\"\n                    :transition=\"\n                      reduced\n                        ? { duration: 0 }\n                        : { duration: 0.28, ease: EASE_OUT, delay: 0.06 }\n                    \"\n                    class=\"absolute inset-x-0 top-1/2 h-px origin-left bg-current\" /></span\n              ></span>\n              <span\n                v-if=\"item.detail\"\n                class=\"shrink-0 text-sm text-muted-foreground/55\"\n                ><RenderNode :node=\"item.detail\"\n              /></span>\n            </motion.li>\n          </AnimatePresence>\n        </ol>\n        <p v-else class=\"px-1.5 py-2 text-sm text-muted-foreground\">\n          No tasks yet\n        </p>\n      </div>\n    </AgentDisclosure>\n  </section>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/todo-list/src/TodoStatusIcon.vue",
+      "target": "~/src/components/orvui/agents/todo-list/src/TodoStatusIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { TodoItemStatus } from \"./TodoList.vue\";\nconst props = defineProps<{ status: TodoItemStatus; progress?: number }>();\nconst reduced = useReducedMotion();\nconst advancing = computed(() => props.status === \"in-progress\");\nconst indeterminate = computed(\n  () => advancing.value && props.progress === undefined && !reduced.value,\n);\nconst fraction = computed(() =>\n  props.progress === undefined\n    ? 0.68\n    : Math.max(0, Math.min(100, props.progress)) / 100,\n);\nconst strokeThrough = (points: readonly (readonly [number, number])[]) =>\n  points.map(([x, y], index) => `${index ? \"L\" : \"M\"}${x} ${y}`).join(\"\");\n// Own normalized status marks, independent of the earlier copied path strings.\nconst marks = [\n  {\n    state: \"completed\",\n    path: strokeThrough([\n      [7.8, 12],\n      [10.7, 15],\n      [16.4, 9.3],\n    ]),\n    duration: 0.24,\n  },\n  {\n    state: \"cancelled\",\n    path:\n      strokeThrough([\n        [8.8, 8.8],\n        [15.2, 15.2],\n      ]) +\n      strokeThrough([\n        [15.2, 8.8],\n        [8.8, 15.2],\n      ]),\n    duration: 0.2,\n  },\n];\n</script>\n<template>\n  <motion.svg\n    aria-hidden=\"true\"\n    viewBox=\"0 0 24 24\"\n    :initial=\"false\"\n    :class=\"\n      cn(\n        'mx-0.5 size-5 shrink-0 overflow-visible text-muted-foreground',\n        advancing && 'text-foreground',\n        status === 'cancelled' && 'text-rose-600 dark:text-rose-400',\n      )\n    \"\n  >\n    <motion.circle\n      cx=\"12\"\n      cy=\"12\"\n      r=\"9\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      :stroke-width=\"1.5\"\n      :stroke-dasharray=\"status === 'pending' ? '2 3' : undefined\"\n      stroke-linecap=\"round\"\n      :initial=\"false\"\n      :animate=\"{ fillOpacity: status === 'completed' ? 0.06 : 0 }\"\n      :transition=\"\n        reduced ? { duration: 0 } : { duration: 0.18, ease: EASE_OUT }\n      \"\n      :class=\"advancing && 'opacity-20'\"\n    />\n    <motion.circle\n      cx=\"12\"\n      cy=\"12\"\n      r=\"9\"\n      pathLength=\"1\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      :stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      :initial=\"false\"\n      :animate=\"{\n        pathLength: advancing ? fraction : 0,\n        opacity: Number(advancing),\n        rotate: indeterminate ? 360 : -90,\n      }\"\n      :transition=\"\n        indeterminate\n          ? { rotate: { duration: 1.1, repeat: Infinity, ease: 'linear' } }\n          : reduced\n            ? { duration: 0 }\n            : SPRING_LAYOUT\n      \"\n      :style=\"{ transformOrigin: '12px 12px' }\"\n    />\n    <motion.path\n      v-for=\"mark in marks\"\n      :key=\"mark.state\"\n      :d=\"mark.path\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      :stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      :initial=\"false\"\n      :animate=\"{\n        pathLength: Number(status === mark.state),\n        opacity: Number(status === mark.state),\n      }\"\n      :transition=\"\n        reduced ? { duration: 0 } : { duration: mark.duration, ease: EASE_OUT }\n      \"\n    />\n  </motion.svg>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-approval/index.ts",
+      "target": "~/src/components/orvui/agents/tool-approval/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ToolApproval } from \"./src/ToolApproval.vue\";\nexport { default as ToolApprovalCode } from \"./src/ToolApprovalCode.vue\";\nexport type {\n  ToolApprovalStatus,\n  ToolApprovalParameter,\n} from \"./src/ToolApproval.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-approval/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/tool-approval/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ToolApprovalCodeProps = InstanceType<\n  (typeof import(\"./ToolApprovalCode.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ToolApprovalProps = InstanceType<\n  (typeof import(\"./ToolApproval.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-approval/src/ToolApproval.vue",
+      "target": "~/src/components/orvui/agents/tool-approval/src/ToolApproval.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, useId, watch } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport {\n  Check,\n  ChevronDown,\n  CircleAlert,\n  LoaderCircle,\n  ShieldCheck,\n  X,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { RenderNode, useControllable, type Content } from \"../../shared\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolApprovalStatus =\n  | \"pending\"\n  | \"approving\"\n  | \"approved\"\n  | \"denied\"\n  | \"running\"\n  | \"complete\"\n  | \"error\";\nexport interface ToolApprovalParameter {\n  id: string;\n  label: Content;\n  value: Content;\n}\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title?: Content;\n    description?: Content;\n    parameters?: ToolApprovalParameter[];\n    status?: ToolApprovalStatus;\n    open?: boolean;\n    defaultOpen?: boolean;\n  }>(),\n  {\n    open: undefined,\n    title: \"Allow this tool to run?\",\n    parameters: () => [],\n    status: \"pending\",\n    defaultOpen: false,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  approve: [];\n  alwaysAllow: [];\n  deny: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst reduced = useReducedMotion();\nconst busy = computed(() => [\"approving\", \"running\"].includes(props.status));\nconst successful = computed(() =>\n  [\"approved\", \"complete\"].includes(props.status),\n);\nconst label = computed(\n  () =>\n    ({\n      pending: \"Approval required\",\n      approving: \"Approving\",\n      approved: \"Approved\",\n      denied: \"Denied\",\n      running: \"Running\",\n      complete: \"Completed\",\n      error: \"Failed\",\n    })[props.status],\n);\nconst tone = computed(() =>\n  props.status === \"pending\"\n    ? \"amber\"\n    : busy.value\n      ? \"blue\"\n      : successful.value\n        ? \"emerald\"\n        : \"rose\",\n);\nconst badgeClasses = {\n  amber:\n    \"border-amber-500/30 bg-amber-500/10 text-amber-600 dark:text-amber-400\",\n  blue: \"border-blue-500/30 bg-blue-500/10 text-blue-600 dark:text-blue-400\",\n  emerald:\n    \"border-emerald-500/30 bg-emerald-500/10 text-emerald-600 dark:text-emerald-400\",\n  rose: \"border-rose-500/30 bg-rose-500/10 text-rose-600 dark:text-rose-400\",\n};\nconst hasAlways = () => !!instance?.vnode.props?.onAlwaysAllow;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (previous === \"pending\" && value !== previous) expanded.value = false;\n  },\n);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"busy\"\n    class=\"w-full overflow-hidden rounded-2xl border border-border/80 bg-muted/20 text-sm\"\n  >\n    <div class=\"flex items-start gap-3 p-4\">\n      <span\n        aria-hidden=\"true\"\n        :class=\"\n          cn(\n            'mt-0.5 grid size-8 shrink-0 place-items-center rounded-xl border border-border/60 bg-background text-muted-foreground',\n            status === 'error' && 'text-destructive',\n          )\n        \"\n      >\n        <LoaderCircle\n          v-if=\"busy\"\n          :class=\"cn('size-4', !reduced && 'animate-spin')\"\n        /><CircleAlert v-else-if=\"status === 'error'\" class=\"size-4\" /><X\n          v-else-if=\"status === 'denied'\"\n          class=\"size-4\"\n        /><Check v-else-if=\"successful\" class=\"size-4\" /><ShieldCheck\n          v-else\n          class=\"size-4\"\n        />\n      </span>\n      <div class=\"min-w-0 flex-1\">\n        <div class=\"flex min-w-0 items-start justify-between gap-3\">\n          <div class=\"min-w-0\">\n            <div class=\"font-medium text-foreground\">\n              <RenderNode :node=\"title\" />\n            </div>\n            <div\n              class=\"mt-0.5 truncate font-mono text-xs text-muted-foreground\"\n            >\n              <RenderNode :node=\"tool\" />\n            </div>\n          </div>\n          <span\n            :class=\"\n              cn(\n                'shrink-0 rounded-full border px-2 py-0.5 text-[11px] font-medium transition-colors',\n                badgeClasses[tone],\n              )\n            \"\n            >{{ label }}</span\n          >\n        </div>\n        <p v-if=\"description\" class=\"mt-2 leading-5 text-muted-foreground\">\n          <RenderNode :node=\"description\" />\n        </p>\n        <button\n          v-if=\"parameters.length\"\n          type=\"button\"\n          :aria-expanded=\"expanded\"\n          :aria-controls=\"`${identity}-details`\"\n          @click=\"expanded = !expanded\"\n          class=\"mt-2 inline-flex items-center gap-1 rounded-md text-xs font-medium text-muted-foreground outline-none transition-colors hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          View details<motion.span\n            aria-hidden=\"true\"\n            :animate=\"{ rotate: expanded ? 180 : 0 }\"\n            :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n            ><ChevronDown class=\"size-3.5\"\n          /></motion.span>\n        </button>\n      </div>\n    </div>\n    <AgentDisclosure :id=\"`${identity}-details`\" :open=\"expanded\"\n      ><dl\n        class=\"mx-4 mb-4 grid gap-2 rounded-xl border border-border/50 bg-background/70 p-3\"\n      >\n        <div\n          v-for=\"parameter in parameters\"\n          :key=\"parameter.id\"\n          class=\"grid grid-cols-[minmax(0,7rem)_minmax(0,1fr)] items-center gap-3 text-xs\"\n        >\n          <dt class=\"text-muted-foreground\">\n            <RenderNode :node=\"parameter.label\" />\n          </dt>\n          <dd class=\"min-w-0 break-words font-mono text-foreground/85\">\n            <RenderNode :node=\"parameter.value\" />\n          </dd>\n        </div>\n      </dl>\n      <slot\n    /></AgentDisclosure>\n    <AnimatePresence :initial=\"false\"\n      ><motion.div\n        v-if=\"status === 'pending'\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 4 }\"\n        :animate=\"{ opacity: 1, y: 0 }\"\n        :exit=\"{ opacity: 0 }\"\n        :transition=\"{ duration: reduced ? 0.12 : 0.22, ease: EASE_OUT }\"\n        class=\"flex flex-wrap items-center gap-2 border-t border-border/60 px-4 py-3\"\n      >\n        <motion.button\n          type=\"button\"\n          @click=\"emit('approve')\"\n          :while-press=\"reduced ? undefined : { scale: 0.97 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"rounded-xl bg-foreground px-3 py-1.5 text-xs font-medium text-background outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\"\n          >Allow once</motion.button\n        >\n        <motion.button\n          v-if=\"hasAlways()\"\n          type=\"button\"\n          @click=\"emit('alwaysAllow')\"\n          :while-press=\"reduced ? undefined : { scale: 0.97 }\"\n          :transition=\"SPRING_PRESS\"\n          class=\"rounded-xl border border-border/60 bg-background px-3 py-1.5 text-xs font-medium text-foreground outline-none transition-colors hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring\"\n          >Always allow</motion.button\n        >\n        <button\n          type=\"button\"\n          @click=\"emit('deny')\"\n          class=\"rounded-xl px-3 py-1.5 text-xs font-medium text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n        >\n          Deny\n        </button>\n      </motion.div></AnimatePresence\n    >\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-approval/src/ToolApprovalCode.vue",
+      "target": "~/src/components/orvui/agents/tool-approval/src/ToolApprovalCode.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { AgentCode, type AgentCodeLanguage } from \"../../code-block\";\nconst props = withDefaults(\n  defineProps<{ code: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"props.code\"\n    :language=\"props.language\"\n    class=\"whitespace-pre-wrap break-words rounded-lg border border-border/50 bg-muted/30 px-2.5 py-2\"\n  />\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/index.ts",
+      "target": "~/src/components/orvui/agents/tool-result/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ToolResult } from \"./src/ToolResult.vue\";\nexport { default as ToolResultOutput } from \"./src/ToolResultOutput.vue\";\nexport type { ToolResultStatus, ToolResultKind } from \"./src/ToolResult.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/src/api-types.ts",
+      "target": "~/src/components/orvui/agents/tool-result/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ToolResultOutputProps = InstanceType<\n  (typeof import(\"./ToolResultOutput.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ToolResultProps = InstanceType<\n  (typeof import(\"./ToolResult.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/src/ToolResult.vue",
+      "target": "~/src/components/orvui/agents/tool-result/src/ToolResult.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  computed,\n  getCurrentInstance,\n  onUpdated,\n  ref,\n  useId,\n  watch,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport {\n  Ban,\n  Braces,\n  Check,\n  ChevronDown,\n  CircleCheck,\n  CircleX,\n  Copy,\n  LoaderCircle,\n  RotateCcw,\n  SquareTerminal,\n  Wrench,\n} from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { ActionSwapRollText } from \"../../../motion/action-swap\";\nimport {\n  RenderNode,\n  useClipboard,\n  useControllable,\n  type Content,\n} from \"../../shared\";\nimport { useStreamFollow } from \"../../stream-follow\";\nimport AgentDisclosure from \"../../AgentDisclosure.vue\";\nexport type ToolResultStatus = \"running\" | \"success\" | \"error\" | \"cancelled\";\nexport type ToolResultKind = \"terminal\" | \"request\" | \"custom\";\nconst props = withDefaults(\n  defineProps<{\n    tool: Content;\n    title: Content;\n    status?: ToolResultStatus;\n    kind?: ToolResultKind;\n    meta?: Content;\n    icon?: Content;\n    open?: boolean;\n    defaultOpen?: boolean;\n    collapseOnComplete?: boolean;\n    maxHeight?: number;\n    copyText?: string;\n    onCopy?: () => void | Promise<void>;\n    contentClassName?: string;\n  }>(),\n  {\n    open: undefined,\n    status: \"running\",\n    kind: \"custom\",\n    defaultOpen: true,\n    collapseOnComplete: true,\n    maxHeight: 220,\n  },\n);\nconst emit = defineEmits<{\n  \"update:open\": [open: boolean];\n  openChange: [open: boolean];\n  retry: [];\n}>();\nconst expanded = useControllable(\n  () => props.open,\n  props.defaultOpen,\n  (value) => {\n    emit(\"update:open\", value);\n    emit(\"openChange\", value);\n  },\n);\nconst { copy, copied } = useClipboard(\n  () => props.copyText ?? \"\",\n  () =>\n    props.onCopy\n      ? props.onCopy()\n      : navigator.clipboard.writeText(props.copyText ?? \"\"),\n);\nconst reduced = useReducedMotion();\nconst identity = useId();\nconst instance = getCurrentInstance();\nconst viewport = ref<HTMLElement>();\nconst hasRetry = () => !!instance?.vnode.props?.onRetry;\nconst state = computed(\n  () =>\n    ({\n      running: {\n        label: \"Running\",\n        classes: \"text-blue-600 dark:text-blue-400\",\n        icon: LoaderCircle,\n      },\n      success: {\n        label: \"Completed\",\n        classes: \"text-emerald-600 dark:text-emerald-400\",\n        icon: CircleCheck,\n      },\n      error: {\n        label: \"Failed\",\n        classes: \"text-rose-600 dark:text-rose-400\",\n        icon: CircleX,\n      },\n      cancelled: {\n        label: \"Cancelled\",\n        classes: \"text-muted-foreground\",\n        icon: Ban,\n      },\n    })[props.status],\n);\nconst kindIcon = computed(\n  () =>\n    ({ terminal: SquareTerminal, request: Braces, custom: Wrench })[props.kind],\n);\nconst valueKey = (value: Content, suffix: string) =>\n  typeof value === \"string\" || typeof value === \"number\"\n    ? String(value)\n    : props.status + suffix;\nwatch(\n  () => props.status,\n  (value, previous) => {\n    if (value === \"running\" && previous !== value) expanded.value = true;\n    else if (previous === \"running\" && props.collapseOnComplete)\n      expanded.value = false;\n  },\n);\nconst follow = useStreamFollow(\n  viewport,\n  () => expanded.value && props.status === \"running\",\n  reduced,\n  [expanded, () => props.status],\n);\nonUpdated(follow);\n</script>\n<template>\n  <div\n    :data-state=\"status\"\n    :aria-busy=\"status === 'running'\"\n    class=\"w-full text-sm\"\n  >\n    <button\n      :id=\"`${identity}-trigger`\"\n      type=\"button\"\n      :aria-expanded=\"expanded\"\n      :aria-controls=\"`${identity}-content`\"\n      @click=\"expanded = !expanded\"\n      class=\"group flex min-h-9 w-full items-center gap-2 rounded-md py-1 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\"\n    >\n      <span\n        aria-hidden=\"true\"\n        class=\"grid size-4 shrink-0 place-items-center text-muted-foreground\"\n        ><RenderNode v-if=\"icon\" :node=\"icon\" /><component\n          v-else\n          :is=\"kindIcon\"\n          class=\"size-4\"\n      /></span>\n      <span class=\"flex min-w-0 flex-1 items-baseline gap-2\"\n        ><span class=\"min-w-0 truncate font-medium text-foreground/90\"\n          ><ActionSwapRollText :value=\"valueKey(title, '')\"\n            ><RenderNode :node=\"title\" /></ActionSwapRollText></span\n        ><span v-if=\"meta\" class=\"shrink-0 text-xs text-muted-foreground/60\"\n          ><ActionSwapRollText :value=\"valueKey(meta, '-meta')\"\n            ><RenderNode :node=\"meta\" /></ActionSwapRollText></span\n        ><span\n          class=\"min-w-0 truncate font-mono text-[11px] text-muted-foreground/55\"\n          ><ActionSwapRollText :value=\"valueKey(tool, '-tool')\"\n            ><RenderNode :node=\"tool\" /></ActionSwapRollText></span\n      ></span>\n      <span\n        :class=\"\n          cn(\n            'inline-flex shrink-0 items-center gap-1 text-[11px] font-medium',\n            state.classes,\n          )\n        \"\n        ><component\n          :is=\"state.icon\"\n          :class=\"\n            cn('size-3', status === 'running' && !reduced && 'animate-spin')\n          \"\n        /><ActionSwapRollText :value=\"status\">{{\n          state.label\n        }}</ActionSwapRollText></span\n      >\n      <motion.span\n        aria-hidden=\"true\"\n        class=\"shrink-0 text-muted-foreground/70 transition-colors group-hover:text-muted-foreground\"\n        :animate=\"{ rotate: expanded ? 180 : 0 }\"\n        :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\"\n        ><ChevronDown class=\"size-3.5\"\n      /></motion.span>\n    </button>\n    <AgentDisclosure\n      :id=\"`${identity}-content`\"\n      role=\"region\"\n      :aria-labelledby=\"`${identity}-trigger`\"\n      :open=\"expanded\"\n      ><div class=\"pl-6 pt-1.5\">\n        <div class=\"overflow-hidden rounded-xl bg-muted/80\">\n          <div\n            ref=\"viewport\"\n            role=\"log\"\n            aria-live=\"polite\"\n            class=\"scrollbar-hide overflow-y-auto\"\n            :style=\"{ maxHeight: `${maxHeight}px` }\"\n          >\n            <div :class=\"cn('p-3', contentClassName)\"><slot /></div>\n          </div>\n          <div\n            v-if=\"copyText || onCopy || hasRetry()\"\n            class=\"flex items-center gap-0.5 px-2 pb-1.5\"\n          >\n            <motion.button\n              v-if=\"copyText || onCopy\"\n              type=\"button\"\n              :aria-label=\"copied ? 'Copied' : 'Copy result'\"\n              :title=\"copied ? 'Copied' : 'Copy result'\"\n              @click=\"copy\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><Check v-if=\"copied\" class=\"size-3.5\" /><Copy\n                v-else\n                class=\"size-3.5\"\n            /></motion.button>\n            <motion.button\n              v-if=\"hasRetry()\"\n              type=\"button\"\n              aria-label=\"Run again\"\n              title=\"Run again\"\n              @click=\"emit('retry')\"\n              :while-press=\"reduced ? undefined : { scale: 0.9 }\"\n              :transition=\"SPRING_PRESS\"\n              class=\"grid size-7 place-items-center rounded-md text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring\"\n              ><RotateCcw class=\"size-3.5\"\n            /></motion.button>\n            <span class=\"ml-auto text-[11px] text-muted-foreground/55\"\n              ><ActionSwapRollText :value=\"status\">{{\n                state.label\n              }}</ActionSwapRollText></span\n            >\n          </div>\n        </div>\n      </div></AgentDisclosure\n    >\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/agents/tool-result/src/ToolResultOutput.vue",
+      "target": "~/src/components/orvui/agents/tool-result/src/ToolResultOutput.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport AgentCode, { type AgentCodeLanguage } from \"../../code-block/src/AgentCode.vue\";\nconst props = withDefaults(\n  defineProps<{ code?: string; language?: AgentCodeLanguage }>(),\n  { language: \"bash\" },\n);\nconst slots = useSlots();\nconst value = computed(\n  () =>\n    props.code ??\n    (slots.default?.() ?? []).reduce(\n      (text, node) =>\n        text + (typeof node.children === \"string\" ? node.children : \"\"),\n      \"\",\n    ),\n);\n</script>\n<template>\n  <AgentCode\n    :code=\"value\"\n    :language=\"language\"\n    class=\"whitespace-pre-wrap break-words text-foreground/80\"\n  />\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/blocks/dismiss.ts",
+      "target": "~/src/components/orvui/blocks/dismiss.ts",
+      "type": "registry:lib",
+      "content": "import { onMounted, onUnmounted, watch, type Ref } from \"vue\";\nimport { resolveElement, useFloatingLayer } from \"../lib/composables\";\n\ntype HitTest = (target: Element) => boolean;\nconst openScopes = new Set<HitTest>();\n\nexport function useBlockDismiss(\n  open: Ref<boolean>,\n  root: Ref<unknown>,\n  close: () => void,\n  consume = false,\n) {\n  const layer = useFloatingLayer(open, root);\n  const pendingClicks = new Set<() => void>();\n  let stopWatching: (() => void) | undefined;\n  function interceptActivation(source: Event) {\n    const release = () => {\n      window.removeEventListener(\"click\", click, true);\n      window.removeEventListener(\"pointerdown\", replacement, true);\n      window.removeEventListener(\"pointercancel\", replacement, true);\n      window.removeEventListener(\"keydown\", release, true);\n      pendingClicks.delete(release);\n    };\n    function click(event: MouseEvent) {\n      event.preventDefault();\n      event.stopPropagation();\n      release();\n    }\n    function replacement(event: Event) {\n      if (event !== source) release();\n    }\n    pendingClicks.add(release);\n    window.addEventListener(\"click\", click, true);\n    window.addEventListener(\"pointerdown\", replacement, true);\n    window.addEventListener(\"pointercancel\", replacement, true);\n    window.addEventListener(\"keydown\", release, true);\n  }\n  onMounted(() => {\n    stopWatching = watch(\n      open,\n      (visible, _, cleanup) => {\n        if (!visible) return;\n        const contains: HitTest = (target) =>\n          resolveElement<HTMLElement>(root.value)?.contains(target) ?? false;\n        const keydown = (event: KeyboardEvent) => {\n          if (layer.claimEscape(event)) close();\n        };\n        const pointerdown = (event: PointerEvent) => {\n          const target = event.target;\n          if (\n            !(target instanceof Element) ||\n            contains(target) ||\n            layer.containsHigher(target)\n          )\n            return;\n          let anotherScope = false;\n          if (consume)\n            for (const hit of openScopes)\n              if (hit !== contains && hit(target)) {\n                anotherScope = true;\n                break;\n              }\n          if (consume && !anotherScope) interceptActivation(event);\n          close();\n        };\n        openScopes.add(contains);\n        window.addEventListener(\"keydown\", keydown);\n        window.addEventListener(\"pointerdown\", pointerdown, true);\n        cleanup(() => {\n          openScopes.delete(contains);\n          window.removeEventListener(\"keydown\", keydown);\n          window.removeEventListener(\"pointerdown\", pointerdown, true);\n        });\n      },\n      { immediate: true },\n    );\n  });\n  onUnmounted(() => {\n    stopWatching?.();\n    for (const release of pendingClicks) release();\n  });\n  return layer;\n}\n"
+    },
+    {
+      "path": "registry/orvui/blocks/shared.ts",
+      "target": "~/src/components/orvui/blocks/shared.ts",
+      "type": "registry:lib",
+      "content": "import { useBlockDismiss } from \"./dismiss\";\nimport { resolveElement, useOverlay } from \"../lib/composables\";\nimport {\n  computed,\n  defineComponent,\n  h,\n  isVNode,\n  onMounted,\n  onUnmounted,\n  ref,\n  type Component,\n  type Ref,\n  type VNodeChild,\n} from \"vue\";\n\nexport type Content = VNodeChild | Component;\nexport const RenderNode = defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const node = props.node;\n      if (isVNode(node) || node === null || node === undefined) return node;\n      if (typeof node === \"function\" || typeof node === \"object\")\n        return h(node as Component);\n      return node;\n    };\n  },\n});\n\nexport function useControllable<T>(\n  get: () => T | undefined,\n  initial: T,\n  emit: (value: T) => void,\n) {\n  const saved = ref(initial) as Ref<T>;\n  return computed<T>({\n    get() {\n      const value = get();\n      return value === undefined ? saved.value : value;\n    },\n    set(value) {\n      if (get() === undefined) saved.value = value;\n      emit(value);\n    },\n  });\n}\n\nexport function useOutside(\n  root: Ref<HTMLElement | undefined>,\n  close: () => void,\n  open: Ref<boolean>,\n) {\n  useBlockDismiss(open, root, close);\n}\n\nexport function useReduced() {\n  const reduced = ref(false);\n  let detach: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof matchMedia !== \"function\") return;\n    const query = matchMedia(\"(prefers-reduced-motion: reduce)\");\n    const read = () => {\n      reduced.value = query.matches;\n    };\n    read();\n    query.addEventListener(\"change\", read);\n    detach = () => query.removeEventListener(\"change\", read);\n  });\n  onUnmounted(() => detach?.());\n  return reduced;\n}\n\nexport function rove(\n  event: KeyboardEvent,\n  root: HTMLElement,\n  selector = \"button:not(:disabled)\",\n) {\n  const items = [...root.querySelectorAll<HTMLElement>(selector)];\n  if (!items.length) return;\n  const current = items.indexOf(\n    root.ownerDocument.activeElement as HTMLElement,\n  );\n  let destination: number;\n  switch (event.key) {\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      destination = (current + 1) % items.length;\n      break;\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      destination = (current - 1 + items.length) % items.length;\n      break;\n    case \"Home\":\n      destination = 0;\n      break;\n    case \"End\":\n      destination = items.length - 1;\n      break;\n    default:\n      return;\n  }\n  event.preventDefault();\n  items[destination]?.focus();\n}\n\nexport function useDialog(\n  open: Ref<boolean>,\n  root: Ref<HTMLElement | undefined>,\n  initial?: () => HTMLElement | undefined,\n) {\n  const element = computed(() => resolveElement<HTMLElement>(root.value));\n  useOverlay(\n    open,\n    element,\n    () => {\n      open.value = false;\n    },\n    initial,\n  );\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/composables.ts",
+      "target": "~/src/components/orvui/lib/composables.ts",
+      "type": "registry:lib",
+      "content": "import { computed, getCurrentInstance, nextTick, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nimport { layerManager, type Layer } from \"./layers\";\n\nexport function useControllable<T>(props: Record<string, any>, key: string, emit: (...args: any[]) => void, fallback: T) {\n  const local = ref<T>(fallback) as Ref<T>;\n  const read = () => props[key] as T | undefined;\n  return computed<T>({\n    get() { const supplied = read(); return supplied === undefined ? local.value : supplied; },\n    set(value) { if (read() === undefined) local.value = value; emit(`update:${key}`, value); },\n  });\n}\n\nexport function useMediaQuery(query: string) {\n  const matches = ref(false);\n  let disconnect: (() => void) | undefined;\n  onMounted(() => {\n    if (typeof window.matchMedia !== \"function\") return;\n    const media = window.matchMedia(query);\n    const update = () => { matches.value = media.matches; };\n    update();\n    media.addEventListener?.(\"change\", update);\n    disconnect = () => media.removeEventListener?.(\"change\", update);\n  });\n  onBeforeUnmount(() => disconnect?.());\n  return matches;\n}\nexport function useReducedMotion() { return useMediaQuery(\"(prefers-reduced-motion: reduce)\"); }\n\nconst lockedProperties = [\"overflow\", \"position\", \"top\", \"left\", \"right\", \"width\"] as const;\nlet scrollOwners = 0;\nlet unlockPage: (() => void) | undefined;\nfunction acquirePage() {\n  if (scrollOwners++ === 0) {\n    const body = document.body.style;\n    const saved = lockedProperties.map(name => ({ name, value: body.getPropertyValue(name), priority: body.getPropertyPriority(name) }));\n    const x = window.scrollX, y = window.scrollY;\n    body.setProperty(\"overflow\", \"hidden\");\n    body.setProperty(\"position\", \"fixed\");\n    body.setProperty(\"left\", `${-x}px`);\n    body.setProperty(\"top\", `${-y}px`);\n    body.setProperty(\"right\", \"0px\");\n    body.setProperty(\"width\", \"100%\");\n    unlockPage = () => {\n      for (const entry of saved) {\n        if (entry.value) body.setProperty(entry.name, entry.value, entry.priority);\n        else body.removeProperty(entry.name);\n      }\n      const root = document.documentElement.style;\n      const behavior = root.getPropertyValue(\"scroll-behavior\");\n      const priority = root.getPropertyPriority(\"scroll-behavior\");\n      root.setProperty(\"scroll-behavior\", \"auto\");\n      window.scrollTo(x, y);\n      if (behavior) root.setProperty(\"scroll-behavior\", behavior, priority);\n      else root.removeProperty(\"scroll-behavior\");\n    };\n  }\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    if (--scrollOwners === 0) { unlockPage?.(); unlockPage = undefined; }\n  };\n}\nexport function useScrollLock(locked: Ref<boolean>) {\n  let mounted = false;\n  let release: (() => void) | undefined;\n  const update = (value: boolean) => {\n    if (!mounted) return;\n    if (value && !release) release = acquirePage();\n    if (!value && release) { release(); release = undefined; }\n  };\n  onMounted(() => { mounted = true; update(locked.value); });\n  watch(locked, update);\n  onBeforeUnmount(() => { release?.(); release = undefined; mounted = false; });\n}\n\nexport function resolveElement<T extends Element = HTMLElement>(value: unknown): T | null {\n  if (!value) return null;\n  const unwrapped = (value as { $el?: unknown }).$el ?? value;\n  return typeof (unwrapped as Element).nodeType === \"number\" && (unwrapped as Element).nodeType === 1 ? unwrapped as T : null;\n}\nconst focusable = 'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])';\nfunction createLayer(modal: boolean, panel?: { readonly value: unknown }): Layer {\n  return { key: Symbol(\"orvui-layer\"), modal, owner: getCurrentInstance(), surface: () => resolveElement(panel?.value), returnTo: null };\n}\nexport function useOverlay(open: Ref<boolean>, panel: Ref<HTMLElement | null>, close: () => void, initialFocus?: () => HTMLElement | undefined) {\n  const layer = createLayer(true, panel);\n  let mounted = false;\n  let revision = 0;\n  const sync = async (value: boolean) => {\n    const current = ++revision;\n    if (!mounted) return;\n    if (!value) { layerManager.detach(layer, true); return; }\n    if (!layerManager.attach(layer)) return;\n    await nextTick();\n    if (!mounted || current !== revision || !open.value || !layerManager.top(layer)) return;\n    (initialFocus?.() ?? layer.surface()?.querySelector<HTMLElement>(focusable) ?? layer.surface())?.focus({ preventScroll: true });\n  };\n  const onKey = (event: KeyboardEvent) => {\n    if (event.defaultPrevented || !open.value) return;\n    if (event.key === \"Escape\" && layerManager.top(layer)) {\n      event.preventDefault(); event.stopPropagation(); close(); return;\n    }\n    if (event.key !== \"Tab\" || !layerManager.modal(layer)) return;\n    const candidates = new Set<HTMLElement>();\n    for (const surface of layerManager.scopes(layer)) {\n      for (const node of surface.querySelectorAll<HTMLElement>(focusable)) {\n        if (node.getClientRects().length > 0 && !node.closest(\"[inert]\")) candidates.add(node);\n      }\n    }\n    event.preventDefault();\n    const nodes = [...candidates];\n    if (!nodes.length) { layer.surface()?.focus(); return; }\n    const position = nodes.indexOf(document.activeElement as HTMLElement);\n    const next = position < 0 ? (event.shiftKey ? nodes.length - 1 : 0) : (position + (event.shiftKey ? -1 : 1) + nodes.length) % nodes.length;\n    nodes[next].focus();\n  };\n  useScrollLock(open);\n  onMounted(() => { mounted = true; document.addEventListener(\"keydown\", onKey); void sync(open.value); });\n  watch(open, value => void sync(value));\n  onBeforeUnmount(() => { mounted = false; revision++; document.removeEventListener(\"keydown\", onKey); layerManager.detach(layer, true); });\n  return {\n    isTop: () => open.value && layerManager.top(layer),\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n    containsOwnedPortal: (target: HTMLElement) => layerManager.containsPortal(layer.owner, target),\n  };\n}\nexport function useFloatingLayer(open: Ref<boolean>, panel?: { readonly value: unknown }) {\n  const layer = createLayer(false, panel);\n  let mounted = false;\n  let unregister: (() => void) | undefined;\n  const sync = (value: boolean) => {\n    if (!mounted) return;\n    if (value) layerManager.attach(layer); else layerManager.detach(layer, false);\n  };\n  onMounted(() => { mounted = true; unregister = layerManager.portal(layer.owner, layer.surface); sync(open.value); });\n  watch(open, sync, { flush: \"sync\" });\n  onBeforeUnmount(() => { mounted = false; unregister?.(); layerManager.detach(layer, false); });\n  const isTop = () => open.value && layerManager.top(layer);\n  return {\n    isTop,\n    claimEscape(event: KeyboardEvent) {\n      if (event.key !== \"Escape\" || event.defaultPrevented || !isTop()) return false;\n      event.preventDefault(); event.stopImmediatePropagation(); return true;\n    },\n    containsHigher: (target: EventTarget | null) => layerManager.higher(layer, target),\n  };\n}\nexport function useEventListener(target: () => EventTarget | null | undefined, event: string, handler: EventListener, options?: AddEventListenerOptions) {\n  let remove: (() => void) | undefined;\n  onMounted(() => { const element = target(); element?.addEventListener(event, handler, options); remove = () => element?.removeEventListener(event, handler, options); });\n  onBeforeUnmount(() => remove?.());\n}\n"
+    },
+    {
+      "path": "registry/orvui/lib/ease.ts",
+      "target": "~/src/components/orvui/lib/ease.ts",
+      "type": "registry:lib",
+      "content": "export const EASE_OUT = [0.16, 1, 0.3, 1] as const;\nexport const EASE_IN_OUT = [0.77, 0, 0.175, 1] as const;\nexport const EASE_DRAWER = [0.32, 0.72, 0, 1] as const;\nexport const EASE_OUT_CSS = \"cubic-bezier(0.16,1,0.3,1)\";\nexport const SPRING_PRESS = {\n  type: \"spring\",\n  stiffness: 500,\n  damping: 30,\n  mass: 0.6,\n} as const;\nexport const SPRING_SWAP = {\n  type: \"spring\",\n  stiffness: 460,\n  damping: 30,\n  mass: 0.55,\n} as const;\nexport const SPRING_PANEL = {\n  type: \"spring\",\n  stiffness: 420,\n  damping: 40,\n  mass: 0.5,\n} as const;\nexport const SPRING_LAYOUT = {\n  type: \"spring\",\n  stiffness: 360,\n  damping: 32,\n  mass: 0.6,\n} as const;\nexport const SPRING_MOUSE = { stiffness: 200, damping: 15, mass: 0.3 } as const;\nexport const SPRING_GLIDE = { stiffness: 700, damping: 50, mass: 0.5 } as const;\nexport const SPRING_TIMELINE = {\n  type: \"spring\",\n  stiffness: 120,\n  damping: 24,\n  mass: 1,\n} as const;\n"
+    },
+    {
+      "path": "registry/orvui/lib/layers.ts",
+      "target": "~/src/components/orvui/lib/layers.ts",
+      "type": "registry:lib",
+      "content": "import type { ComponentInternalInstance } from \"vue\";\n\ntype Surface = () => HTMLElement | null;\nexport interface Layer {\n  key: symbol;\n  modal: boolean;\n  owner: ComponentInternalInstance | null;\n  surface: Surface;\n  returnTo: HTMLElement | null;\n}\nconst active: Layer[] = [];\nconst portals = new Set<{ owner: ComponentInternalInstance | null; surface: Surface }>();\n\nfunction belongsTo(child: ComponentInternalInstance | null, parent: ComponentInternalInstance | null) {\n  if (!parent) return false;\n  for (let node = child; node; node = node.parent) if (node === parent) return true;\n  return false;\n}\nfunction later(layer: Layer) {\n  const index = active.indexOf(layer);\n  return index < 0 ? [] : active.slice(index + 1);\n}\nexport const layerManager = {\n  attach(layer: Layer) {\n    if (active.includes(layer)) return false;\n    layer.returnTo = document.activeElement as HTMLElement | null;\n    const before = active.findIndex(entry => entry.owner !== layer.owner && belongsTo(entry.owner, layer.owner));\n    active.splice(before < 0 ? active.length : before, 0, layer);\n    return true;\n  },\n  detach(layer: Layer, restore: boolean) {\n    const index = active.indexOf(layer);\n    if (index < 0) return;\n    const wasLast = index === active.length - 1;\n    const surface = layer.surface();\n    for (const successor of later(layer)) {\n      if (successor.returnTo && surface?.contains(successor.returnTo)) successor.returnTo = layer.returnTo;\n    }\n    active.splice(index, 1);\n    if (restore && wasLast && layer.returnTo?.isConnected) layer.returnTo.focus({ preventScroll: true });\n  },\n  top(layer: Layer) { return active.at(-1) === layer; },\n  modal(layer: Layer) { return active.slice().reverse().find(entry => entry.modal) === layer; },\n  higher(layer: Layer, target: EventTarget | null) {\n    return !!target && typeof (target as Node).nodeType === \"number\" && later(layer).some(entry => entry.surface()?.contains(target as Node));\n  },\n  scopes(layer: Layer) {\n    const result = [layer.surface()];\n    for (const entry of later(layer)) if (!entry.modal && belongsTo(entry.owner, layer.owner)) result.push(entry.surface());\n    return result.filter((surface): surface is HTMLElement => surface !== null);\n  },\n  portal(owner: ComponentInternalInstance | null, surface: Surface) {\n    const portal = { owner, surface };\n    portals.add(portal);\n    return () => portals.delete(portal);\n  },\n  containsPortal(owner: ComponentInternalInstance | null, target: HTMLElement) {\n    for (const portal of portals) {\n      const node = portal.surface();\n      if (node && belongsTo(portal.owner, owner) && target.contains(node)) return true;\n    }\n    return false;\n  },\n};\n"
+    },
+    {
+      "path": "registry/orvui/lib/RenderContent.ts",
+      "target": "~/src/components/orvui/lib/RenderContent.ts",
+      "type": "registry:lib",
+      "content": "import { defineComponent, h, isVNode } from \"vue\";\n\nexport default defineComponent({\n  props: [\"node\"],\n  setup(props) {\n    return () => {\n      const content = props.node;\n      if (typeof content === \"function\") return h(content);\n      if (content === null || typeof content !== \"object\" || Array.isArray(content) || isVNode(content)) return content;\n      return h(content);\n    };\n  },\n});\n"
+    },
+    {
+      "path": "registry/orvui/lib/utils.ts",
+      "target": "~/src/components/orvui/lib/utils.ts",
+      "type": "registry:lib",
+      "content": "import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: unknown[]) {\n  const combined = clsx(...inputs as ClassValue[]);\n  return twMerge(combined);\n}\nexport function clamp(value: number, min: number, max: number) {\n  const aboveFloor = Math.max(min, value);\n  return Math.min(aboveFloor, max);\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/index.ts",
+      "target": "~/src/components/orvui/motion/action-swap/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as ActionSwapText } from \"./src/ActionSwapText.vue\";\nexport { default as ActionSwapIcon } from \"./src/ActionSwapIcon.vue\";\nexport { default as ActionSwapButton } from \"./src/ActionSwapButton.vue\";\n\nexport { default as ActionSwapCascadeButton } from \"./src/ActionSwapCascadeButton.vue\";\nexport { default as ActionSwapCascadeText } from \"./src/ActionSwapCascadeText.vue\";\nexport { default as ActionSwapCascadeIcon } from \"./src/ActionSwapCascadeIcon.vue\";\nexport { default as ActionSwapBlurButton } from \"./src/ActionSwapBlurButton.vue\";\nexport { default as ActionSwapBlurText } from \"./src/ActionSwapBlurText.vue\";\nexport { default as ActionSwapBlurIcon } from \"./src/ActionSwapBlurIcon.vue\";\nexport { default as ActionSwapRollButton } from \"./src/ActionSwapRollButton.vue\";\nexport { default as ActionSwapRollText } from \"./src/ActionSwapRollText.vue\";\nexport { default as ActionSwapRollIcon } from \"./src/ActionSwapRollIcon.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"blur\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapBlurText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapBlurText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"blur\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, type Component, type VNodeChild } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; animation?: \"cascade\" | \"blur\" | \"roll\";\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  iconOnly?: boolean; cycle?: boolean; disabled?: boolean;\n}>(), { animation: \"blur\", variant: \"secondary\", size: \"md\", cycle: true, iconOnly: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"update:value\", \"valueChange\", \"click\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue ?? props.items[0]?.id ?? \"\");\nconst index = computed(() => Math.max(0, props.items.findIndex(item => item.id === (props.value ?? value.value))));\nconst selected = computed(() => props.items[index.value] ?? props.items[0]);\nconst iconOnly = computed(() => props.iconOnly ?? props.size === \"icon\");\nconst hasIcons = computed(() => props.items.some(item => !!item.icon));\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\", ghost: \"text-muted-foreground hover:bg-muted/60 hover:text-foreground\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 gap-1.5 rounded-full px-3 text-xs\", md: \"h-10 gap-2 rounded-full px-4 text-sm\", lg: \"h-12 gap-2.5 rounded-full px-5 text-base\", icon: \"h-10 w-10 rounded-full\" })[props.size]);\nconst accessibleName = computed(() => selected.value?.ariaLabel ?? (iconOnly.value && [\"string\", \"number\"].includes(typeof selected.value?.label) ? String(selected.value!.label) : undefined));\nfunction advance(event: MouseEvent) {\n  emit(\"click\", event);\n  if (event.defaultPrevented || props.disabled || !props.cycle || !props.items.length) return;\n  const next = props.items[(index.value + 1) % props.items.length]!;\n  value.value = next.id;\n  emit(\"update:value\", next.id);\n  emit(\"valueChange\", next.id, next);\n}\n</script>\n<template>\n  <motion.button v-if=\"selected\" type=\"button\" :disabled=\"disabled\" layout :layout-dependency=\"selected.id\" :aria-label=\"accessibleName\"\n    :while-press=\"reduced || disabled ? undefined : { scale: 0.97 }\" :transition=\"{ ...SPRING_PRESS, layout: reduced ? { duration: 0 } : SPRING_LAYOUT }\"\n    :style=\"{ borderRadius: '9999px' }\" :class=\"cn('inline-flex items-center justify-center overflow-hidden font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50', color, geometry, $attrs.class)\" @click=\"advance\">\n    <motion.span v-if=\"hasIcons || $slots.icon\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex shrink-0\">\n      <ActionSwapIcon :value=\"selected.id\" :animation=\"animation\" class=\"h-4 w-4\"><slot name=\"icon\" :item=\"selected\"><RenderContent v-if=\"selected.icon\" :node=\"selected.icon\" class=\"size-4\" /></slot></ActionSwapIcon>\n    </motion.span>\n    <motion.span v-if=\"!iconOnly\" layout=\"position\" :layout-dependency=\"selected.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" class=\"inline-flex min-w-0 max-w-full\">\n      <ActionSwapText :value=\"selected.id\" :animation=\"animation\"><slot :item=\"selected\"><template v-if=\"typeof selected.label === 'string' || typeof selected.label === 'number'\">{{ selected.label }}</template><RenderContent v-else :node=\"selected.label\" /></slot></ActionSwapText>\n    </motion.span>\n  </motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"cascade\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapCascadeText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapCascadeText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"cascade\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst reduced = useReducedMotion();\nconst pose = computed(() => swapPose(props.animation, \"icon\", reduced.value));\n</script>\n<template><span class=\"relative inline-grid shrink-0 place-items-center overflow-hidden\"><AnimatePresence mode=\"popLayout\" :initial=\"false\">\n  <motion.span :key=\"`${animation}-${value}`\" aria-hidden=\"true\" v-bind=\"pose\" class=\"col-start-1 row-start-1 inline-flex items-center justify-center will-change-[opacity,filter,transform]\"><slot /></motion.span>\n</AnimatePresence></span></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollButton.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport type { Component, VNodeChild } from \"vue\";\nimport ActionSwapButton from \"./ActionSwapButton.vue\";\nconst props = withDefaults(defineProps<{\n  items: { id: string; label: VNodeChild | Component; icon?: VNodeChild | Component; ariaLabel?: string }[];\n  modelValue?: string; value?: string; defaultValue?: string; cycle?: boolean; disabled?: boolean;\n  variant?: \"primary\" | \"secondary\" | \"outline\" | \"ghost\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n}>(), { cycle: undefined });\nconst emit = defineEmits([\"update:modelValue\", \"update:value\", \"valueChange\"]);\nfunction changed(value: string, item: typeof props.items[number]) { emit(\"valueChange\", value, item); }\n</script>\n<template><ActionSwapButton v-bind=\"props\" animation=\"roll\" @update:model-value=\"emit('update:modelValue', $event)\" @update:value=\"emit('update:value', $event)\" @value-change=\"changed\">\n  <template v-if=\"$slots.default\" #default=\"slotProps\"><slot v-bind=\"slotProps\" /></template>\n  <template v-if=\"$slots.icon\" #icon=\"slotProps\"><slot name=\"icon\" v-bind=\"slotProps\" /></template>\n</ActionSwapButton></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollIcon.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollIcon.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapIcon from \"./ActionSwapIcon.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapIcon :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapIcon></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapRollText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapRollText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport ActionSwapText from \"./ActionSwapText.vue\";\nconst props = defineProps<{ value: string | number }>();\ndefineSlots<{ default?: () => any }>();\n</script>\n<template><ActionSwapText :value=\"props.value\" animation=\"roll\"><slot /></ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/ActionSwapText.vue",
+      "target": "~/src/components/orvui/motion/action-swap/src/ActionSwapText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { Comment, computed, Fragment, isVNode, Text, useSlots, type VNode } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { cascadePoses, swapPose } from \"./poses\";\nconst props = withDefaults(defineProps<{ value: string | number; animation?: \"cascade\" | \"blur\" | \"roll\" }>(), { animation: \"blur\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nfunction textContent(nodes: VNode[]): string | null {\n  let result = \"\";\n  for (const node of nodes) {\n    if (node.type === Comment) continue;\n    if (node.type === Text && typeof node.children === \"string\") result += node.children;\n    else if (node.type === Fragment && Array.isArray(node.children)) {\n      if (!node.children.every(isVNode)) return null;\n      const nested = textContent(node.children as VNode[]);\n      if (nested === null) return null;\n      result += nested;\n    } else return null;\n  }\n  return result;\n}\nconst label = computed(() => { void props.value; return textContent(slots.default?.() ?? []); });\nconst cascade = computed(() => props.animation === \"cascade\" && label.value !== null && !reduced.value);\nconst pose = computed(() => swapPose(props.animation, \"text\", reduced.value));\n</script>\n<template>\n  <span class=\"relative -my-[0.08em] inline-block max-w-full whitespace-nowrap py-[0.08em] align-bottom\" style=\"clip-path: inset(0 -999px); -webkit-clip-path: inset(0 -999px)\">\n    <span aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\"><template v-if=\"cascade\"><span v-for=\"(character, index) in label?.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template><slot v-else /></span>\n    <template v-if=\"cascade\"><span class=\"sr-only\">{{ label }}</span><AnimatePresence :initial=\"false\">\n      <motion.span :key=\"`cascade-${value}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-[0.08em] inline-block whitespace-pre\">\n        <motion.span v-for=\"(character, index) in label?.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"cascadePoses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n      </motion.span>\n    </AnimatePresence></template>\n    <AnimatePresence v-else :initial=\"false\"><motion.span :key=\"`${animation}-${value}`\" v-bind=\"pose\" class=\"absolute left-0 top-[0.08em] inline-block max-w-full truncate will-change-[opacity,filter,transform]\"><slot /></motion.span></AnimatePresence>\n  </span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ActionSwapBlurButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapBlurIconProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapBlurTextProps = InstanceType<\n  (typeof import(\"./ActionSwapBlurText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeIconProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapCascadeTextProps = InstanceType<\n  (typeof import(\"./ActionSwapCascadeText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapIconProps = InstanceType<\n  (typeof import(\"./ActionSwapIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollButtonProps = InstanceType<\n  (typeof import(\"./ActionSwapRollButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollIconProps = InstanceType<\n  (typeof import(\"./ActionSwapRollIcon.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapRollTextProps = InstanceType<\n  (typeof import(\"./ActionSwapRollText.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ActionSwapTextProps = InstanceType<\n  (typeof import(\"./ActionSwapText.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/poses.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/poses.ts",
+      "type": "registry:lib",
+      "content": "import { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nexport function swapPose(animation: \"cascade\" | \"blur\" | \"roll\", kind: \"icon\" | \"text\", quiet: boolean) {\n  const rolling = animation !== \"blur\";\n  const initial = rolling ? { opacity: 0, y: kind === \"icon\" ? 12 : \"90%\", filter: \"blur(6px)\" }\n    : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\" };\n  const exit = rolling ? { opacity: 0, y: kind === \"icon\" ? -12 : \"-90%\", filter: \"blur(6px)\", transition: { duration: 0.14, ease: EASE_OUT } }\n    : { opacity: 0, scale: kind === \"icon\" ? 0.25 : 0.96, filter: \"blur(6px)\", transition: { duration: 0.12, ease: EASE_OUT } };\n  return { initial: quiet ? false as const : initial, animate: { opacity: 1, y: 0, scale: 1, filter: \"blur(0px)\" }, exit: quiet ? undefined : exit, transition: rolling ? SPRING_SWAP : { duration: 0.18, ease: EASE_OUT } };\n}\nexport const cascadePoses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (offset: unknown = 0) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: Number(offset) } }),\n  exit: (offset: unknown = 0) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: Number(offset) / 2 } }),\n};\n"
+    },
+    {
+      "path": "registry/orvui/motion/action-swap/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/action-swap/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { ActionSwapButtonProps } from \"./api-types\";\nexport type ActionSwapAnimation = NonNullable<\n  ActionSwapButtonProps[\"animation\"]\n>;\nexport type ActionSwapButtonSize = NonNullable<ActionSwapButtonProps[\"size\"]>;\nexport type ActionSwapButtonVariant = NonNullable<\n  ActionSwapButtonProps[\"variant\"]\n>;\nexport type ActionSwapItem = ActionSwapButtonProps[\"items\"][number];\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/index.ts",
+      "target": "~/src/components/orvui/motion/animated-sidebar/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as AnimatedSidebarProvider } from \"./src/AnimatedSidebarProvider.vue\";\nexport { default as AnimatedSidebar } from \"./src/AnimatedSidebar.vue\";\nexport { default as AnimatedSidebarTrigger } from \"./src/AnimatedSidebarTrigger.vue\";\nexport { default as AnimatedSidebarClose } from \"./src/AnimatedSidebarClose.vue\";\nexport { default as AnimatedSidebarRail } from \"./src/AnimatedSidebarRail.vue\";\nexport { default as AnimatedSidebarInset } from \"./src/AnimatedSidebarInset.vue\";\nexport { default as AnimatedSidebarHeader } from \"./src/AnimatedSidebarHeader.vue\";\nexport { default as AnimatedSidebarContent } from \"./src/AnimatedSidebarContent.vue\";\nexport { default as AnimatedSidebarFooter } from \"./src/AnimatedSidebarFooter.vue\";\nexport { default as AnimatedSidebarGroup } from \"./src/AnimatedSidebarGroup.vue\";\nexport { default as AnimatedSidebarGroupContent } from \"./src/AnimatedSidebarGroupContent.vue\";\nexport { default as AnimatedSidebarMenu } from \"./src/AnimatedSidebarMenu.vue\";\nexport { default as AnimatedSidebarMenuItem } from \"./src/AnimatedSidebarMenuItem.vue\";\nexport { default as AnimatedSidebarMenuSub } from \"./src/AnimatedSidebarMenuSub.vue\";\nexport { default as AnimatedSidebarMenuSubItem } from \"./src/AnimatedSidebarMenuSubItem.vue\";\nexport { default as AnimatedSidebarGroupLabel } from \"./src/AnimatedSidebarGroupLabel.vue\";\nexport { default as AnimatedSidebarMenuButton } from \"./src/AnimatedSidebarMenuButton.vue\";\nexport { default as AnimatedSidebarMenuSubButton } from \"./src/AnimatedSidebarMenuSubButton.vue\";\nexport * from \"./src/useAnimatedSidebar\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebar.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebar.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nimport MobileSidebar from \"./MobileSidebar.vue\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    side?: \"left\" | \"right\";\n    variant?: \"sidebar\" | \"floating\" | \"inset\";\n    collapsible?: \"icon\" | \"offcanvas\" | \"none\";\n    ariaLabel?: string;\n    panelClassName?: string;\n  }>(),\n  {\n    side: \"left\",\n    variant: \"sidebar\",\n    collapsible: \"icon\",\n    ariaLabel: \"Sidebar\",\n  },\n);\nconst ctx = useSidebar(),\n  collapsed = computed(\n    () => !ctx.mobile.value && props.collapsible !== \"none\" && !ctx.open.value,\n  ),\n  offcanvas = computed(\n    () => collapsed.value && props.collapsible === \"offcanvas\",\n  );\nprovide(\"orvui-sidebar-panel\", {\n  collapsed,\n  side: computed(() => props.side),\n  collapsible: computed(() => props.collapsible),\n});\nconst width = computed(() =>\n  offcanvas.value\n    ? \"0px\"\n    : collapsed.value\n      ? \"var(--sidebar-width-icon)\"\n      : \"var(--sidebar-width)\",\n);\n</script>\n<template>\n  <MobileSidebar\n    v-if=\"ctx.mobile.value\"\n    v-bind=\"$attrs\"\n    :side=\"side\"\n    :aria-label=\"ariaLabel\"\n    ><slot /></MobileSidebar\n  ><motion.aside\n    v-else\n    v-bind=\"$attrs\"\n    :initial=\"false\"\n    :aria-label=\"ariaLabel\"\n    data-slot=\"sidebar\"\n    :data-state=\"collapsed ? 'collapsed' : 'expanded'\"\n    :data-collapsible=\"collapsible\"\n    :data-variant=\"variant\"\n    :data-side=\"side\"\n    :animate=\"{ width }\"\n    :transition=\"\n      ctx.reduce.value\n        ? { duration: 0 }\n        : { type: 'spring', stiffness: 380, damping: 35, mass: 0.75 }\n    \"\n    :class=\"\n      cn(\n        'group/sidebar peer relative hidden h-auto shrink-0 md:block will-change-[width]',\n        side === 'right' && 'order-last',\n        $attrs.class,\n      )\n    \"\n    ><motion.div\n      :initial=\"false\"\n      :animate=\"{\n        opacity: offcanvas ? 0 : 1,\n        x: offcanvas ? (side === 'left' ? '-100%' : '100%') : '0%',\n      }\"\n      :transition=\"{\n        duration: ctx.reduce.value ? 0.16 : 0.36,\n        ease: EASE_DRAWER,\n      }\"\n      :inert=\"offcanvas || undefined\"\n      :class=\"\n        cn(\n          'sticky top-0 flex h-svh w-full flex-col overflow-hidden bg-background',\n          collapsible === 'offcanvas' && 'w-[var(--sidebar-width)]',\n          variant === 'sidebar' &&\n            (side === 'left'\n              ? 'border-border border-r'\n              : 'border-border border-l'),\n          variant === 'floating' &&\n            'm-2 h-[calc(100svh-1rem)] rounded-2xl border border-border shadow-sm',\n          variant === 'inset' && 'm-2 h-[calc(100svh-1rem)] rounded-2xl',\n          panelClassName,\n        )\n      \"\n      ><slot /></motion.div\n  ></motion.aside>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarClose.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarClose.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { X } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nconst ctx = useSidebar();\nfunction close(event: MouseEvent) {\n  if (!event.defaultPrevented)\n    (ctx.mobile.value ? ctx.setOpenMobile : ctx.setOpen)(false);\n}\n</script>\n<template>\n  <button\n    type=\"button\"\n    aria-label=\"Close sidebar\"\n    :class=\"\n      cn(\n        'inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        $attrs.class,\n      )\n    \"\n    @click=\"close\"\n  >\n    <slot><X class=\"size-4\" /></slot>\n  </button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarContent.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base =\n  \"flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2\";\n</script>\n<template>\n  <div data-slot=\"sidebar-content\" :class=\"cn(base, $attrs.class)\">\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarFooter.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarFooter.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base =\n  \"flex shrink-0 flex-col gap-2 border-border border-t p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]\";\n</script>\n<template>\n  <div data-slot=\"sidebar-footer\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarGroup.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"flex w-full min-w-0 flex-col px-1 py-1.5\";\n</script>\n<template>\n  <div data-slot=\"sidebar-group\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarGroupContent.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarGroupContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"w-full min-w-0\";\n</script>\n<template>\n  <div data-slot=\"sidebar-group-content\" :class=\"cn(base, $attrs.class)\">\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarGroupLabel.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarGroupLabel.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebarPanel } from \"./context\";\nconst panel = useSidebarPanel(),\n  hidden = computed(() => panel.collapsed.value);\n</script>\n<template>\n  <div\n    :aria-hidden=\"hidden\"\n    data-slot=\"sidebar-group-label\"\n    :class=\"\n      cn(\n        'mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium uppercase tracking-[0.14em] text-muted-foreground transition-opacity',\n        hidden ? 'opacity-0' : 'opacity-100',\n        $attrs.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarHeader.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarHeader.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nconst base = \"flex shrink-0 flex-col gap-2 p-3\";\n</script>\n<template>\n  <div data-slot=\"sidebar-header\" :class=\"cn(base, $attrs.class)\"><slot /></div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarInset.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarInset.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nconst layout =\n  \"relative flex min-h-svh min-w-0 flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-2xl md:peer-data-[variant=inset]:shadow-sm\";\n</script>\n<template>\n  <motion.main data-slot=\"sidebar-inset\" :class=\"cn(layout, $attrs.class)\"\n    ><slot\n  /></motion.main>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarMenu.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarMenu.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { SharedLayoutBg } from \"../../shared-layout-bg\";\nimport { cn } from \"../../../lib/utils\";\nconst list = \"flex w-full min-w-0 list-none flex-col gap-0.5\";\n</script>\n<template>\n  <SharedLayoutBg\n    as=\"ul\"\n    :inset=\"0\"\n    pill-class-name=\"rounded-xl bg-muted/70\"\n    pill-container-class-name=\"inset-y-auto top-0 h-9\"\n    data-slot=\"sidebar-menu\"\n    :class=\"cn(list, $attrs.class)\"\n    ><slot\n  /></SharedLayoutBg>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuButton.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, useSlots } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { ChevronRight } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS, EASE_OUT } from \"../../../lib/ease\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    href?: string;\n    isActive?: boolean;\n    ariaExpanded?: boolean;\n    disabled?: boolean;\n    closeOnSelect?: boolean;\n    icon?: any;\n    badge?: any;\n    target?: string;\n    rel?: string;\n  }>(),\n  { ariaExpanded: undefined, closeOnSelect: undefined },\n);\nconst emit = defineEmits([\"select\"]),\n  ctx = useSidebar(),\n  panel = useSidebarPanel(),\n  slots = useSlots();\nconst textLabel = computed(() =>\n  slots\n    .default?.()\n    .flatMap((node) =>\n      typeof node.children === \"string\" ? [node.children] : [],\n    )\n    .join(\"\"),\n);\nconst textTransition = computed(() => ({\n  duration: ctx.reduce.value ? 0.16 : panel.collapsed.value ? 0.12 : 0.2,\n  delay: !ctx.reduce.value && !panel.collapsed.value ? 0.08 : 0,\n  ease: EASE_OUT,\n}));\nfunction select(event: MouseEvent) {\n  const blocked = props.disabled;\n  if (blocked) event.preventDefault();\n  if (blocked || event.defaultPrevented) return;\n  emit(\"select\");\n  if (ctx.mobile.value) {\n    const closeAfterSelection =\n      props.closeOnSelect === undefined\n        ? props.ariaExpanded === undefined\n        : props.closeOnSelect;\n    if (closeAfterSelection) ctx.setOpenMobile(false);\n    return;\n  }\n  if (props.ariaExpanded !== undefined && panel.collapsed.value) {\n    ctx.setOpen(true);\n  }\n}\n</script>\n<template>\n  <component\n    :is=\"href ? motion.a : motion.button\"\n    v-bind=\"$attrs\"\n    :type=\"href ? undefined : 'button'\"\n    :href=\"href\"\n    :target=\"target\"\n    :rel=\"rel ?? (target === '_blank' ? 'noreferrer noopener' : undefined)\"\n    :disabled=\"href ? undefined : disabled\"\n    :aria-current=\"isActive ? 'page' : undefined\"\n    :aria-expanded=\"ariaExpanded\"\n    :aria-disabled=\"disabled || undefined\"\n    :aria-label=\"panel.collapsed.value ? textLabel : undefined\"\n    :title=\"panel.collapsed.value ? textLabel : undefined\"\n    :tabindex=\"href && disabled ? -1 : undefined\"\n    :while-press=\"ctx.reduce.value || disabled ? undefined : { scale: 0.98 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none text-muted-foreground transition-colors hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring',\n        isActive && 'text-foreground',\n        disabled && 'cursor-not-allowed opacity-40',\n        $attrs.class,\n      )\n    \"\n    @click=\"select\"\n    ><motion.span\n      v-if=\"isActive\"\n      :layout-id=\"ctx.id + '-active'\"\n      :transition=\"ctx.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"absolute inset-0 rounded-xl bg-muted\" /><span\n      v-if=\"icon || slots.icon\"\n      aria-hidden=\"true\"\n      class=\"relative z-10 grid size-5 shrink-0 place-items-center\"\n      ><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></span\n    ><motion.span\n      :initial=\"false\"\n      :animate=\"{\n        opacity: panel.collapsed.value ? 0 : 1,\n        x: panel.collapsed.value ? -4 : 0,\n      }\"\n      :transition=\"textTransition\"\n      :aria-hidden=\"panel.collapsed.value\"\n      :class=\"\n        cn(\n          'relative z-10 min-w-0 flex-1 truncate',\n          panel.collapsed.value && 'pointer-events-none',\n        )\n      \"\n      ><slot /></motion.span\n    ><span\n      v-if=\"badge && !panel.collapsed.value\"\n      class=\"relative z-10 shrink-0 text-xs text-muted-foreground\"\n      ><RenderContent :node=\"badge\" /></span\n    ><motion.span\n      v-if=\"ariaExpanded !== undefined\"\n      aria-hidden=\"true\"\n      :initial=\"false\"\n      :animate=\"{\n        opacity: panel.collapsed.value ? 0 : 1,\n        rotate: ariaExpanded ? 90 : 0,\n        x: panel.collapsed.value ? 4 : 0,\n      }\"\n      :transition=\"ctx.reduce.value ? { duration: 0 } : SPRING_LAYOUT\"\n      class=\"relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground\"\n      ><ChevronRight class=\"size-3.5\" /></motion.span\n  ></component>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuItem.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuItem.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nconst layout = \"position\" as const;\n</script>\n<template>\n  <motion.li\n    :layout=\"layout\"\n    :transition=\"SPRING_LAYOUT\"\n    data-slot=\"sidebar-menu-item\"\n    :class=\"cn('relative', $attrs.class)\"\n    ><slot\n  /></motion.li>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuSub.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuSub.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\nimport { submenuVariants } from \"./transitions\";\nconst props = defineProps<{ open: boolean }>(),\n  ctx = useSidebar(),\n  panel = useSidebarPanel();\nconst present = computed(() => props.open && !panel.collapsed.value);\nconst movement = computed(() =>\n  ctx.reduce.value\n    ? {\n        initial: false as const,\n        animate: { opacity: 1 },\n        exit: { opacity: 0 },\n        transition: { duration: 0.12 },\n      }\n    : {\n        variants: submenuVariants,\n        initial: \"closed\",\n        animate: \"open\",\n        exit: \"closed\",\n      },\n);\n</script>\n<template>\n  <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n    ><motion.ul\n      v-if=\"present\"\n      key=\"sidebar-submenu\"\n      v-bind=\"movement\"\n      data-slot=\"sidebar-menu-sub\"\n      :class=\"\n        cn(\n          'relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-border border-l pl-3',\n          $attrs.class,\n        )\n      \"\n      ><slot /></motion.ul\n  ></AnimatePresence>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuSubButton.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuSubButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useSidebar } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{\n    href?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    closeOnSelect?: boolean;\n    icon?: any;\n    target?: string;\n    rel?: string;\n  }>(),\n  { closeOnSelect: true },\n);\nconst emit = defineEmits([\"select\"]),\n  ctx = useSidebar();\nfunction select(event: MouseEvent) {\n  const blocked = props.disabled;\n  if (blocked) event.preventDefault();\n  const accepted = !blocked && !event.defaultPrevented;\n  if (accepted) {\n    emit(\"select\");\n    const dismissMobile = ctx.mobile.value && props.closeOnSelect;\n    if (dismissMobile) ctx.setOpenMobile(false);\n  }\n}\n</script>\n<template>\n  <component\n    :is=\"href ? motion.a : motion.button\"\n    v-bind=\"$attrs\"\n    :href=\"href\"\n    :type=\"href ? undefined : 'button'\"\n    :target=\"target\"\n    :rel=\"rel ?? (target === '_blank' ? 'noreferrer noopener' : undefined)\"\n    :disabled=\"href ? undefined : disabled\"\n    :aria-current=\"isActive ? 'page' : undefined\"\n    :aria-disabled=\"disabled || undefined\"\n    :tabindex=\"href && disabled ? -1 : undefined\"\n    :while-press=\"ctx.reduce.value || disabled ? undefined : { scale: 0.98 }\"\n    :transition=\"SPRING_PRESS\"\n    :class=\"\n      cn(\n        'flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring',\n        isActive && 'bg-muted/70 text-foreground',\n        disabled && 'cursor-not-allowed opacity-40',\n        $attrs.class,\n      )\n    \"\n    @click=\"select\"\n    ><span aria-hidden=\"true\" class=\"grid size-4 shrink-0 place-items-center\"\n      ><slot name=\"icon\"\n        ><RenderContent v-if=\"icon\" :node=\"icon\" /><span\n          v-else\n          class=\"size-1 rounded-full bg-current\" /></slot></span\n    ><span class=\"min-w-0 flex-1 truncate\"><slot /></span\n  ></component>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuSubItem.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarMenuSubItem.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { submenuItemVariants } from \"./transitions\";\nconst base = \"relative min-w-0\";\n</script>\n<template>\n  <motion.li\n    :variants=\"submenuItemVariants\"\n    data-slot=\"sidebar-menu-sub-item\"\n    :class=\"cn(base, $attrs.class)\"\n    ><slot\n  /></motion.li>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarProvider.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarProvider.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { provideSidebar } from \"./use-sidebar-state\";\nconst props = withDefaults(\n  defineProps<{\n    open?: boolean;\n    defaultOpen?: boolean;\n    openMobile?: boolean;\n    defaultOpenMobile?: boolean;\n    mobileOpen?: boolean;\n    defaultMobileOpen?: boolean;\n    shortcut?: boolean;\n    expandedWidth?: number;\n    collapsedWidth?: number;\n  }>(),\n  {\n    open: undefined,\n    openMobile: undefined,\n    mobileOpen: undefined,\n    defaultOpen: true,\n    defaultOpenMobile: undefined,\n    defaultMobileOpen: false,\n    shortcut: true,\n    expandedWidth: 256,\n    collapsedWidth: 68,\n  },\n);\nconst emit = defineEmits([\n  \"update:open\",\n  \"openChange\",\n  \"update:openMobile\",\n  \"openMobileChange\",\n  \"update:mobileOpen\",\n]);\nconst { open, toggle } = provideSidebar(props, (event, value) =>\n  emit(event as \"update:open\", value),\n);\n</script>\n<template>\n  <div\n    data-slot=\"sidebar-wrapper\"\n    :data-state=\"open ? 'expanded' : 'collapsed'\"\n    :style=\"{\n      '--sidebar-width': expandedWidth + 'px',\n      '--sidebar-width-icon': collapsedWidth + 'px',\n      '--sidebar-width-mobile': '18rem',\n    }\"\n    :class=\"\n      cn('group/sidebar-wrapper flex min-h-svh w-full min-w-0', $attrs.class)\n    \"\n  >\n    <slot :open=\"open\" :toggle=\"toggle\" />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarRail.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarRail.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar, useSidebarPanel } from \"./context\";\nconst ctx = useSidebar(),\n  panel = useSidebarPanel();\nconst rail =\n  \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border data-[side=right]:right-0 data-[side=right]:translate-x-1/2 data-[side=left]:left-full\";\n</script>\n<template>\n  <button\n    type=\"button\"\n    :data-side=\"panel.side.value\"\n    tabindex=\"-1\"\n    aria-label=\"Toggle sidebar\"\n    title=\"Toggle sidebar\"\n    :class=\"cn(rail, $attrs.class)\"\n    @click=\"!$event.defaultPrevented && ctx.toggle()\"\n  />\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/AnimatedSidebarTrigger.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/AnimatedSidebarTrigger.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { PanelLeft } from \"lucide-vue-next\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\nconst ctx = useSidebar(),\n  trigger = ctx.triggerRef,\n  expanded = computed(() =>\n    ctx.mobile.value ? ctx.mobileOpen.value : ctx.open.value,\n  );\nfunction click(event: MouseEvent) {\n  if (!event.defaultPrevented) ctx.toggle();\n}\n</script>\n<template>\n  <button\n    ref=\"trigger\"\n    type=\"button\"\n    aria-label=\"Toggle sidebar\"\n    :aria-expanded=\"expanded\"\n    data-slot=\"sidebar-trigger\"\n    :data-state=\"expanded ? 'expanded' : 'collapsed'\"\n    :class=\"\n      cn(\n        'inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n        $attrs.class,\n      )\n    \"\n    @click=\"click\"\n  >\n    <slot><PanelLeft class=\"size-4\" /></slot>\n  </button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type AnimatedSidebarCloseProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarClose.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarInsetProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarInset.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarMenuButtonProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarMenuButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarMenuSubButtonProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarMenuSubButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarMenuSubProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarMenuSub.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarProps = InstanceType<\n  (typeof import(\"./AnimatedSidebar.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarProviderProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarProvider.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarRailProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarRail.vue\"))[\"default\"]\n>[\"$props\"];\nexport type AnimatedSidebarTriggerProps = InstanceType<\n  (typeof import(\"./AnimatedSidebarTrigger.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/context.ts",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/context.ts",
+      "type": "registry:lib",
+      "content": "import {\n  inject,\n  type Ref,\n  type ComputedRef,\n  type WritableComputedRef,\n} from \"vue\";\nexport interface SidebarContext {\n  open: WritableComputedRef<boolean>;\n  mobileOpen: WritableComputedRef<boolean>;\n  mobile: Ref<boolean>;\n  reduce: Ref<boolean>;\n  id: string;\n  triggerRef: Ref<HTMLButtonElement | null>;\n  toggle: () => void;\n  setOpen: (value: boolean) => void;\n  setOpenMobile: (value: boolean) => void;\n  state: ComputedRef<\"expanded\" | \"collapsed\">;\n}\nexport interface SidebarPanel {\n  collapsed: ComputedRef<boolean>;\n  side: ComputedRef<\"left\" | \"right\">;\n  collapsible: ComputedRef<\"offcanvas\" | \"icon\" | \"none\">;\n}\nexport function useSidebar() {\n  const state = inject<SidebarContext>(\"orvui-sidebar\");\n  if (state) return state;\n  throw new Error(\n    \"useAnimatedSidebar must be used inside AnimatedSidebarProvider.\",\n  );\n}\nexport function useSidebarPanel() {\n  const panel = inject<SidebarPanel>(\"orvui-sidebar-panel\");\n  if (panel) return panel;\n  throw new Error(\n    \"Animated Sidebar parts must be used inside AnimatedSidebar.\",\n  );\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/MobileSidebar.vue",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/MobileSidebar.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useOverlay } from \"../../../lib/composables\";\nimport { EASE_DRAWER } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { useSidebar } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst props = withDefaults(\n  defineProps<{ side?: \"left\" | \"right\"; ariaLabel?: string }>(),\n  { side: \"left\", ariaLabel: \"Sidebar\" },\n);\nconst ctx = useSidebar(),\n  panel = ref<HTMLElement | null>(null),\n  hidden = ref(!ctx.mobileOpen.value);\nwatch(\n  ctx.mobileOpen,\n  (value) => {\n    if (value) hidden.value = false;\n  },\n  { flush: \"sync\" },\n);\nuseOverlay(ctx.mobileOpen, panel, () => {\n  ctx.mobileOpen.value = false;\n});\nconst destination = computed(() => ({\n  opacity: ctx.reduce.value ? (ctx.mobileOpen.value ? 1 : 0) : 1,\n  x: ctx.reduce.value\n    ? 0\n    : ctx.mobileOpen.value\n      ? \"0%\"\n      : props.side === \"left\"\n        ? \"-100%\"\n        : \"100%\",\n}));\nconst transition = computed(() => ({\n  duration: ctx.reduce.value ? 0.16 : 0.36,\n  ease: EASE_DRAWER,\n}));\nfunction complete() {\n  if (!ctx.mobileOpen.value) hidden.value = true;\n}\n</script>\n<template>\n  <Teleport to=\"body\"\n    ><div\n      :class=\"[\n        'pointer-events-none fixed left-0 top-0 z-50 size-0 md:hidden',\n        hidden && !ctx.mobileOpen.value ? 'invisible' : 'visible',\n      ]\"\n    >\n      <motion.button\n        type=\"button\"\n        aria-label=\"Close sidebar\"\n        :tabindex=\"ctx.mobileOpen.value ? 0 : -1\"\n        :initial=\"false\"\n        :animate=\"{ opacity: ctx.mobileOpen.value ? 1 : 0 }\"\n        :transition=\"transition\"\n        :class=\"[\n          'fixed inset-0 bg-black/40',\n          ctx.mobileOpen.value ? 'pointer-events-auto' : 'pointer-events-none',\n        ]\"\n        @click=\"ctx.mobileOpen.value = false\"\n      /><motion.div\n        ref=\"panel\"\n        v-bind=\"$attrs\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        :aria-label=\"ariaLabel\"\n        :aria-hidden=\"!ctx.mobileOpen.value\"\n        :inert=\"!ctx.mobileOpen.value || undefined\"\n        tabindex=\"-1\"\n        data-mobile=\"true\"\n        :data-state=\"ctx.mobileOpen.value ? 'expanded' : 'collapsed'\"\n        :data-side=\"side\"\n        :initial=\"false\"\n        :animate=\"destination\"\n        :transition=\"transition\"\n        :class=\"\n          cn(\n            'pointer-events-auto fixed inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden border-border bg-background shadow-2xl will-change-transform',\n            side === 'left' ? 'left-0 border-r' : 'right-0 border-l',\n            !ctx.mobileOpen.value && 'pointer-events-none',\n            $attrs.class,\n          )\n        \"\n        @animation-complete=\"complete\"\n        ><slot\n      /></motion.div></div\n  ></Teleport>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/transitions.ts",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/transitions.ts",
+      "type": "registry:lib",
+      "content": "import { EASE_OUT } from \"../../../lib/ease\";\nconst closedClip = \"inset(0 0 100% 0 round 8px)\",\n  openClip = \"inset(0 0 0% 0 round 8px)\";\nexport const submenuVariants = {\n  closed: {\n    opacity: 0,\n    clipPath: closedClip,\n    transition: {\n      duration: 0.14,\n      ease: EASE_OUT,\n      staggerChildren: 0.025,\n      staggerDirection: -1,\n    },\n  },\n  open: {\n    opacity: 1,\n    clipPath: openClip,\n    transition: {\n      duration: 0.2,\n      delayChildren: 0.035,\n      ease: EASE_OUT,\n      staggerChildren: 0.045,\n    },\n  },\n};\nexport const submenuItemVariants = {\n  closed: { opacity: 0, y: -6, filter: \"blur(3px)\" },\n  open: {\n    opacity: 1,\n    y: 0,\n    filter: \"blur(0px)\",\n    transition: { duration: 0.18, ease: EASE_OUT },\n  },\n};\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/use-sidebar-state.ts",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/use-sidebar-state.ts",
+      "type": "registry:lib",
+      "content": "import { computed, onBeforeUnmount, onMounted, provide, ref, useId } from \"vue\";\nimport { useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nimport type { SidebarContext } from \"./context\";\nexport interface SidebarOptions {\n  open?: boolean;\n  defaultOpen: boolean;\n  openMobile?: boolean;\n  mobileOpen?: boolean;\n  defaultOpenMobile?: boolean;\n  defaultMobileOpen: boolean;\n  shortcut: boolean;\n}\nexport function provideSidebar(\n  props: SidebarOptions,\n  emit: (name: string, value: boolean) => void,\n) {\n  const local = ref(props.defaultOpen),\n    localMobile = ref(props.defaultOpenMobile ?? props.defaultMobileOpen);\n  const open = computed({\n    get: () => props.open ?? local.value,\n    set(value: boolean) {\n      if (props.open === undefined) local.value = value;\n      emit(\"update:open\", value);\n      emit(\"openChange\", value);\n    },\n  });\n  const mobileOpen = computed({\n    get: () => props.openMobile ?? props.mobileOpen ?? localMobile.value,\n    set(value: boolean) {\n      if (props.openMobile === undefined && props.mobileOpen === undefined)\n        localMobile.value = value;\n      for (const event of [\n        \"update:openMobile\",\n        \"update:mobileOpen\",\n        \"openMobileChange\",\n      ])\n        emit(event, value);\n    },\n  });\n  const mobile = useMediaQuery(\"(max-width: 767px)\"),\n    reduce = useReducedMotion(),\n    id = useId(),\n    triggerRef = ref<HTMLButtonElement | null>(null);\n  function toggle() {\n    if (mobile.value) mobileOpen.value = !mobileOpen.value;\n    else open.value = !open.value;\n  }\n  const state = computed((): \"expanded\" | \"collapsed\" =>\n    open.value ? \"expanded\" : \"collapsed\",\n  );\n  const context: SidebarContext = {\n    open,\n    mobileOpen,\n    mobile,\n    reduce,\n    id,\n    triggerRef,\n    toggle,\n    setOpen(value) {\n      open.value = value;\n    },\n    setOpenMobile(value) {\n      mobileOpen.value = value;\n    },\n    state,\n  };\n  provide(\"orvui-sidebar\", context);\n  function shortcut(event: KeyboardEvent) {\n    if (\n      !props.shortcut ||\n      !(event.ctrlKey || event.metaKey) ||\n      event.key.toLowerCase() !== \"b\"\n    )\n      return;\n    event.preventDefault();\n    toggle();\n  }\n  onMounted(() => window.addEventListener(\"keydown\", shortcut));\n  onBeforeUnmount(() => window.removeEventListener(\"keydown\", shortcut));\n  return context;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/animated-sidebar/src/useAnimatedSidebar.ts",
+      "target": "~/src/components/orvui/motion/animated-sidebar/src/useAnimatedSidebar.ts",
+      "type": "registry:lib",
+      "content": "export { useSidebar as useAnimatedSidebar } from \"./context\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/index.ts",
+      "target": "~/src/components/orvui/motion/button/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Button } from \"./src/Button.vue\";\nexport { default as ButtonLink } from \"./src/ButtonLink.vue\";\nexport { default as MagneticButton } from \"./src/MagneticButton.vue\";\nexport { default as MetallicButton } from \"./src/MetallicButton.vue\";\nexport { default as StatefulButton } from \"./src/StatefulButton.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type { ButtonState } from \"./src/StatefulButton.vue\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/button/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ButtonLinkProps = InstanceType<\n  (typeof import(\"./ButtonLink.vue\"))[\"default\"]\n>[\"$props\"];\nexport type ButtonProps = InstanceType<\n  (typeof import(\"./Button.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MagneticButtonProps = InstanceType<\n  (typeof import(\"./MagneticButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MetallicButtonProps = InstanceType<\n  (typeof import(\"./MetallicButton.vue\"))[\"default\"]\n>[\"$props\"];\nexport type StatefulButtonProps = InstanceType<\n  (typeof import(\"./StatefulButton.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/Button.vue",
+      "target": "~/src/components/orvui/motion/button/src/Button.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\n\nexport interface ButtonProps {\n  variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\";\n  size?: \"sm\" | \"md\" | \"lg\" | \"icon\";\n  pressScale?: number;\n  ripple?: boolean;\n  disabled?: boolean;\n  type?: \"button\" | \"submit\" | \"reset\";\n}\nconst props = withDefaults(defineProps<ButtonProps>(), { variant: \"primary\", size: \"md\", pressScale: 0.93, type: \"button\" });\nconst reduced = useReducedMotion();\nconst waves = ref<{ key: number; left: number; top: number; diameter: number }[]>([]);\nlet sequence = 0;\nconst appearance = computed(() => ({\n  primary: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n  secondary: \"border border-border bg-card text-foreground\",\n  ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\",\n  outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\",\n})[props.variant]);\nconst geometry = computed(() => ({\n  sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\",\n  lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\",\n})[props.size]);\nfunction startWave(event: PointerEvent) {\n  if (!props.ripple || props.disabled || reduced.value) return;\n  const bounds = (event.currentTarget as HTMLElement).getBoundingClientRect();\n  waves.value = [...waves.value, {\n    key: sequence++, left: event.clientX - bounds.left, top: event.clientY - bounds.top,\n    diameter: 2 * Math.max(bounds.width, bounds.height),\n  }];\n}\nfunction finishWave(key: number) { waves.value = waves.value.filter(wave => wave.key !== key); }\nonBeforeUnmount(() => { waves.value = []; });\n</script>\n\n<template>\n  <motion.button :type=\"type\" :disabled=\"disabled\" :transition=\"SPRING_PRESS\" @pointerdown=\"startWave\"\n    :while-press=\"reduced || disabled ? undefined : { scale: pressScale }\"\n    :while-hover=\"reduced || disabled ? undefined : { scale: 1.02 }\"\n    :class=\"cn('relative inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', ripple && 'overflow-hidden', appearance, geometry, $attrs.class)\">\n    <span v-if=\"ripple\" class=\"pointer-events-none absolute inset-0 overflow-hidden rounded-[inherit]\">\n      <motion.span v-for=\"wave in waves\" :key=\"wave.key\" class=\"absolute rounded-full bg-current\"\n        :style=\"{ left: `${wave.left}px`, top: `${wave.top}px`, width: `${wave.diameter}px`, height: `${wave.diameter}px`, x: '-50%', y: '-50%' }\"\n        :initial=\"{ scale: 0.05, opacity: 0.3 }\" :animate=\"{ scale: 1, opacity: 0 }\"\n        :transition=\"{ duration: 1.6, ease: EASE_OUT }\" @animation-complete=\"finishWave(wave.key)\" />\n    </span>\n    <slot />\n  </motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/ButtonLink.vue",
+      "target": "~/src/components/orvui/motion/button/src/ButtonLink.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ href?: string; variant?: \"primary\" | \"secondary\" | \"ghost\" | \"outline\"; size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; pressScale?: number }>(), { variant: \"primary\", size: \"md\", pressScale: 0.93 });\nconst reduced = useReducedMotion();\nconst color = computed(() => ({ primary: \"bg-primary text-primary-foreground hover:bg-primary/90\", secondary: \"border border-border bg-card text-foreground hover:border-border\", ghost: \"text-muted-foreground hover:text-foreground hover:bg-muted/60\", outline: \"border border-border bg-transparent text-foreground hover:bg-muted/60\" })[props.variant]);\nconst geometry = computed(() => ({ sm: \"h-8 px-3 text-xs gap-1.5 rounded-full\", md: \"h-10 px-5 text-sm gap-2 rounded-full\", lg: \"h-12 px-6 text-base gap-2 rounded-full\", icon: \"h-8 w-8 rounded-lg\" })[props.size]);\n</script>\n<template>\n  <motion.a :href=\"href\" :while-press=\"reduced ? undefined : { scale: pressScale }\" :while-hover=\"reduced ? undefined : { scale: 1.02 }\"\n    :transition=\"SPRING_PRESS\" :class=\"cn('inline-flex items-center justify-center font-medium select-none transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2', color, geometry, $attrs.class)\"><slot /></motion.a>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/Magnetic.vue",
+      "target": "~/src/components/orvui/motion/button/src/Magnetic.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { motion, useMotionValue, useSpring } from \"motion-v\";\nimport { SPRING_MOUSE } from \"../../../lib/ease\";\nimport { resolveElement, useMediaQuery, useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ strength?: number }>(), { strength: 0.35 });\nconst element = ref<HTMLElement | null>(null), reduced = useReducedMotion();\nconst hover = useMediaQuery(\"(hover: hover) and (pointer: fine)\");\nconst enabled = computed(() => hover.value && !reduced.value);\nconst x = useMotionValue(0), y = useMotionValue(0);\nconst springX = useSpring(x, SPRING_MOUSE), springY = useSpring(y, SPRING_MOUSE);\nfunction reset() { x.set(0); y.set(0); }\nfunction track(event: MouseEvent) {\n  if (!enabled.value || !element.value) return;\n  const bounds = element.value.getBoundingClientRect();\n  x.set(props.strength * (event.clientX - bounds.left - bounds.width / 2));\n  y.set(props.strength * (event.clientY - bounds.top - bounds.height / 2));\n}\nwatch(enabled, active => { if (!active) { reset(); springX.jump(0); springY.jump(0); } });\nonBeforeUnmount(() => { x.destroy(); y.destroy(); });\ndefineExpose({ x, y });\n</script>\n<template><motion.div :ref=\"node => element = resolveElement<HTMLElement>(node)\" @mousemove=\"track\" @mouseleave=\"reset\"\n  :style=\"{ x: springX, y: springY }\" class=\"inline-block\"><slot /></motion.div></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/MagneticButton.vue",
+      "target": "~/src/components/orvui/motion/button/src/MagneticButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { ref } from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nimport Magnetic from \"./Magnetic.vue\";\nwithDefaults(defineProps<{ strength?: number; disabled?: boolean; magneticClassName?: string }>(), { strength: 0.25 });\nconst button = ref<unknown>();\nfunction focus() { resolveElement<HTMLButtonElement>(button.value)?.focus(); }\ndefineExpose({ focus });\n</script>\n<template><Magnetic :strength=\"strength\" :class=\"magneticClassName\"><Button ref=\"button\" v-bind=\"$attrs\" :disabled=\"disabled\"><slot /></Button></Magnetic></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/MetallicButton.vue",
+      "target": "~/src/components/orvui/motion/button/src/MetallicButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport Button from \"./Button.vue\";\nconst props = withDefaults(defineProps<{ size?: \"sm\" | \"md\" | \"lg\" | \"icon\"; paused?: boolean; disabled?: boolean }>(), { size: \"md\", paused: false });\nconst reduced = useReducedMotion(), hovered = ref(false);\nconst animated = computed(() => !props.paused && !reduced.value);\n</script>\n<template>\n  <Button variant=\"ghost\" :size=\"size\" :disabled=\"disabled\" @hover-start=\"hovered = true\" @hover-end=\"hovered = false\"\n    :class=\"cn('group relative isolate overflow-hidden border-0 bg-transparent text-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 shadow-[0_8px_22px_rgba(0,0,0,0.16)]', size === 'icon' && 'rounded-full', $attrs.class)\">\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-18%] z-0 w-[136%] rounded-[inherit] bg-[linear-gradient(105deg,#111_0%,#737373_14%,#fafafa_26%,#525252_38%,#0a0a0a_50%,#a3a3a3_64%,#fff_75%,#404040_87%,#111_100%)]\"\n      :animate=\"animated ? { x: ['0%', '13%', '0%'] } : undefined\" :transition=\"animated ? { duration: 8, ease: EASE_IN_OUT, repeat: Infinity } : undefined\" />\n    <motion.span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-y-0 left-[-58%] z-[1] w-[52%] -skew-x-12 bg-[linear-gradient(90deg,transparent,rgba(255,255,255,0.5)_48%,transparent)] opacity-50 blur-[3px] mix-blend-screen\"\n      :animate=\"animated ? { x: hovered ? '310%' : '0%' } : undefined\" :transition=\"animated ? { duration: 2.4, ease: EASE_IN_OUT } : undefined\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[2] rounded-[inherit] bg-background transition-colors group-hover:bg-muted/40\" />\n    <span aria-hidden=\"true\" class=\"pointer-events-none absolute inset-[2px] z-[3] rounded-[inherit] shadow-[inset_0_1px_0_rgba(255,255,255,0.28),inset_0_-1px_0_rgba(0,0,0,0.16)]\" />\n    <span class=\"relative z-10 inline-flex items-center justify-center gap-2\"><slot /></span>\n  </Button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/button/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { ButtonProps } from \"./api-types\";\nexport type ButtonSize = NonNullable<ButtonProps[\"size\"]>;\nexport type ButtonVariant = NonNullable<ButtonProps[\"variant\"]>;\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/StatefulButton.vue",
+      "target": "~/src/components/orvui/motion/button/src/StatefulButton.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useSlots, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { Check, Loader2, X } from \"lucide-vue-next\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport Button, { type ButtonProps } from \"./Button.vue\";\nimport StatefulText from \"./StatefulText.vue\";\nexport type ButtonState = \"idle\" | \"loading\" | \"success\" | \"error\";\ninterface Props extends ButtonProps {\n  state?: ButtonState; loadingText?: VNodeChild | Component; successText?: VNodeChild | Component;\n  errorText?: VNodeChild | Component; icon?: VNodeChild | Component;\n}\nconst props = withDefaults(defineProps<Props>(), { state: \"idle\", loadingText: \"Loading\", successText: \"Done\", errorText: \"Try again\" });\nconst slots = useSlots(), reduced = useReducedMotion();\nconst statusIcon = computed(() => ({ loading: Loader2, success: Check, error: X })[props.state === \"idle\" ? \"loading\" : props.state]);\nfunction content(): VNodeChild | Component {\n  if (props.state === \"idle\") return slots.default?.();\n  const overrides = { loading: props.loadingText, success: props.successText, error: props.errorText };\n  return slots[props.state]?.() ?? overrides[props.state];\n}\nconst iconPoses = {\n  initial: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\" },\n  animate: { opacity: 1, width: \"1.5rem\", scale: 1, filter: \"blur(0px)\", transition: SPRING_SWAP },\n  exit: { opacity: 0, width: 0, scale: 0.7, filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT } },\n};\n</script>\n<template>\n  <Button v-bind=\"$attrs\" :variant=\"variant\" :size=\"size\" :press-scale=\"pressScale\" :ripple=\"ripple\" :type=\"type\"\n    :disabled=\"disabled || state === 'loading'\" :aria-busy=\"state === 'loading'\" :while-hover=\"undefined\">\n    <span aria-live=\"polite\" class=\"relative inline-flex items-center justify-center overflow-hidden\">\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state !== 'idle'\" :key=\"`${state}-icon`\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\">\n          <component :is=\"statusIcon\" :class=\"['h-4 w-4', state === 'loading' && !reduced && 'animate-spin']\" />\n        </motion.span>\n      </AnimatePresence>\n      <StatefulText :value=\"state\" :nodes=\"content()\" />\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span v-if=\"state === 'idle' && (icon || slots.icon)\" key=\"idle-icon\" :variants=\"iconPoses\"\n          :initial=\"reduced ? { opacity: 0 } : 'initial'\" :animate=\"reduced ? { opacity: 1 } : 'animate'\" :exit=\"reduced ? { opacity: 0 } : 'exit'\"\n          :transition=\"reduced ? { duration: 0.15 } : undefined\" class=\"inline-grid shrink-0 place-items-center overflow-hidden\"><slot name=\"icon\"><RenderContent :node=\"icon\" /></slot></motion.span>\n      </AnimatePresence>\n    </span>\n  </Button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/button/src/StatefulText.vue",
+      "target": "~/src/components/orvui/motion/button/src/StatefulText.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, isVNode, onBeforeUnmount, onMounted, onUpdated, ref, Text, type Component, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { EASE_OUT, SPRING_SWAP } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nconst props = defineProps<{ value: string; nodes: VNodeChild | Component }>();\nconst reduced = useReducedMotion(), measureElement = ref<HTMLSpanElement>(), width = ref<number>();\nfunction plainText(node: VNodeChild | Component): string | null {\n  if (typeof node === \"string\") return node;\n  if (Array.isArray(node)) return node.length === 1 ? plainText(node[0]) : null;\n  return isVNode(node) && node.type === Text && typeof node.children === \"string\" ? node.children : null;\n}\nconst label = computed(() => plainText(props.nodes));\nconst cascade = computed(() => label.value !== null && !reduced.value);\nconst identity = computed(() => label.value === null ? props.value : `${props.value}-${label.value}`);\nfunction delay(custom: unknown) { return typeof custom === \"number\" ? custom : 0; }\nconst poses = {\n  initial: { opacity: 0, y: \"105%\", filter: \"blur(6px)\" },\n  animate: (custom: unknown) => ({ opacity: 1, y: \"0%\", filter: \"blur(0px)\", transition: { ...SPRING_SWAP, delay: delay(custom) } }),\n  exit: (custom: unknown) => ({ opacity: 0, y: \"-105%\", filter: \"blur(6px)\", transition: { duration: 0.16, ease: EASE_OUT, delay: delay(custom) / 2 } }),\n};\nfunction measure() { const measured = measureElement.value?.offsetWidth; if (measured && measured !== width.value) width.value = measured; }\nlet observer: ResizeObserver | undefined;\nonMounted(() => { measure(); if (measureElement.value && typeof ResizeObserver !== \"undefined\") { observer = new ResizeObserver(measure); observer.observe(measureElement.value); } });\nonUpdated(measure);\nonBeforeUnmount(() => observer?.disconnect());\n</script>\n<template>\n  <motion.span :initial=\"false\" :animate=\"{ width: width === undefined ? undefined : `${width}px` }\" :transition=\"reduced ? { duration: 0 } : SPRING_SWAP\" class=\"relative inline-block overflow-hidden whitespace-nowrap align-bottom\">\n    <span ref=\"measureElement\" aria-hidden=\"true\" class=\"invisible inline-block whitespace-nowrap\">\n      <template v-if=\"cascade\"><span v-for=\"(character, index) in label!.split('')\" :key=\"index\" class=\"inline-block whitespace-pre\">{{ character }}</span></template>\n      <RenderContent v-else :node=\"nodes\" />\n    </span>\n    <template v-if=\"cascade\">\n      <span class=\"sr-only\">{{ label }}</span>\n      <AnimatePresence :initial=\"false\" as=\"span\" class=\"contents\">\n        <motion.span :key=\"`cascade-${identity}`\" aria-hidden=\"true\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"absolute left-0 top-0 inline-block whitespace-pre\">\n          <motion.span v-for=\"(character, index) in label!.split('')\" :key=\"index\" :custom=\"index * 0.025\" :variants=\"poses\" initial=\"initial\" animate=\"animate\" exit=\"exit\" class=\"inline-block whitespace-pre will-change-[opacity,filter,transform]\">{{ character }}</motion.span>\n        </motion.span>\n      </AnimatePresence>\n    </template>\n    <AnimatePresence v-else :initial=\"false\" as=\"span\" class=\"contents\">\n      <motion.span :key=\"`text-${identity}`\" :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 14, filter: 'blur(6px)' }\"\n        :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0, filter: 'blur(0px)' }\" :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -14, filter: 'blur(6px)' }\"\n        :transition=\"reduced ? { duration: 0.15 } : SPRING_SWAP\" class=\"absolute left-0 top-0 inline-block will-change-[opacity,filter,transform]\"><RenderContent :node=\"nodes\" /></motion.span>\n    </AnimatePresence>\n  </motion.span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/checkbox/index.ts",
+      "target": "~/src/components/orvui/motion/checkbox/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Checkbox } from \"./src/Checkbox.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/checkbox/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/checkbox/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type CheckboxProps = InstanceType<\n  (typeof import(\"./Checkbox.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/checkbox/src/Checkbox.vue",
+      "target": "~/src/components/orvui/motion/checkbox/src/Checkbox.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, useAttrs, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: boolean; defaultValue?: boolean; disabled?: boolean; indeterminate?: boolean;\n  label?: string; description?: string; id?: string; ariaLabel?: string; ariaDescribedBy?: string;\n}>(), { modelValue: undefined, defaultValue: false });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst checked = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst generatedId = useId(), attrs = useAttrs(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst accessibleName = computed(() => props.ariaLabel ?? attrs[\"aria-label\"] as string | undefined);\nconst labelId = computed(() => props.description && props.label && !accessibleName.value ? `${controlId.value}-label` : undefined);\nconst descriptionIds = computed(() => [props.ariaDescribedBy ?? attrs[\"aria-describedby\"], props.description ? `${controlId.value}-description` : undefined].filter(Boolean).join(\" \") || undefined);\nconst hasMark = computed(() => checked.value || props.indeterminate);\nconst state = computed(() => checked.value ? \"checked\" : props.indeterminate ? \"indeterminate\" : \"unchecked\");\nconst mark = computed(() => props.indeterminate ? \"M6 12h12\" : \"M5 13l4 4L19 7\");\nfunction toggle(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) checked.value = !checked.value; }\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"checkbox\" :aria-checked=\"indeterminate ? 'mixed' : checked\"\n      :aria-label=\"accessibleName\" :aria-labelledby=\"labelId\" :aria-describedby=\"descriptionIds\"\n      :disabled=\"disabled\" :data-state=\"state\" @click=\"toggle\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', hasMark ? 'border-primary bg-primary text-primary-foreground' : 'border-muted-foreground/65 bg-background hover:border-muted-foreground')\">\n      <AnimatePresence :initial=\"false\">\n        <motion.svg v-if=\"hasMark\" :key=\"indeterminate ? 'indeterminate' : 'checked'\"\n          width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" :stroke-width=\"3\"\n          stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"\n          :initial=\"reduced ? { opacity: 1 } : { opacity: 0, scale: 0.5 }\"\n          :animate=\"reduced ? { opacity: 1 } : { opacity: 1, scale: 1 }\"\n          :exit=\"reduced ? { opacity: 0 } : { opacity: 0, scale: 0.5, filter: 'blur(4px)' }\"\n          :transition=\"reduced ? { duration: 0 } : { duration: 0.16, ease: EASE_OUT }\">\n          <title>{{ indeterminate ? 'Partially selected' : 'Selected' }}</title>\n          <motion.path :d=\"mark\" :initial=\"{ pathLength: reduced ? 1 : 0 }\" :animate=\"{ pathLength: 1 }\"\n            :transition=\"reduced ? { duration: 0 } : { duration: indeterminate ? 0.2 : 0.3, ease: EASE_OUT, delay: 0.04 }\" />\n        </motion.svg>\n      </AnimatePresence>\n    </motion.button>\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/index.ts",
+      "target": "~/src/components/orvui/motion/input/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Input } from \"./src/Input.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/input/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type InputProps = InstanceType<\n  (typeof import(\"./Input.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/src/Input.vue",
+      "target": "~/src/components/orvui/motion/input/src/Input.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, useId } from \"vue\";\nimport { AnimatePresence, animate, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport RenderContent from \"../../../lib/RenderContent\";\nimport { useMotionState } from \"../../state\";\nimport { watch } from \"vue\";\nexport interface InputProps {\n  modelValue?: string; defaultValue?: string; label?: string; error?: string | boolean; reserveErrorLine?: boolean;\n  success?: boolean; disabled?: boolean; type?: string; id?: string; leftIcon?: any; rightIcon?: any; classNames?: Record<string, string>;\n}\nconst props = withDefaults(defineProps<InputProps>(), { defaultValue: \"\", type: \"text\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\", \"focus\", \"blur\"]);\nconst value = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst generatedId = useId(), attrs = useAttrs(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst focused = ref(false), field = ref<HTMLElement | null>(null), input = ref<HTMLInputElement | null>(null);\nconst state = computed(() => props.error ? \"error\" : props.success ? \"success\" : focused.value ? \"focused\" : \"idle\");\nconst descriptionIds = computed(() => [attrs[\"aria-describedby\"], typeof props.error === \"string\" ? `${controlId.value}-error` : undefined].filter(Boolean).join(\" \") || undefined);\nlet feedback: ReturnType<typeof animate> | undefined, disposed = false;\nfunction errorFeedback() {\n  feedback?.stop();\n  if (props.error && field.value && !reduced.value) feedback = animate(field.value, { x: [0, -6, 6, -4, 4, -2, 0] }, { duration: 0.45 });\n}\nfunction edit(event: Event) {\n  if (event.defaultPrevented || props.disabled) return;\n  value.value = (event.target as HTMLInputElement).value;\n  void nextTick(() => { if (!disposed && input.value && input.value.value !== value.value) input.value.value = value.value; });\n}\nfunction focus(event: FocusEvent) { focused.value = true; emit(\"focus\", event); }\nfunction blur(event: FocusEvent) { focused.value = false; emit(\"blur\", event); }\nwatch([() => !!props.error, reduced], errorFeedback);\nonMounted(errorFeedback);\nonBeforeUnmount(() => { disposed = true; feedback?.stop(); });\ndefineExpose({ focus: () => input.value?.focus(), input });\n</script>\n<template>\n  <div :class=\"cn('flex flex-col gap-1.5', $attrs.class, classNames?.root)\">\n    <label v-if=\"label\" :for=\"controlId\" :class=\"cn('px-1 text-sm font-medium text-foreground', classNames?.label)\">{{ label }}</label>\n    <div ref=\"field\" :data-state=\"state\" :class=\"cn('relative h-11 overflow-hidden rounded-full border transition-colors duration-200 border-border', focused && !error && 'border-foreground/40 ring-2 ring-ring/40', error && 'border-destructive ring-2 ring-destructive/25', disabled && 'opacity-60', classNames?.field)\">\n      <span v-if=\"$slots.leftIcon || leftIcon\" :class=\"cn('pointer-events-none absolute left-3 top-1/2 flex -translate-y-1/2 items-center text-muted-foreground [&_svg]:h-4 [&_svg]:w-4', classNames?.leftIcon)\"><slot name=\"leftIcon\"><RenderContent :node=\"leftIcon\" /></slot></span>\n      <input ref=\"input\" v-bind=\"{ ...$attrs, class: undefined }\" :id=\"controlId\" :type=\"type\" :value=\"value\" :disabled=\"disabled\" :aria-invalid=\"!!error || undefined\" :aria-describedby=\"descriptionIds\"\n        @input=\"edit\" @focus=\"focus\" @blur=\"blur\" :class=\"cn('peer h-full w-full bg-transparent text-base leading-6 text-foreground caret-foreground outline-none placeholder:text-muted-foreground/75', $slots.leftIcon || leftIcon ? 'pl-10' : 'pl-3.5', $slots.rightIcon || rightIcon || success ? 'pr-10' : 'pr-3.5', disabled && 'cursor-not-allowed', classNames?.input)\" />\n      <motion.svg v-if=\"success\" viewBox=\"0 0 24 24\" fill=\"none\" :class=\"cn('absolute right-3.5 top-1/2 h-5 w-5 -translate-y-1/2 text-(--color-success)', classNames?.successIcon)\">\n        <motion.path d=\"M5 12.5l4.5 4.5L19 7.5\" stroke=\"currentColor\" :stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n          :initial=\"{ pathLength: reduced ? 1 : 0 }\" :animate=\"{ pathLength: 1 }\" :transition=\"{ duration: reduced ? 0 : 0.35, ease: 'easeOut' }\" />\n      </motion.svg>\n      <span v-else-if=\"$slots.rightIcon || rightIcon\" :class=\"cn('absolute right-0 top-0 flex h-full items-center text-muted-foreground [&_button]:grid [&_button]:size-11 [&_button]:place-items-center [&_svg]:h-4 [&_svg]:w-4', classNames?.rightIcon)\"><slot name=\"rightIcon\"><RenderContent :node=\"rightIcon\" /></slot></span>\n    </div>\n    <div :class=\"reserveErrorLine ? 'min-h-4' : 'contents'\"><AnimatePresence :initial=\"false\">\n      <motion.p v-if=\"typeof error === 'string' && error\" :id=\"`${controlId}-error`\" role=\"alert\"\n        :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\" :animate=\"{ opacity: 1, y: 0, filter: 'blur(0px)' }\"\n        :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -4, filter: 'blur(4px)' }\" :transition=\"{ duration: 0.2 }\" :class=\"cn('px-1 text-xs text-destructive', classNames?.errorMessage)\">{{ error }}</motion.p>\n    </AnimatePresence></div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/input/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/input/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "export type InputClassNames = Partial<\n  Record<\n    | \"root\"\n    | \"label\"\n    | \"field\"\n    | \"input\"\n    | \"leftIcon\"\n    | \"rightIcon\"\n    | \"successIcon\"\n    | \"errorMessage\",\n    string\n  >\n>;\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/index.ts",
+      "target": "~/src/components/orvui/motion/loader/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Loader } from \"./src/Loader.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type { LoaderVariant } from \"./src/Loader.vue\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/loader/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type LoaderProps = InstanceType<\n  (typeof import(\"./Loader.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/src/clock.ts",
+      "target": "~/src/components/orvui/motion/loader/src/clock.ts",
+      "type": "registry:lib",
+      "content": "import { computed, onBeforeUnmount, onMounted, ref, watch, type Ref } from \"vue\";\nexport const asciiFrames: Record<string, string[]> = {\n  ascii: Array.from(\"⠋⠙⠹⠸⠼⠴⠦⠧⠇⠏\"), \"ascii-line\": [\"|\", \"/\", \"-\", \"\\\\\"],\n  \"ascii-braille\": Array.from(\"⣾⣽⣻⢿⡿⣟⣯⣷\"),\n  \"ascii-blocks\": Array.from(\"▁▂▃▄▅▆▇█▇▆▅▄▃▂\"), \"ascii-bounce\": Array.from(\"⠁⠂⠄⡀⢀⠠⠐⠈\"),\n};\nexport function useLoaderClock(props: { variant: string; speed: number }, reduced: Ref<boolean>) {\n  const frame = ref(0), text = ref(\"LOADING\"), percent = ref(0);\n  const frames = computed(() => asciiFrames[props.variant]);\n  let mounted = false, interval: ReturnType<typeof setInterval> | undefined;\n  function restart() {\n    clearInterval(interval);\n    frame.value = 0; text.value = \"LOADING\"; percent.value = 0;\n    if (!mounted) return;\n    if (frames.value) {\n      const count = frames.value.length;\n      interval = setInterval(() => { frame.value = (frame.value + 1) % count; }, 1000 * props.speed * (reduced.value ? 2.5 : 1) / count);\n    } else if (props.variant === \"scramble\" && !reduced.value) {\n      const symbols = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789<>/*#@\";\n      let iteration = 0;\n      interval = setInterval(() => {\n        const revealed = iteration++ % 11;\n        text.value = Array.from(\"LOADING\", (letter, index) => index < revealed ? letter : symbols[Math.floor(Math.random() * symbols.length)]).join(\"\");\n      }, 1000 * props.speed * 0.55 / 7);\n    } else if (props.variant === \"percent\") {\n      let elapsed = 0;\n      const duration = 1000 * props.speed * (reduced.value ? 2 : 1);\n      interval = setInterval(() => {\n        elapsed += 40;\n        percent.value = Math.min(100, Math.round(100 * elapsed / duration));\n        if (percent.value >= 100) elapsed = 0;\n      }, 40);\n    }\n  }\n  watch([() => props.variant, () => props.speed, reduced], restart);\n  onMounted(() => { mounted = true; restart(); });\n  onBeforeUnmount(() => { mounted = false; clearInterval(interval); });\n  return { frame, text, percent };\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/src/Loader.vue",
+      "target": "~/src/components/orvui/motion/loader/src/Loader.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { useId } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useLoaderClock } from \"./clock\";\nimport { renderLoader } from \"./visuals\";\nexport type LoaderVariant = \"spinner\" | \"dots\" | \"bars\" | \"dot-matrix\" | \"dither\" | \"ascii\" | \"ascii-line\" | \"ascii-braille\" | \"ascii-blocks\" | \"ascii-bounce\" | \"morph\" | \"comet\" | \"scramble\" | \"metaballs\" | \"newton\" | \"helix\" | \"percent\";\nconst props = withDefaults(defineProps<{ variant?: LoaderVariant; size?: number; speed?: number; label?: string }>(), { variant: \"spinner\", size: 32, speed: 1, label: \"Loading\" });\nconst reduced = useReducedMotion(), clock = useLoaderClock(props, reduced);\nconst filterId = `loader-${useId().replaceAll(\":\", \"\")}`;\nconst Visual = () => renderLoader(props, reduced.value, { frame: clock.frame.value, text: clock.text.value, percent: clock.percent.value, id: filterId });\n</script>\n<template><span role=\"status\" :aria-label=\"label\" class=\"inline-flex items-center justify-center text-foreground\"><Visual /><span class=\"sr-only\">{{ label }}</span></span></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/src/LoaderSvg.vue",
+      "target": "~/src/components/orvui/motion/loader/src/LoaderSvg.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport {\n  onBeforeUnmount,\n  onMounted,\n  shallowReactive,\n  useAttrs,\n  watch,\n} from \"vue\";\nimport { animate, motion, motionValue, type MotionValue } from \"motion-v\";\n\ndefineOptions({ inheritAttrs: false });\nconst props = defineProps<{\n  as: \"svg\" | \"path\" | \"circle\";\n  target?: Record<string, any>;\n  transition?: Record<string, any>;\n}>();\nconst attrs = useAttrs();\nconst values = shallowReactive<Record<string, MotionValue<any>>>({});\nlet mounted = false;\nlet controls: Array<{ stop(): void }> = [];\n\n// SVG attributes must always contain a single frame. Passing an array through\n// motion-v's declarative SVG target serializes the entire array on rerenders.\nfunction synchronize() {\n  controls.forEach((control) => control.stop());\n  controls = [];\n  for (const key of Object.keys(values)) {\n    if (props.target?.[key] === undefined) {\n      values[key].destroy();\n      delete values[key];\n    }\n  }\n  for (const [key, target] of Object.entries(props.target ?? {})) {\n    const first = Array.isArray(target)\n      ? target[0]\n      : key === \"rotate\"\n        ? 0\n        : target;\n    if (!values[key]) values[key] = motionValue(first);\n    else values[key].jump(first);\n    if (mounted) controls.push(animate(values[key], target, props.transition));\n  }\n}\nwatch(() => [props.target, props.transition], synchronize, { immediate: true });\nonMounted(() => {\n  mounted = true;\n  synchronize();\n});\nonBeforeUnmount(() => {\n  mounted = false;\n  controls.forEach((control) => control.stop());\n  Object.values(values).forEach((value) => value.destroy());\n});\n</script>\n\n<template>\n  <component\n    :is=\"motion[as]\"\n    v-bind=\"attrs\"\n    :style=\"{ ...(attrs.style as any), ...values }\"\n  >\n    <slot />\n  </component>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/src/model.ts",
+      "target": "~/src/components/orvui/motion/loader/src/model.ts",
+      "type": "registry:lib",
+      "content": "export const MORPH_POINTS = 24;\nconst fullTurn = 2 * Math.PI;\nfunction polygonRadius(angle: number, sides: number, orientation = 0) {\n  const repeated = sides * (angle - orientation - Math.PI / sides);\n  const local = Math.atan2(Math.sin(repeated), Math.cos(repeated)) / sides;\n  return Math.cos(Math.PI / sides) / Math.cos(local);\n}\nfunction sample(radius: (angle: number) => number) {\n  return Array.from({ length: MORPH_POINTS }, (_, index) => {\n    const angle = index * fullTurn / MORPH_POINTS - Math.PI / 2;\n    const distance = 46 * Math.min(1.05, radius(angle));\n    const x = (50 + distance * Math.cos(angle)).toFixed(2);\n    const y = (50 + distance * Math.sin(angle)).toFixed(2);\n    return `${index === 0 ? \"M\" : \"L\"}${x} ${y}`;\n  }).join(\" \") + \" Z\";\n}\nexport const MORPH_PATHS = [\n  sample(() => 1), sample(angle => polygonRadius(angle, 4, Math.PI / 4)),\n  sample(angle => polygonRadius(angle, 3)), sample(angle => polygonRadius(angle, 6)),\n  sample(angle => polygonRadius(angle, 4)),\n];\nexport const MORPH_SEQ = Array.from({ length: 11 }, (_, index) => MORPH_PATHS[Math.floor(index / 2) % 5]!);\nexport const MORPH_ROT = Array.from({ length: 11 }, (_, index) => Math.floor(index / 2) * 72);\nexport const MORPH_SCALE = Array.from({ length: 11 }, (_, index) => index < 10 && Math.floor(index / 2) % 2 ? 0.88 : 1);\nconst quadrants = [[0, 2], [3, 1]];\nexport const BAYER_4 = Array.from({ length: 16 }, (_, index) => {\n  const x = index % 4, y = Math.floor(index / 4);\n  return 4 * quadrants[y % 2]![x % 2]! + quadrants[Math.floor(y / 2)]![Math.floor(x / 2)]!;\n});\n"
+    },
+    {
+      "path": "registry/orvui/motion/loader/src/visuals.ts",
+      "target": "~/src/components/orvui/motion/loader/src/visuals.ts",
+      "type": "registry:lib",
+      "content": "import { h, type VNode, type VNodeChild } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { EASE_IN_OUT } from \"../../../lib/ease\";\nimport { BAYER_4, MORPH_PATHS, MORPH_ROT, MORPH_SCALE, MORPH_SEQ } from \"./model\";\nimport { asciiFrames } from \"./clock\";\nimport LoaderSvg from \"./LoaderSvg.vue\";\ninterface LoaderVisualProps { variant: string; size: number; speed: number }\ninterface LoaderVisualState { frame: number; text: string; percent: number; id: string }\nconst px = (length: number) => `${length}px`;\nconst indexes = (count: number) => Array.from({ length: count }, (_, index) => index);\nfunction moving(tag: string, props: Record<string, unknown>, children?: VNodeChild) {\n  if (tag === \"svg\" || tag === \"circle\" || tag === \"path\") {\n    const { animate: target, transition, ...attrs } = props;\n    return h(LoaderSvg, { ...attrs, as: tag, target, transition } as any, children === undefined ? undefined : { default: () => children });\n  }\n  const component = (motion as any)[tag];\n  return children === undefined ? h(component, props) : h(component, props, { default: () => children });\n}\nconst span = (props: Record<string, unknown>, children?: VNodeChild) => h(\"span\", props, children ?? undefined);\nconst circleClass = \"rounded-full bg-current\";\nexport function renderLoader(props: LoaderVisualProps, quiet: boolean, state: LoaderVisualState): VNode {\n  const { size, speed, variant } = props;\n  const loop = { duration: speed, ease: EASE_IN_OUT, repeat: Infinity };\n  const pulse = { opacity: [1, 0.4, 1] };\n  const pulseLoop = { duration: 1.4, ease: EASE_IN_OUT, repeat: Infinity };\n  const frames = asciiFrames[variant];\n  if (frames) return span({ \"aria-hidden\": true, class: \"font-mono leading-none tabular-nums\", style: { fontSize: px(size), lineHeight: 1 } }, frames[state.frame % frames.length]);\n  if (variant === \"scramble\") return span({ \"aria-hidden\": true, class: \"font-mono font-medium tracking-[.2em] tabular-nums\", style: { fontSize: px(size * 0.42) } }, state.text);\n  if (variant === \"percent\") return span({ \"aria-hidden\": true, class: \"flex flex-col items-center\", style: { gap: px(size * 0.14), width: px(size * 1.4) } }, [\n    span({ class: \"font-mono font-medium tabular-nums\", style: { fontSize: px(size * 0.42), lineHeight: 1 } }, `${state.percent}%`),\n    span({ class: \"w-full overflow-hidden rounded-full bg-current/15\", style: { height: px(Math.max(3, size * 0.1)) } }, span({ class: \"block h-full rounded-full bg-current\", style: { width: `${state.percent}%` } })),\n  ]);\n  if (variant === \"dots\") return span({ \"aria-hidden\": true, class: \"flex items-center\", style: { gap: px(size * 0.14) } }, indexes(3).map(index => moving(\"span\", {\n    key: index, class: circleClass, style: { width: px(size * 0.24), height: px(size * 0.24) },\n    animate: quiet ? { opacity: [0.4, 1, 0.4] } : { y: [0, -size * 0.3, 0], opacity: [0.5, 1, 0.5] }, transition: { ...loop, delay: index * speed * 0.16 },\n  })));\n  if (variant === \"bars\") return span({ \"aria-hidden\": true, class: \"flex items-center\", style: { gap: px(size * 0.1), height: px(size) } }, indexes(4).map(index => moving(\"span\", {\n    key: index, class: circleClass, style: { width: px(size * 0.16), height: px(size), transformOrigin: \"bottom\" },\n    animate: quiet ? { opacity: [0.4, 1, 0.4] } : { scaleY: [0.3, 1, 0.3] }, transition: { ...loop, delay: index * speed * 0.12 },\n  })));\n  if (variant === \"dot-matrix\" || variant === \"dither\") {\n    const matrix = variant === \"dot-matrix\", count = matrix ? 3 : 4;\n    const gap = matrix ? size * 0.14 : Math.max(1, size * 0.05);\n    const cell = (size - gap * (count - 1)) / count;\n    const values = matrix ? indexes(9) : BAYER_4;\n    return span({ \"aria-hidden\": true, class: \"grid\", style: { gap: px(gap), gridTemplateColumns: `repeat(${count},${cell}px)` } }, values.map((order, index) => moving(\"span\", {\n      key: index, class: matrix ? circleClass : \"bg-current\", style: { width: px(cell), height: px(cell) },\n      animate: quiet ? { opacity: [0.3, 1, 0.3] } : matrix ? { opacity: [0.2, 1, 0.2], scale: [0.7, 1, 0.7] } : { opacity: [0.1, 1, 0.1] },\n      transition: { ...loop, delay: speed * (matrix ? ((index % 3) + Math.floor(index / 3)) / 4 : order / 16) },\n    })));\n  }\n  if (variant === \"morph\") return moving(\"svg\", { width: size, height: size, viewBox: \"0 0 100 100\", \"aria-hidden\": true,\n    animate: quiet ? pulse : { rotate: MORPH_ROT, scale: MORPH_SCALE }, transition: quiet ? pulseLoop : { ...loop, duration: speed * 5 },\n  }, moving(\"path\", { fill: \"currentColor\", d: MORPH_PATHS[0], animate: quiet ? undefined : { d: MORPH_SEQ }, transition: quiet ? undefined : { ...loop, duration: speed * 5 } }));\n  if (variant === \"comet\") return span({ \"aria-hidden\": true, class: \"relative\", style: { width: px(size), height: px(size) } }, moving(\"span\", {\n    class: \"absolute inset-0\", animate: quiet ? pulse : { rotate: 360 }, transition: quiet ? pulseLoop : { duration: speed, ease: \"linear\", repeat: Infinity },\n  }, indexes(6).map(index => {\n    const diameter = size * 0.2 * (1 - index * 0.13);\n    return span({ key: index, class: \"absolute left-1/2 top-1/2 rounded-full bg-current\", style: {\n      width: px(diameter), height: px(diameter), marginLeft: px(-diameter / 2), marginTop: px(-diameter / 2),\n      opacity: 1 - index * 0.16, transform: `rotate(${-15 * index}deg) translateY(${-size * 0.4}px)`,\n    } });\n  })));\n  if (variant === \"metaballs\") return h(\"svg\", { width: size, height: size, viewBox: \"0 0 100 100\", \"aria-hidden\": true }, [\n    h(\"defs\", [h(\"filter\", { id: state.id }, [h(\"feGaussianBlur\", { in: \"SourceGraphic\", stdDeviation: \"5\", result: \"b\" }), h(\"feColorMatrix\", { in: \"b\", values: \"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 20 -8\" })])]),\n    h(\"g\", { filter: `url(#${state.id})`, fill: \"currentColor\" }, [0, 1].map(side => moving(\"circle\", {\n      key: side, cy: \"50\", r: \"15\", cx: quiet ? 40 + 20 * side : 30 + 40 * side,\n      animate: quiet ? { opacity: [0.4, 1, 0.4] } : { cx: side ? [70, 30, 70] : [30, 70, 30] }, transition: { ...loop, duration: speed * 1.6 },\n    }))),\n  ]);\n  if (variant === \"newton\") return span({ \"aria-hidden\": true, class: \"flex items-center justify-center\", style: { height: px(size * 0.2) } }, indexes(5).map(index => moving(\"span\", {\n    key: index, class: circleClass, style: { width: px(size * 0.2), height: px(size * 0.2) },\n    animate: quiet ? undefined : index === 0 ? { x: [0, -size * 0.22, 0, 0] } : index === 4 ? { x: [0, 0, size * 0.22, 0] } : undefined,\n    transition: quiet || (index !== 0 && index !== 4) ? undefined : { duration: speed * 1.5, ease: EASE_IN_OUT, repeat: Infinity, times: index === 0 ? [0, 0.28, 0.5, 1] : [0, 0.5, 0.78, 1] },\n  })));\n  if (variant === \"helix\") return span({ \"aria-hidden\": true, class: \"relative\", style: { width: px(size), height: px(size) } }, indexes(7).map(row => span({ key: row }, [0, 1].map(side => moving(\"span\", {\n    key: side, class: \"absolute rounded-full bg-current\", style: { width: px(size * 0.14), height: px(size * 0.14), left: px(size * 0.43), top: px(row / 6 * (size - size * 0.14)) },\n    animate: quiet ? { opacity: [0.4, 1, 0.4] } : {\n      x: side ? [-size * 0.32, size * 0.32, -size * 0.32] : [size * 0.32, -size * 0.32, size * 0.32],\n      scale: side ? [0.5, 1, 0.5] : [1, 0.5, 1], opacity: side ? [0.45, 1, 0.45] : [1, 0.45, 1],\n    }, transition: { ...loop, delay: row * speed / 7 },\n  })))));\n  const stroke = Math.max(2, size * 0.09), radius = (size - stroke) / 2;\n  return moving(\"svg\", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, \"aria-hidden\": true,\n    animate: quiet ? pulse : { rotate: 360 }, transition: quiet ? pulseLoop : { duration: speed, ease: \"linear\", repeat: Infinity },\n  }, [h(\"circle\", { cx: size / 2, cy: size / 2, r: radius, fill: \"none\", stroke: \"currentColor\", \"stroke-opacity\": \".2\", \"stroke-width\": stroke }),\n    h(\"path\", { d: `M ${size / 2} ${size / 2 - radius} A ${radius} ${radius} 0 0 1 ${size / 2 + radius} ${size / 2}`, fill: \"none\", stroke: \"currentColor\", \"stroke-width\": stroke, \"stroke-linecap\": \"round\" })]);\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/index.ts",
+      "target": "~/src/components/orvui/motion/popover/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Popover } from \"./src/Popover.vue\";\nexport { default as PopoverTrigger } from \"./src/PopoverTrigger.vue\";\nexport { default as PopoverContent } from \"./src/PopoverContent.vue\";\nexport { default as MorphPopover } from \"./src/MorphPopover.vue\";\nexport { default as MorphPopoverContent } from \"./src/MorphPopoverContent.vue\";\nexport { default as MorphPopoverTrigger } from \"./src/MorphPopoverTrigger.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/popover/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MorphPopoverContentProps = InstanceType<\n  (typeof import(\"./MorphPopoverContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MorphPopoverProps = InstanceType<\n  (typeof import(\"./MorphPopover.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MorphPopoverTriggerProps = InstanceType<\n  (typeof import(\"./MorphPopoverTrigger.vue\"))[\"default\"]\n>[\"$props\"];\nexport type PopoverContentProps = InstanceType<\n  (typeof import(\"./PopoverContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type PopoverProps = InstanceType<\n  (typeof import(\"./Popover.vue\"))[\"default\"]\n>[\"$props\"];\nexport type PopoverTriggerProps = InstanceType<\n  (typeof import(\"./PopoverTrigger.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/context.ts",
+      "target": "~/src/components/orvui/motion/popover/src/context.ts",
+      "type": "registry:lib",
+      "content": "import {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useId,\n  watch,\n  type InjectionKey,\n  type Ref,\n} from \"vue\";\nimport { animate, motionValue } from \"motion-v\";\nimport {\n  resolveElement,\n  useFloatingLayer,\n  useReducedMotion,\n} from \"../../../lib/composables\";\nimport type { Side, Align } from \"./geometry\";\nexport interface PopoverProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  trigger?: \"click\" | \"hover\";\n  side?: Side;\n  align?: Align;\n  sideOffset?: number;\n  panelRadius?: number;\n  gooStrength?: number;\n  className?: string;\n}\nexport const GOO_OPEN_SPRING = {\n  type: \"spring\",\n  visualDuration: 0.3,\n  bounce: 0.15,\n} as const;\nexport const GOO_CLOSE_SPRING = {\n  type: \"spring\",\n  visualDuration: 0.21,\n  bounce: 0.15,\n} as const;\n/** A dragged contact is never interpreted as a hovering pointer departure. */\nexport function hoverGesture() {\n  const dragging = new Map<number, boolean>();\n  return {\n    enter(event: PointerEvent) {\n      const hover = event.pointerType !== \"touch\" && event.buttons === 0;\n      dragging.set(event.pointerId, !hover);\n      return hover;\n    },\n    leave(event: PointerEvent) {\n      const dragged = dragging.get(event.pointerId);\n      dragging.delete(event.pointerId);\n      return event.pointerType !== \"touch\" && !dragged;\n    },\n  };\n}\nexport function createPopover(\n  props: PopoverProps,\n  emit: (event: any, ...args: any[]) => void,\n  kind: \"goo\" | \"morph\" = \"goo\",\n) {\n  const id = useId().replace(/[^\\w-]/g, \"\");\n  const root = ref<HTMLElement | null>(null);\n  const trigger = shallowRef<HTMLElement | null>(null);\n  const content = shallowRef<HTMLElement | null>(null);\n  const memory = ref(props.defaultOpen ?? false);\n  const open = computed({\n    get: () => props.open ?? memory.value,\n    set: (next: boolean) => {\n      if (props.open === undefined) memory.value = next;\n      emit(\"update:open\", next);\n      emit(\"openChange\", next);\n    },\n  });\n  const anchor = computed(() => trigger.value ?? root.value);\n  const reduce = useReducedMotion();\n  const progress = motionValue(open.value ? 1 : 0);\n  const layer = useFloatingLayer(open, content);\n  let mounted = false;\n  let disposed = false;\n  let closeTimer: ReturnType<typeof setTimeout> | undefined;\n  let timerRevision = 0;\n  let animation: ReturnType<typeof animate> | undefined;\n  let focusIntent = false;\n  let clearIntent: (() => void) | undefined;\n  const cancelClose = () => {\n    ++timerRevision;\n    clearTimeout(closeTimer);\n    closeTimer = undefined;\n  };\n  const setOpen = (next: boolean) => {\n    open.value = next;\n  };\n  const toggle = () => {\n    open.value = !open.value;\n  };\n  const openHover = () => {\n    cancelClose();\n    open.value = true;\n  };\n  function scheduleClose() {\n    cancelClose();\n    const version = timerRevision;\n    closeTimer = setTimeout(() => {\n      if (!disposed && version === timerRevision) open.value = false;\n    }, 120);\n  }\n  function close() {\n    cancelClose();\n    const current = content.value?.ownerDocument.activeElement;\n    const restore = current && content.value?.contains(current);\n    open.value = false;\n    if (restore)\n      (\n        trigger.value ??\n        (root.value && root.value.tabIndex >= 0 ? root.value : null)\n      )?.focus();\n  }\n  function armFocusOnOpen(armed: boolean) {\n    clearIntent?.();\n    clearIntent = undefined;\n    focusIntent = armed;\n    if (!armed || typeof document === \"undefined\") return;\n    const documentScope = anchor.value?.ownerDocument ?? document;\n    const cancel = () => {\n      focusIntent = false;\n      clearIntent?.();\n      clearIntent = undefined;\n    };\n    documentScope.addEventListener(\"keydown\", cancel, true);\n    documentScope.addEventListener(\"pointerdown\", cancel, true);\n    clearIntent = () => {\n      documentScope.removeEventListener(\"keydown\", cancel, true);\n      documentScope.removeEventListener(\"pointerdown\", cancel, true);\n    };\n  }\n  function takeFocusOnOpen() {\n    const intended = focusIntent;\n    armFocusOnOpen(false);\n    return intended;\n  }\n  function animateState() {\n    animation?.stop();\n    if (!mounted || kind === \"morph\") return;\n    animation = animate(\n      progress,\n      open.value ? 1 : 0,\n      reduce.value\n        ? { duration: 0 }\n        : open.value\n          ? GOO_OPEN_SPRING\n          : GOO_CLOSE_SPRING,\n    );\n  }\n  watch([open, reduce], animateState, { flush: \"post\" });\n  const outside = (event: PointerEvent) => {\n    if (\n      open.value &&\n      event.target instanceof Node &&\n      !layer.containsHigher(event.target) &&\n      !root.value?.contains(event.target) &&\n      !content.value?.contains(event.target)\n    )\n      close();\n  };\n  const escape = (event: KeyboardEvent) => {\n    if (layer.claimEscape(event)) close();\n  };\n  onMounted(() => {\n    mounted = true;\n    animateState();\n    window.addEventListener(\"pointerdown\", outside, true);\n    window.addEventListener(\"keydown\", escape);\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    mounted = false;\n    cancelClose();\n    clearIntent?.();\n    animation?.stop();\n    progress.destroy();\n    window.removeEventListener(\"pointerdown\", outside, true);\n    window.removeEventListener(\"keydown\", escape);\n  });\n  return {\n    kind,\n    p: props,\n    root,\n    trigger,\n    content,\n    anchor,\n    open,\n    progress,\n    reduce,\n    setOpen,\n    toggle,\n    close,\n    openHover,\n    scheduleClose,\n    cancelClose,\n    armFocusOnOpen,\n    takeFocusOnOpen,\n    gooId: `${id}-goo`,\n    triggerId: `${id}-trigger`,\n    contentId: `${id}-content`,\n  };\n}\nexport const popoverKey: InjectionKey<ReturnType<typeof createPopover>> =\n  Symbol(\"popover\");\nexport function usePopover() {\n  const state = inject(popoverKey);\n  if (!state)\n    throw Error(\"Popover parts must be inside Popover or MorphPopover.\");\n  return state;\n}\nexport type PortalLayout = {\n  trigger: { left: number; top: number; width: number; height: number };\n  content: { width: number; height: number };\n};\nexport function usePortalPosition(\n  anchor: Ref<HTMLElement | null>,\n  content: Ref<HTMLElement | null>,\n  active: Ref<boolean>,\n) {\n  const layout = ref<PortalLayout | null>(null);\n  let mounted = false;\n  let revision = 0;\n  let observer: ResizeObserver | undefined;\n  let attached = false;\n  function update() {\n    const source = anchor.value;\n    const target = content.value;\n    if (!mounted || !source || !target) return;\n    const box = source.getBoundingClientRect();\n    const next = {\n      trigger: {\n        left: box.left,\n        top: box.top,\n        width: box.width,\n        height: box.height,\n      },\n      content: { width: target.offsetWidth, height: target.offsetHeight },\n    };\n    const previous = layout.value;\n    if (\n      !previous ||\n      Object.keys(next.trigger).some(\n        (key) =>\n          next.trigger[key as keyof typeof next.trigger] !==\n          previous.trigger[key as keyof typeof previous.trigger],\n      ) ||\n      next.content.width !== previous.content.width ||\n      next.content.height !== previous.content.height\n    )\n      layout.value = next;\n  }\n  function detach() {\n    observer?.disconnect();\n    observer = undefined;\n    if (attached) {\n      window.removeEventListener(\"scroll\", update, true);\n      window.removeEventListener(\"resize\", update);\n      attached = false;\n    }\n  }\n  async function bind() {\n    const version = ++revision;\n    detach();\n    if (!mounted) return;\n    await nextTick();\n    if (!mounted || version !== revision) return;\n    update();\n    if (!active.value) return;\n    if (typeof ResizeObserver !== \"undefined\") {\n      observer = new ResizeObserver(update);\n      if (anchor.value) observer.observe(anchor.value);\n      if (content.value) observer.observe(content.value);\n    }\n    window.addEventListener(\"scroll\", update, true);\n    window.addEventListener(\"resize\", update);\n    attached = true;\n  }\n  watch([active, anchor, content], bind, { flush: \"post\" });\n  onMounted(() => {\n    mounted = true;\n    void bind();\n  });\n  onBeforeUnmount(() => {\n    mounted = false;\n    ++revision;\n    detach();\n  });\n  return layout;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/geometry.ts",
+      "target": "~/src/components/orvui/motion/popover/src/geometry.ts",
+      "type": "registry:lib",
+      "content": "export type Side = \"top\" | \"bottom\";\nexport type Align = \"start\" | \"center\" | \"end\";\nexport interface Rect { x: number; y: number; w: number; h: number; r: number }\nexport interface Geo {\n  layerW: number; layerH: number; left: number; top: number;\n  trigger: Rect; panel: Rect;\n}\n\n/** Place both surfaces in the bounding box of their union. */\nexport function buildGeo(tW: number, tH: number, cW: number, cH: number, side: Side, align: Align, gap: number, panelRadius: number): Geo {\n  const horizontal = { start: 0, center: (tW - cW) / 2, end: tW - cW }[align];\n  const vertical = side === \"top\" ? -cH - gap : tH + gap;\n  const left = Math.min(0, horizontal), top = Math.min(0, vertical);\n  const layerW = Math.max(tW, horizontal + cW) - left;\n  const layerH = Math.max(tH, vertical + cH) - top;\n  return {\n    layerW, layerH, left, top,\n    trigger: { x: -left, y: -top, w: tW, h: tH, r: Math.min(tH / 2, panelRadius) },\n    panel: { x: horizontal - left, y: vertical - top, w: cW, h: cH, r: panelRadius },\n  };\n}\nexport function rectAtProgress(geo: Geo, progress: number): Rect {\n  const interpolate = (key: keyof Rect) => geo.trigger[key] * (1 - progress) + geo.panel[key] * progress;\n  return { x: interpolate(\"x\"), y: interpolate(\"y\"), w: interpolate(\"w\"), h: interpolate(\"h\"), r: interpolate(\"r\") };\n}\nexport function insetFor(rect: Rect, layerW: number, layerH: number) {\n  const edges = [rect.y, layerW - rect.x - rect.w, layerH - rect.y - rect.h, rect.x];\n  return `inset(${edges.map(edge => `${edge}px`).join(\" \")} round ${rect.r}px)`;\n}\nfunction outline(rect: Rect) {\n  const radius = Math.max(0, Math.min(rect.r, rect.w / 2, rect.h / 2));\n  const left = rect.x, top = rect.y, right = rect.x + rect.w, bottom = rect.y + rect.h;\n  const handles = radius * 0.5523;\n  return {\n    radius, start: [left + radius, top],\n    corners: [\n      { line: [right - radius, top], end: [right, top + radius], a: [right - radius + handles, top], b: [right, top + radius - handles] },\n      { line: [right, bottom - radius], end: [right - radius, bottom], a: [right, bottom - radius + handles], b: [right - radius + handles, bottom] },\n      { line: [left + radius, bottom], end: [left, bottom - radius], a: [left + radius - handles, bottom], b: [left, bottom - radius + handles] },\n      { line: [left, top + radius], end: [left + radius, top], a: [left, top + radius - handles], b: [left + radius - handles, top] },\n    ],\n  };\n}\nexport function roundedRectShape(rect: Rect) {\n  const shape = outline(rect);\n  const point = (coordinates: number[]) => coordinates.map(coordinate => `${coordinate.toFixed(3)}px`).join(\" \");\n  const commands = shape.corners.flatMap(corner => [\n    `line to ${point(corner.line)}`,\n    `curve to ${point(corner.end)} with ${point(corner.a)} / ${point(corner.b)}`,\n  ]);\n  return `shape(from ${point(shape.start)}, ${commands.join(\", \")}, close)`;\n}\nexport function clipForProgress(geo: Geo, progress: number, supportsShape: boolean) {\n  const surface = rectAtProgress(geo, progress);\n  return supportsShape ? roundedRectShape(surface) : insetFor(surface, geo.layerW, geo.layerH);\n}\nexport function roundedRectPath(rect: Rect) {\n  const shape = outline(rect);\n  const point = (coordinates: number[]) => coordinates.map(coordinate => coordinate.toFixed(3)).join(\" \");\n  const arc = `A${shape.radius.toFixed(3)} ${shape.radius.toFixed(3)} 0 0 1`;\n  let path = `M${point(shape.start)}`;\n  shape.corners.forEach((corner, index) => {\n    const axis = index % 2 === 0 ? 0 : 1;\n    path += `${axis === 0 ? \"H\" : \"V\"}${corner.line[axis]!.toFixed(3)}${arc} ${point(corner.end)}`;\n  });\n  return path + \"Z\";\n}\n/** An even-odd path leaves the real trigger visible through the goo surface. */\nexport function triggerCutout(geo: Geo) {\n  const bounds: Rect = { x: 0, y: 0, w: geo.layerW, h: geo.layerH, r: 0 };\n  return `path(evenodd, \"${roundedRectPath(bounds)} ${roundedRectPath(geo.trigger)}\")`;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/morph-focus.ts",
+      "target": "~/src/components/orvui/motion/popover/src/morph-focus.ts",
+      "type": "registry:lib",
+      "content": "import { isRef, nextTick, onBeforeUnmount, type Ref } from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\ntype Options = {\n  initialFocus?: HTMLElement | Ref<HTMLElement | null> | null;\n  onOpenAutoFocus?: (content: HTMLDivElement) => void;\n};\nexport function createMorphFocus(\n  options: Options,\n  allowed: () => boolean,\n  takeIntent: () => boolean,\n) {\n  let epoch = 0;\n  let used = false;\n  let detach: (() => void) | undefined;\n  let disposed = false;\n  function reset() {\n    ++epoch;\n    used = false;\n    detach?.();\n    detach = undefined;\n  }\n  async function focus(panel: HTMLElement | null) {\n    if (used || !panel || !allowed()) return;\n    used = true;\n    if (options.onOpenAutoFocus) {\n      options.onOpenAutoFocus(panel as HTMLDivElement);\n      takeIntent();\n      return;\n    }\n    if (!takeIntent()) return;\n    const version = epoch;\n    await nextTick();\n    if (disposed || version !== epoch || !allowed()) return;\n    const document = panel.ownerDocument;\n    const previous = document.activeElement;\n    const untouched = () =>\n      document.activeElement === previous || document.activeElement === panel;\n    const first = () => {\n      const initial = resolveElement<HTMLElement>(\n        isRef(options.initialFocus)\n          ? options.initialFocus.value\n          : options.initialFocus,\n      );\n      const candidates = [\n        initial,\n        ...panel.querySelectorAll<HTMLElement>(\n          'a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex=\"-1\"])',\n        ),\n      ];\n      for (const candidate of candidates) {\n        candidate?.focus({ preventScroll: true });\n        if (!untouched()) {\n          candidate?.scrollIntoView?.({ block: \"nearest\" });\n          return true;\n        }\n      }\n      panel.focus({ preventScroll: true });\n      return false;\n    };\n    if (first()) return;\n    const wrapper = panel.parentElement;\n    const cancel = () => {\n      detach?.();\n      detach = undefined;\n    };\n    const retry = (event: TransitionEvent) => {\n      if (event.propertyName === \"visibility\" && (!untouched() || first()))\n        cancel();\n    };\n    wrapper?.addEventListener(\"transitionend\", retry);\n    document.addEventListener(\"keydown\", cancel, true);\n    document.addEventListener(\"pointerdown\", cancel, true);\n    detach = () => {\n      wrapper?.removeEventListener(\"transitionend\", retry);\n      document.removeEventListener(\"keydown\", cancel, true);\n      document.removeEventListener(\"pointerdown\", cancel, true);\n    };\n  }\n  onBeforeUnmount(() => {\n    disposed = true;\n    reset();\n  });\n  return { focus, reset };\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/MorphPopover.vue",
+      "target": "~/src/components/orvui/motion/popover/src/MorphPopover.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createPopover,\n  popoverKey,\n  hoverGesture,\n  type PopoverProps,\n} from \"./context\";\nconst props = withDefaults(\n  defineProps<{ open?: boolean; defaultOpen?: boolean; className?: string }>(),\n  { open: undefined },\n);\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createPopover(props, emit, \"morph\");\nconst root = state.root;\nconst hover = hoverGesture();\nprovide(popoverKey, state);\nfunction enter(event: PointerEvent) {\n  if (false && hover.enter(event)) state.openHover();\n}\nfunction leave(event: PointerEvent) {\n  if (false && hover.leave(event)) state.scheduleClose();\n}\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"['relative inline-flex', className]\"\n    @pointerenter=\"enter\"\n    @pointerleave=\"leave\"\n  >\n    <slot :open=\"state.open.value\" />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/MorphPopoverContent.vue",
+      "target": "~/src/components/orvui/motion/popover/src/MorphPopoverContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport {\n  computed,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n  type Ref,\n} from \"vue\";\nimport { animate, motion, motionValue, useTransform } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { cn } from \"../../../lib/utils\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { usePopover, usePortalPosition } from \"./context\";\nimport { createMorphFocus } from \"./morph-focus\";\nconst props = withDefaults(\n  defineProps<{\n    side?: \"top\" | \"bottom\";\n    align?: \"start\" | \"end\";\n    sideOffset?: number;\n    radius?: number;\n    shadow?: boolean;\n    initialFocus?: HTMLElement | Ref<HTMLElement | null> | null;\n    onOpenAutoFocus?: (content: HTMLDivElement) => void;\n    className?: string;\n  }>(),\n  { side: \"bottom\", align: \"end\", sideOffset: 8, radius: 16, shadow: true },\n);\nconst state = usePopover();\nconst mounted = ref(false);\nconst present = ref(state.open.value);\nconst panel = ref<unknown>(null);\nconst measured = computed({\n  get: () => resolveElement<HTMLElement>(panel.value),\n  set: (value) => {\n    panel.value = value;\n  },\n});\nconst layout = usePortalPosition(\n  state.anchor,\n  measured,\n  computed(() => mounted.value && state.open.value),\n);\nconst progress = motionValue(0);\nconst fade = motionValue(state.reduce.value ? 0 : 1);\nconst focus = createMorphFocus(\n  props,\n  () => state.open.value && !!layout.value,\n  state.takeFocusOnOpen,\n);\nwatch(\n  panel,\n  (value) => {\n    state.content.value = resolveElement<HTMLElement>(value);\n  },\n  { flush: \"post\" },\n);\nconst placement = computed(() => {\n  const box = layout.value;\n  if (!box) return { left: 0, top: 0, side: props.side, available: 0 };\n  const gutter = 12;\n  const free = {\n    bottom: Math.max(\n      0,\n      window.innerHeight -\n        box.trigger.top -\n        box.trigger.height -\n        props.sideOffset -\n        gutter,\n    ),\n    top: Math.max(0, box.trigger.top - props.sideOffset - gutter),\n  };\n  const alternative = props.side === \"top\" ? \"bottom\" : \"top\";\n  const side =\n    box.content.height > free[props.side] &&\n    free[alternative] > free[props.side]\n      ? alternative\n      : props.side;\n  const preferred =\n    box.trigger.left +\n    (props.align === \"end\" ? box.trigger.width - box.content.width : 0);\n  return {\n    left: Math.max(\n      gutter,\n      Math.min(preferred, window.innerWidth - box.content.width - gutter),\n    ),\n    top:\n      side === \"bottom\"\n        ? box.trigger.top + box.trigger.height + props.sideOffset\n        : Math.max(\n            gutter,\n            box.trigger.top - box.content.height - props.sideOffset,\n          ),\n    side,\n    available: free[side],\n  };\n});\nconst clipPath = useTransform(() => {\n  const inset = 92 * (1 - progress.get());\n  return `inset(${placement.value.side === \"top\" ? inset : 0}% ${props.align === \"start\" ? inset : 0}% ${placement.value.side === \"bottom\" ? inset : 0}% ${props.align === \"end\" ? inset : 0}% round ${props.radius}px)`;\n});\nconst opacity = useTransform(progress, [0, 0.15], [0, 1]);\nlet animation: ReturnType<typeof animate> | undefined;\nlet revision = 0;\nlet disposed = false;\nfunction run() {\n  animation?.stop();\n  if (!mounted.value || !layout.value || disposed) return;\n  const version = ++revision;\n  const opened = state.open.value;\n  const done = () => {\n    if (!disposed && version === revision && !opened && !state.open.value)\n      present.value = false;\n  };\n  if (state.reduce.value) {\n    progress.jump(1);\n    animation = animate(fade, opened ? 1 : 0, {\n      duration: 0.12,\n      onComplete: done,\n    });\n  } else\n    animation = animate(progress, opened ? 1 : 0, {\n      ...(opened\n        ? { type: \"spring\", duration: 0.26, bounce: 0 }\n        : { duration: 0.2, ease: EASE_OUT }),\n      onComplete: done,\n    });\n  void focus.focus(state.content.value);\n}\nwatch(\n  state.open,\n  async (opened) => {\n    focus.reset();\n    ++revision;\n    if (opened) {\n      layout.value = null;\n      progress.jump(0);\n      fade.jump(state.reduce.value ? 0 : 1);\n      present.value = true;\n      await nextTick();\n    }\n    run();\n  },\n  { flush: \"post\" },\n);\nwatch(\n  () => !!layout.value,\n  (ready) => {\n    if (ready) run();\n  },\n  { flush: \"post\" },\n);\nonMounted(() => {\n  mounted.value = true;\n  present.value = state.open.value;\n});\nonBeforeUnmount(() => {\n  disposed = true;\n  ++revision;\n  animation?.stop();\n  progress.destroy();\n  fade.destroy();\n  state.content.value = null;\n});\n</script>\n<template>\n  <Teleport v-if=\"mounted\" to=\"body\"\n    ><motion.div\n      v-if=\"present\"\n      data-morph-popover-portal=\"\"\n      :inert=\"!state.open.value\"\n      :style=\"{\n        left: placement.left + 'px',\n        top: placement.top + 'px',\n        opacity: state.reduce.value ? fade : opacity,\n        pointerEvents: state.open.value ? 'auto' : 'none',\n        visibility: layout ? 'visible' : 'hidden',\n      }\"\n      :class=\"[\n        'fixed z-[9999]',\n        shadow\n          ? '[filter:drop-shadow(0_10px_18px_rgba(0,0,0,0.14))]'\n          : undefined,\n      ]\"\n      ><motion.div\n        ref=\"panel\"\n        v-bind=\"$attrs\"\n        :id=\"state.contentId\"\n        role=\"dialog\"\n        :aria-labelledby=\"state.triggerId\"\n        tabindex=\"-1\"\n        :style=\"{\n          clipPath: state.reduce.value ? undefined : clipPath,\n          borderRadius: props.radius + 'px',\n          maxHeight: layout ? placement.available + 'px' : undefined,\n          overflowX: 'hidden',\n          overflowY: 'auto',\n        }\"\n        :class=\"\n          cn(\n            'overflow-hidden border border-border bg-background outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring',\n            $attrs.class as string,\n            className,\n          )\n        \"\n        ><slot /></motion.div></motion.div\n  ></Teleport>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/MorphPopoverTrigger.vue",
+      "target": "~/src/components/orvui/motion/popover/src/MorphPopoverTrigger.vue",
+      "type": "registry:component",
+      "content": "<script lang=\"ts\">\nimport PopoverTrigger from \"./PopoverTrigger.vue\";\nexport default PopoverTrigger;\n</script>\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/Popover.vue",
+      "target": "~/src/components/orvui/motion/popover/src/Popover.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport {\n  createPopover,\n  popoverKey,\n  hoverGesture,\n  type PopoverProps,\n} from \"./context\";\nconst props = withDefaults(defineProps<PopoverProps>(), {\n  open: undefined,\n  defaultOpen: false,\n  trigger: \"click\",\n  side: \"bottom\",\n  align: \"center\",\n  sideOffset: 14,\n  panelRadius: 16,\n  gooStrength: 8,\n});\nconst emit = defineEmits([\"update:open\", \"openChange\"]);\nconst state = createPopover(props, emit, \"goo\");\nconst root = state.root;\nconst hover = hoverGesture();\nprovide(popoverKey, state);\nfunction enter(event: PointerEvent) {\n  if (props.trigger === \"hover\" && hover.enter(event)) state.openHover();\n}\nfunction leave(event: PointerEvent) {\n  if (props.trigger === \"hover\" && hover.leave(event)) state.scheduleClose();\n}\n</script>\n<template>\n  <div\n    ref=\"root\"\n    :class=\"['relative inline-flex isolate', className]\"\n    @pointerenter=\"enter\"\n    @pointerleave=\"leave\"\n  >\n    <slot :open=\"state.open.value\" />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/PopoverContent.vue",
+      "target": "~/src/components/orvui/motion/popover/src/PopoverContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { usePopover, usePortalPosition, hoverGesture } from \"./context\";\nimport { buildGeo, clipForProgress, triggerCutout } from \"./geometry\";\ndefineProps<{ className?: string }>();\nconst state = usePopover();\nconst mounted = ref(false);\nconst measure = state.content;\nconst layout = usePortalPosition(state.anchor, measure, mounted);\nconst blob = ref<HTMLElement | null>(null);\nconst clip = ref<HTMLElement | null>(null);\nconst resting = ref(!state.open.value && state.progress.get() === 0);\nconst shape = ref(false);\nconst contentHover = hoverGesture();\nconst corridorHover = hoverGesture();\nconst geometry = computed(() => {\n  const size = layout.value;\n  return buildGeo(\n    size?.trigger.width ?? 0,\n    size?.trigger.height ?? 0,\n    size?.content.width ?? 0,\n    size?.content.height ?? 0,\n    state.p.side ?? \"bottom\",\n    state.p.align ?? \"center\",\n    state.p.sideOffset ?? 14,\n    state.p.panelRadius ?? 16,\n  );\n});\nconst bounds = computed(() => ({\n  left: geometry.value.left + \"px\",\n  top: geometry.value.top + \"px\",\n  width: geometry.value.layerW + \"px\",\n  height: geometry.value.layerH + \"px\",\n}));\nconst triggerRect = computed(() => {\n  const box = geometry.value.trigger;\n  return {\n    left: box.x + \"px\",\n    top: box.y + \"px\",\n    width: box.w + \"px\",\n    height: box.h + \"px\",\n    borderRadius: box.r + \"px\",\n  };\n});\nlet stopChange: (() => void) | undefined;\nlet stopComplete: (() => void) | undefined;\nfunction paint() {\n  if (!geometry.value.layerW) return;\n  const path = clipForProgress(\n    geometry.value,\n    state.progress.get(),\n    shape.value,\n  );\n  for (const element of [blob.value, clip.value])\n    if (element) element.style.clipPath = path;\n}\nfunction enter(event: PointerEvent, surface: \"content\" | \"clip\") {\n  if (\n    state.p.trigger !== \"hover\" ||\n    !(surface === \"content\" ? contentHover : corridorHover).enter(event)\n  )\n    return;\n  surface === \"content\" ? state.openHover() : state.cancelClose();\n}\nfunction leave(event: PointerEvent, surface: \"content\" | \"clip\") {\n  if (\n    state.p.trigger === \"hover\" &&\n    (surface === \"content\" ? contentHover : corridorHover).leave(event)\n  )\n    state.scheduleClose();\n}\nwatch(state.open, (open) => {\n  if (open) resting.value = false;\n});\nwatch([geometry, blob, clip], paint, { flush: \"post\" });\nonMounted(() => {\n  mounted.value = true;\n  shape.value =\n    typeof CSS !== \"undefined\" &&\n    typeof CSS.supports === \"function\" &&\n    CSS.supports(\"clip-path\", \"shape(from 0px 0px, line to 1px 1px, close)\");\n  stopChange = state.progress.on(\"change\", paint);\n  stopComplete = state.progress.on(\"animationComplete\", () => {\n    if (!state.open.value && state.progress.get() === 0) resting.value = true;\n  });\n});\nonBeforeUnmount(() => {\n  stopChange?.();\n  stopComplete?.();\n  measure.value = null;\n});\n</script>\n<template>\n  <Teleport v-if=\"mounted\" to=\"body\"\n    ><div\n      data-popover-portal=\"\"\n      class=\"pointer-events-none fixed top-0 left-0 z-[9999] isolate size-0\"\n      :style=\"{\n        visibility: layout && !resting ? 'visible' : 'hidden',\n        transform: `translate3d(${layout?.trigger.left ?? 0}px,${layout?.trigger.top ?? 0}px,0)`,\n      }\"\n    >\n      <svg aria-hidden=\"true\" width=\"0\" height=\"0\" class=\"absolute\">\n        <title>Popover visual effects</title>\n        <defs>\n          <filter\n            :id=\"state.gooId\"\n            x=\"-50%\"\n            y=\"-50%\"\n            width=\"200%\"\n            height=\"200%\"\n          >\n            <feGaussianBlur\n              in=\"SourceGraphic\"\n              :stdDeviation=\"state.p.gooStrength ?? 8\"\n              result=\"blur\"\n            />\n            <feColorMatrix\n              in=\"blur\"\n              mode=\"matrix\"\n              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -10\"\n              result=\"goo\"\n            />\n            <feComposite in=\"SourceGraphic\" in2=\"goo\" operator=\"atop\" />\n          </filter>\n        </defs>\n      </svg>\n      <div\n        aria-hidden=\"true\"\n        class=\"pointer-events-none absolute z-[-1]\"\n        :style=\"{\n          ...bounds,\n          filter: state.reduce.value ? undefined : `url(#${state.gooId})`,\n          clipPath: triggerCutout(geometry),\n        }\"\n      >\n        <div class=\"absolute bg-popover\" :style=\"triggerRect\" />\n        <div\n          ref=\"blob\"\n          class=\"absolute inset-0 bg-popover\"\n          :style=\"{\n            clipPath: clipForProgress(geometry, state.progress.get(), false),\n          }\"\n        />\n      </div>\n      <div class=\"pointer-events-none absolute z-10\" :style=\"bounds\">\n        <div\n          ref=\"clip\"\n          :inert=\"!state.open.value\"\n          data-popover-interactive-clip=\"\"\n          @pointerenter=\"enter($event, 'clip')\"\n          @pointerleave=\"leave($event, 'clip')\"\n          class=\"absolute inset-0\"\n          :style=\"{\n            clipPath: clipForProgress(geometry, state.progress.get(), false),\n            pointerEvents: state.open.value ? 'auto' : 'none',\n          }\"\n        >\n          <div\n            ref=\"measure\"\n            v-bind=\"$attrs\"\n            :id=\"state.contentId\"\n            role=\"dialog\"\n            :aria-labelledby=\"state.triggerId\"\n            :aria-hidden=\"!state.open.value\"\n            @pointerenter=\"enter($event, 'content')\"\n            @pointerleave=\"leave($event, 'content')\"\n            :style=\"{\n              position: 'absolute',\n              left: geometry.panel.x + 'px',\n              top: geometry.panel.y + 'px',\n              transformOrigin: `${state.p.align === 'start' ? 'left' : state.p.align === 'end' ? 'right' : 'center'} ${state.p.side === 'top' ? 'bottom' : 'top'}`,\n            }\"\n            :class=\"\n              cn(\n                'w-max max-w-[min(92vw,20rem)] p-4 text-popover-foreground outline-none',\n                $attrs.class as string,\n                className,\n              )\n            \"\n          >\n            <slot />\n          </div>\n        </div>\n      </div></div\n  ></Teleport>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/popover/src/PopoverTrigger.vue",
+      "target": "~/src/components/orvui/motion/popover/src/PopoverTrigger.vue",
+      "type": "registry:component",
+      "content": "<script lang=\"ts\">\nimport {\n  Comment,\n  Fragment,\n  Text,\n  cloneVNode,\n  defineComponent,\n  h,\n  onBeforeUnmount,\n  type VNode,\n} from \"vue\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { usePopover } from \"./context\";\nfunction flatten(nodes: VNode[]): VNode[] {\n  return nodes.flatMap((node) =>\n    node.type === Fragment\n      ? flatten(node.children as VNode[])\n      : node.type === Comment\n        ? []\n        : [node],\n  );\n}\nexport default defineComponent({\n  name: \"PopoverTrigger\",\n  inheritAttrs: false,\n  setup(_, { attrs, slots }) {\n    const state = usePopover();\n    let keyboard = false;\n    let contact: { kind: string; opened: boolean } | undefined;\n    onBeforeUnmount(() => {\n      state.trigger.value = null;\n    });\n    const click = (event: MouseEvent) => {\n      if (event.defaultPrevented) return;\n      if (state.kind === \"morph\") {\n        state.armFocusOnOpen(\n          !state.open.value && keyboard && event.detail === 0,\n        );\n        keyboard = false;\n        state.toggle();\n      } else if (state.p.trigger !== \"hover\") state.toggle();\n      else {\n        const gesture = contact;\n        contact = undefined;\n        if (gesture && gesture.kind !== \"mouse\") state.setOpen(!gesture.opened);\n      }\n    };\n    return () => {\n      const nodes = flatten(slots.default?.() ?? []);\n      const child =\n        nodes.length === 1 && nodes[0]!.type !== Text\n          ? nodes[0]!\n          : h(\n              \"button\",\n              {\n                type: \"button\",\n                class:\n                  \"inline-flex items-center rounded-full border border-border bg-background px-4 py-2 text-sm\",\n              },\n              nodes,\n            );\n      return cloneVNode(\n        child,\n        {\n          ...attrs,\n          ref: (node: unknown) => {\n            state.trigger.value = resolveElement<HTMLElement>(node);\n          },\n          id: state.triggerId,\n          \"aria-haspopup\": \"dialog\",\n          \"aria-expanded\": state.open.value,\n          \"aria-controls\": state.open.value ? state.contentId : undefined,\n          \"data-state\": state.open.value ? \"open\" : \"closed\",\n          class: [\n            attrs.class,\n            state.kind === \"goo\" ? \"relative z-0\" : undefined,\n          ],\n          onPointerdown: (event: PointerEvent) => {\n            keyboard = false;\n            contact = { kind: event.pointerType, opened: state.open.value };\n          },\n          onPointercancel: () => {\n            contact = undefined;\n          },\n          onKeydown: (event: KeyboardEvent) => {\n            contact = undefined;\n            keyboard = event.key === \"Enter\" || event.key === \" \";\n          },\n          onFocus: (event: FocusEvent) => {\n            if (\n              !event.defaultPrevented &&\n              state.kind === \"goo\" &&\n              state.p.trigger === \"hover\"\n            )\n              state.openHover();\n          },\n          onBlur: (event: FocusEvent) => {\n            if (\n              !event.defaultPrevented &&\n              state.kind === \"goo\" &&\n              state.p.trigger === \"hover\"\n            )\n              state.scheduleClose();\n          },\n          onClick: click,\n        },\n        true,\n      );\n    };\n  },\n});\n</script>\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/index.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as PreviewRail } from \"./src/PreviewRail.vue\";\n\nexport type * from \"./src/api-types\";\n\nexport type * from \"./src/public-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type PreviewRailProps = InstanceType<\n  (typeof import(\"./PreviewRail.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/PreviewRail.vue",
+      "target": "~/src/components/orvui/motion/preview-rail/src/PreviewRail.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, ref, useId } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { EASE_OUT, SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { useMotionState } from \"../../state\";\nimport { useRailState, type RailEntry } from \"./rail-state\";\ninterface RailItem extends RailEntry {}\nconst props = withDefaults(defineProps<{ items: RailItem[]; label?: string; orientation?: \"vertical\" | \"horizontal\"; activeId?: string; defaultActiveId?: string; showPreview?: boolean; previewSide?: \"before\" | \"after\"; highlightActive?: boolean; itemSize?: number; railClassName?: string; previewContainerClassName?: string; previewClassName?: string }>(), { label: \"Section navigation\", orientation: \"vertical\", showPreview: true, previewSide: \"after\", highlightActive: false, itemSize: 24 });\nconst emit = defineEmits<{ \"update:activeId\": [id: string]; activeChange: [id: string]; itemSelect: [item: RailItem] }>();\nconst root = ref<HTMLElement | null>(null);\nconst active = useMotionState(props, emit, \"activeId\", props.defaultActiveId ?? props.items[0]?.id ?? \"\");\nconst state = useRailState(root, props, active, emit);\nconst reduced = useReducedMotion();\nconst id = useId();\nconst horizontal = computed(() => props.orientation === \"horizontal\");\nconst grid = computed(() => { const tracks = props.items.length ? `repeat(${props.items.length}, ${props.itemSize}px)` : undefined; return horizontal.value ? { gridTemplateColumns: tracks } : { gridTemplateRows: tracks }; });\nconst dimension = computed(() => horizontal.value ? { width: `${props.itemSize}px` } : { height: `${props.itemSize}px` });\n</script>\n<template>\n  <div ref=\"root\" @focusout=\"state.blur\" :class=\"cn('isolate relative flex w-full overflow-visible', horizontal ? 'min-h-64 flex-col items-center justify-center' : 'min-h-80')\">\n    <nav :aria-label=\"label\" @pointerleave=\"state.leave\" :style=\"grid\" :class=\"cn('relative z-10 grid shrink-0', horizontal ? 'h-12 w-fit max-w-full self-center justify-center' : 'w-12 content-center', railClassName)\">\n      <component :is=\"item.href ? 'a' : 'button'\" v-for=\"(item, index) in items\" :key=\"item.id\" data-slot=\"preview-rail-item\" :type=\"item.href ? undefined : 'button'\" :href=\"item.href\" :target=\"item.target\" :rel=\"item.rel ?? (item.target === '_blank' ? 'noreferrer noopener' : undefined)\" :aria-label=\"item.ariaLabel ?? item.label\" :aria-current=\"state.selected.value === item.id ? item.href ? 'page' : 'location' : undefined\" @pointerenter=\"state.enter($event, item)\" @pointerdown=\"state.down($event, item)\" @pointermove=\"state.move\" @pointercancel=\"state.cancel\" @keydown=\"state.cancel\" @focus=\"state.focus($event, item)\" @click=\"state.select($event, item)\" :style=\"dimension\" :class=\"cn('relative flex text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background', horizontal ? 'h-12 w-6 items-end justify-center' : 'h-6 w-12 items-center')\">\n        <motion.span data-slot=\"preview-rail-tick\" aria-hidden=\"true\" :animate=\"horizontal ? { scaleY: state.scale(index) } : { scaleX: state.scale(index) }\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\" :class=\"cn('block bg-current', horizontal ? 'h-12 w-0.5 origin-bottom' : 'h-0.5 w-12 origin-left', state.highlighted.value === item.id && 'text-foreground')\" />\n      </component>\n    </nav>\n    <div v-if=\"showPreview\" aria-hidden=\"true\" :style=\"grid\" :class=\"cn('pointer-events-none absolute z-50 grid', horizontal ? 'top-1/2 left-1/2 h-5 w-fit max-w-full -translate-x-1/2 -translate-y-1/2 justify-center' : previewSide === 'before' ? 'inset-y-0 right-16 left-4 content-center' : 'inset-y-0 right-4 left-16 content-center', previewContainerClassName)\">\n      <div v-for=\"item in items\" :key=\"item.id\" :style=\"dimension\" :class=\"cn('relative flex items-center', horizontal && 'justify-center')\"><div v-if=\"item.id === state.preview.value\" :class=\"cn(horizontal ? 'absolute bottom-12 left-1/2 w-72 -translate-x-1/2' : cn('w-full max-w-sm', previewSide === 'before' && 'ml-auto'), previewClassName)\">\n        <motion.div :layout-id=\"`preview-rail-card-${id}`\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"><AnimatePresence mode=\"wait\" :initial=\"false\"><motion.div :key=\"item.id\" :initial=\"reduced ? { opacity: 0 } : { opacity: 0, y: 4, filter: 'blur(6px)' }\" :animate=\"reduced ? { opacity: 1 } : { opacity: 1, y: 0, filter: 'blur(0px)' }\" :exit=\"reduced ? { opacity: 0 } : { opacity: 0, y: -2, filter: 'blur(4px)', transition: { duration: .12, ease: EASE_OUT } }\" :transition=\"{ duration: reduced ? 0 : .18, ease: EASE_OUT }\"><slot name=\"preview\" :item=\"item\"><div data-slot=\"preview-rail-card\" class=\"rounded-2xl border border-border bg-card p-4 shadow-sm\"><p data-slot=\"preview-rail-title\" class=\"font-medium text-card-foreground\">{{ item.label }}</p><div v-if=\"item.description\" data-slot=\"preview-rail-description\" class=\"mt-1 text-sm leading-6 text-muted-foreground\">{{ item.description }}</div></div></slot></motion.div></AnimatePresence></motion.div>\n      </div></div>\n    </div>\n    <div v-if=\"$slots.default\" class=\"min-h-0 min-w-0 flex-1\"><slot /></div>\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/public-types.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/src/public-types.ts",
+      "type": "registry:lib",
+      "content": "import type { PreviewRailProps } from \"./api-types\";\nexport type PreviewRailItem = PreviewRailProps[\"items\"][number];\n"
+    },
+    {
+      "path": "registry/orvui/motion/preview-rail/src/rail-state.ts",
+      "target": "~/src/components/orvui/motion/preview-rail/src/rail-state.ts",
+      "type": "registry:lib",
+      "content": "import { computed, onBeforeUnmount, onMounted, ref, type Ref } from \"vue\";\nexport interface RailEntry { id: string; label: string; description?: string; href?: string; ariaLabel?: string; target?: \"_blank\" | \"_self\" | \"_parent\" | \"_top\"; rel?: string }\nexport function useRailState(root: Ref<HTMLElement | null>, props: { items: RailEntry[]; highlightActive: boolean }, active: Ref<string>, emit: { (event: \"activeChange\", value: string): void; (event: \"itemSelect\", value: RailEntry): void }) {\n  const hovered = ref<string | null>(null);\n  const pinned = ref<string | null>(null);\n  const focused = ref<string | null>(null);\n  const selected = computed(() => props.items.some(item => item.id === active.value) ? active.value : props.items[0]?.id ?? \"\");\n  const preview = computed(() => hovered.value ?? pinned.value ?? focused.value ?? \"\");\n  const highlighted = computed(() => preview.value || (props.highlightActive ? selected.value : \"\"));\n  const index = computed(() => props.items.findIndex(item => item.id === highlighted.value));\n  let pointer: { id: number; kind: string; x: number; y: number; pinned: boolean } | undefined;\n  function down(event: PointerEvent, item: RailEntry) { pointer = { id: event.pointerId, kind: event.pointerType, x: event.clientX, y: event.clientY, pinned: pinned.value === item.id }; focused.value = null; }\n  function move(event: PointerEvent) { if (pointer && Math.hypot(event.clientX - pointer.x, event.clientY - pointer.y) > 10) pointer = undefined; }\n  function cancel() { pointer = undefined; }\n  function focus(event: FocusEvent, item: RailEntry) { if ((event.currentTarget as HTMLElement).matches(\":focus-visible\")) focused.value = item.id; }\n  function select(event: MouseEvent, item: RailEntry) { const gesture = pointer; cancel(); if (gesture && gesture.kind !== \"mouse\") { pinned.value = item.id; if (item.href && !gesture.pinned) { event.preventDefault(); return; } } active.value = item.id; emit(\"activeChange\", item.id); emit(\"itemSelect\", item); }\n  function enter(event: PointerEvent, item: RailEntry) { if (event.pointerType !== \"touch\") hovered.value = item.id; }\n  function leave(event: PointerEvent) { if (event.pointerType !== \"touch\") hovered.value = null; }\n  function outside(event: PointerEvent) { if (!root.value?.contains(event.target as Node)) pinned.value = null; }\n  function blur(event: FocusEvent) { if (!root.value?.contains(event.relatedTarget as Node)) { focused.value = null; pinned.value = null; } }\n  function scale(at: number) { const distance = index.value < 0 ? Infinity : Math.abs(at - index.value); return [1, .68, .44][distance] ?? .25; }\n  let owner: Document | undefined;\n  onMounted(() => { owner = root.value?.ownerDocument ?? document; owner.addEventListener(\"pointerdown\", outside); });\n  onBeforeUnmount(() => { owner?.removeEventListener(\"pointerdown\", outside); cancel(); });\n  return { selected, preview, highlighted, down, move, cancel, focus, select, enter, leave, blur, scale };\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/index.ts",
+      "target": "~/src/components/orvui/motion/radio/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as RadioGroup } from \"./src/RadioGroup.vue\";\nexport { default as RadioGroupItem } from \"./src/RadioGroupItem.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/radio/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type RadioGroupItemProps = InstanceType<\n  (typeof import(\"./RadioGroupItem.vue\"))[\"default\"]\n>[\"$props\"];\nexport type RadioGroupProps = InstanceType<\n  (typeof import(\"./RadioGroup.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/context.ts",
+      "target": "~/src/components/orvui/motion/radio/src/context.ts",
+      "type": "registry:lib",
+      "content": "import type { ComputedRef, WritableComputedRef } from \"vue\";\nexport interface RadioContext {\n  value: WritableComputedRef<string>;\n  id: string;\n  name: ComputedRef<string>;\n  tabStop: ComputedRef<string | null>;\n  register(value: string, disabled: boolean): void;\n  unregister(value: string): void;\n  setValue(value: string): void;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/RadioGroup.vue",
+      "target": "~/src/components/orvui/motion/radio/src/RadioGroup.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, provide, shallowRef, useId } from \"vue\";\nimport { cn } from \"../../../lib/utils\";\nimport { useMotionState } from \"../../state\";\nimport type { RadioContext } from \"./context\";\n\nconst props = withDefaults(defineProps<{\n  modelValue?: string; defaultValue?: string; orientation?: \"vertical\" | \"horizontal\"; name?: string;\n}>(), { defaultValue: \"\", orientation: \"vertical\" });\nconst emit = defineEmits([\"update:modelValue\", \"change\"]);\nconst selected = useMotionState(props, emit, \"modelValue\", props.defaultValue);\nconst instanceId = useId();\nconst registry = shallowRef(new Map<string, boolean>());\nconst tabStop = computed(() => {\n  const enabled = [...registry.value].filter(([, disabled]) => !disabled).map(([key]) => key);\n  if (!registry.value.size) return null;\n  return enabled.includes(selected.value) ? selected.value : enabled[0] ?? \"\";\n});\nconst context: RadioContext = {\n  value: selected, id: instanceId, name: computed(() => props.name ?? instanceId), tabStop,\n  register(key, disabled) {\n    if (registry.value.has(key) && registry.value.get(key) === disabled) return;\n    registry.value = new Map([...registry.value, [key, disabled]]);\n  },\n  unregister(key) {\n    const remaining = new Map(registry.value);\n    remaining.delete(key);\n    registry.value = remaining;\n  },\n  setValue(next) { selected.value = next; },\n};\nprovide(\"orvui-radio\", context);\nfunction navigate(event: KeyboardEvent) {\n  if (event.defaultPrevented) return;\n  const root = event.currentTarget as HTMLElement;\n  const controls = [...root.querySelectorAll<HTMLButtonElement>('[role=\"radio\"]')]\n    .filter(control => !control.disabled && control.closest('[role=\"radiogroup\"]') === root);\n  const active = event.target === root ? root.ownerDocument.activeElement : event.target;\n  const index = controls.indexOf(active as HTMLButtonElement);\n  if (index < 0 || !controls.length) return;\n  let destination: number;\n  switch (event.key) {\n    case \"Home\": destination = 0; break;\n    case \"End\": destination = controls.length - 1; break;\n    case \"ArrowRight\": case \"ArrowDown\": destination = (index + 1) % controls.length; break;\n    case \"ArrowLeft\": case \"ArrowUp\": destination = (index + controls.length - 1) % controls.length; break;\n    default: return;\n  }\n  event.preventDefault();\n  controls[destination]!.focus();\n  controls[destination]!.click();\n}\n</script>\n\n<template>\n  <div role=\"radiogroup\" :aria-orientation=\"orientation\" @keydown=\"navigate\"\n    :class=\"cn('flex gap-3', orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap', $attrs.class)\">\n    <slot />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/radio/src/RadioGroupItem.vue",
+      "target": "~/src/components/orvui/motion/radio/src/RadioGroupItem.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed, inject, onBeforeUnmount, onMounted, useId, watch } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT, SPRING_PRESS } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport type { RadioContext } from \"./context\";\n\nconst props = defineProps<{ value: string; label?: string; description?: string; disabled?: boolean; id?: string }>();\nconst group = inject<RadioContext>(\"orvui-radio\");\nif (!group) throw new Error(\"RadioGroupItem must be inside RadioGroup\");\nconst generatedId = useId(), reduced = useReducedMotion();\nconst controlId = computed(() => props.id ?? generatedId);\nconst selected = computed(() => props.value === group.value.value);\nconst labelId = computed(() => props.description && props.label ? `${controlId.value}-label` : undefined);\nconst isTabStop = computed(() => !props.disabled && (group.tabStop.value === null || group.tabStop.value === props.value));\nfunction select(event: MouseEvent) { if (!props.disabled && !event.defaultPrevented) group!.setValue(props.value); }\nonMounted(() => group.register(props.value, !!props.disabled));\nwatch(() => [props.value, props.disabled] as const, ([value, disabled], [previous]) => {\n  if (value !== previous) group.unregister(previous);\n  group.register(value, !!disabled);\n});\nonBeforeUnmount(() => group.unregister(props.value));\n</script>\n\n<template>\n  <label :for=\"controlId\" :style=\"$attrs.style as any\"\n    :class=\"cn('inline-flex gap-3', description ? 'items-start' : 'items-center', disabled ? 'cursor-not-allowed' : 'cursor-pointer', $attrs.class as string)\">\n    <motion.button v-bind=\"{ ...$attrs, class: undefined, style: undefined }\" :id=\"controlId\"\n      type=\"button\" role=\"radio\" :aria-checked=\"selected\" :aria-labelledby=\"labelId\"\n      :aria-describedby=\"[$attrs['aria-describedby'] as string, description ? `${controlId}-description` : undefined].filter(Boolean).join(' ') || undefined\"\n      :disabled=\"disabled\" :tabindex=\"isTabStop ? 0 : -1\" :data-state=\"selected ? 'checked' : 'unchecked'\" @click=\"select\"\n      :while-press=\"reduced || disabled ? undefined : { scale: 0.92 }\" :transition=\"SPRING_PRESS\"\n      :class=\"cn('relative inline-flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 outline-none transition-colors duration-200 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-60', selected ? 'border-primary' : 'border-muted-foreground/65 hover:border-muted-foreground')\">\n      <motion.span v-if=\"selected\" :layout-id=\"group.id\" :transition=\"reduced ? { duration: 0 } : SPRING_LAYOUT\"\n        class=\"absolute inset-1 rounded-full bg-primary\" />\n    </motion.button>\n    <input type=\"radio\" :name=\"group.name.value\" :value=\"value\" :checked=\"selected\" :disabled=\"disabled\" hidden />\n    <span v-if=\"label || description\" :class=\"cn('flex min-w-0 flex-col gap-0.5 select-none', disabled && 'opacity-60')\">\n      <span v-if=\"label\" :id=\"labelId\" :class=\"cn('text-sm text-foreground', description && 'leading-4')\">{{ label }}</span>\n      <span v-if=\"description\" :id=\"controlId + '-description'\" class=\"text-xs text-muted-foreground\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/index.ts",
+      "target": "~/src/components/orvui/motion/select/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as Select } from \"./src/Select.vue\";\nexport { default as SelectTrigger } from \"./src/SelectTrigger.vue\";\nexport { default as SelectValue } from \"./src/SelectValue.vue\";\nexport { default as SelectContent } from \"./src/SelectContent.vue\";\nexport { default as SelectItem } from \"./src/SelectItem.vue\";\n\nexport { default as MorphSelect } from \"./src/MorphSelect.vue\";\nexport { default as MorphSelectTrigger } from \"./src/MorphSelectTrigger.vue\";\nexport { default as MorphSelectValue } from \"./src/MorphSelectValue.vue\";\nexport { default as MorphSelectContent } from \"./src/MorphSelectContent.vue\";\nexport { default as MorphSelectItem } from \"./src/MorphSelectItem.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/select/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type MorphSelectContentProps = InstanceType<\n  (typeof import(\"./MorphSelectContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MorphSelectItemProps = InstanceType<\n  (typeof import(\"./MorphSelectItem.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MorphSelectProps = InstanceType<\n  (typeof import(\"./MorphSelect.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MorphSelectTriggerProps = InstanceType<\n  (typeof import(\"./MorphSelectTrigger.vue\"))[\"default\"]\n>[\"$props\"];\nexport type MorphSelectValueProps = InstanceType<\n  (typeof import(\"./MorphSelectValue.vue\"))[\"default\"]\n>[\"$props\"];\nexport type SelectContentProps = InstanceType<\n  (typeof import(\"./SelectContent.vue\"))[\"default\"]\n>[\"$props\"];\nexport type SelectItemProps = InstanceType<\n  (typeof import(\"./SelectItem.vue\"))[\"default\"]\n>[\"$props\"];\nexport type SelectProps = InstanceType<\n  (typeof import(\"./Select.vue\"))[\"default\"]\n>[\"$props\"];\nexport type SelectTriggerProps = InstanceType<\n  (typeof import(\"./SelectTrigger.vue\"))[\"default\"]\n>[\"$props\"];\nexport type SelectValueProps = InstanceType<\n  (typeof import(\"./SelectValue.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/context.ts",
+      "target": "~/src/components/orvui/motion/select/src/context.ts",
+      "type": "registry:lib",
+      "content": "import {\n  computed,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  shallowRef,\n  useId,\n  watch,\n  type InjectionKey,\n} from \"vue\";\nimport { animate, motionValue } from \"motion-v\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport {\n  resolveElement,\n  useFloatingLayer,\n  useReducedMotion,\n} from \"../../../lib/composables\";\nexport interface SelectProps {\n  modelValue?: string;\n  value?: string;\n  defaultValue?: string;\n  open?: boolean;\n  defaultOpen?: boolean;\n  disabled?: boolean;\n  className?: string;\n}\n// These visual endpoints and timings are part of the frozen interaction contract.\nexport const UNFOLD_SPRING = {\n  type: \"spring\",\n  visualDuration: 0.2,\n  bounce: 0.12,\n} as const;\nexport const UNFOLD_EXIT = { duration: 0.2, ease: EASE_OUT } as const;\nexport const MORPH = { type: \"spring\", duration: 0.5, bounce: 0.22 } as const;\nexport const ROW =\n  \"flex w-full items-center justify-between gap-2 px-3.5 py-2.5 text-sm\";\nexport const ITEM_VARIANTS = {\n  hidden: { opacity: 0, y: -4, transition: { duration: 0.08, ease: EASE_OUT } },\n  show: { opacity: 1, y: 0, transition: { duration: 0.12, ease: EASE_OUT } },\n};\nexport const MORPH_ITEM = {\n  hidden: { opacity: 0, y: -6, filter: \"blur(3px)\" },\n  show: { opacity: 1, y: 0, filter: \"blur(0px)\" },\n};\ntype Registration = { label: string; disabled: boolean };\nexport function createSelect(\n  props: SelectProps,\n  emit: (event: any, ...args: any[]) => void,\n  morph = false,\n) {\n  const instance = useId();\n  const root = ref<HTMLElement | null>(null);\n  const trigger = shallowRef<unknown>(null);\n  const list = shallowRef<unknown>(null);\n  const memory = ref(props.defaultValue);\n  const expanded = ref(!!props.defaultOpen);\n  const reduce = useReducedMotion();\n  const placeholder = ref(\"Select\");\n  const placement = ref<\"top\" | \"bottom\">(\"bottom\");\n  const active = ref<string | null>(null);\n  const registry = shallowRef(new Map<string, Map<symbol, Registration>>());\n  const value = computed({\n    get: () => props.modelValue ?? props.value ?? memory.value,\n    set: (next: string | undefined) => {\n      if (props.modelValue === undefined && props.value === undefined)\n        memory.value = next;\n      for (const event of [\"update:modelValue\", \"valueChange\", \"change\"])\n        emit(event, next);\n    },\n  });\n  const open = computed({\n    get: () => props.open ?? expanded.value,\n    set: (next: boolean) => {\n      if (props.open === undefined) expanded.value = next;\n      emit(\"update:open\", next);\n      emit(\"openChange\", next);\n    },\n  });\n  const disabled = computed(() => !!props.disabled);\n  const progress = motionValue(open.value ? 1 : 0);\n  const rows = computed(() =>\n    [...registry.value].map(([id, tokens]) => ({\n      id,\n      ...[...tokens.values()].at(-1)!,\n    })),\n  );\n  const enabled = computed(() => rows.value.filter((row) => !row.disabled));\n  const activeId = computed(\n    () =>\n      enabled.value.find((row) => row.id === active.value)?.id ??\n      enabled.value[0]?.id,\n  );\n  const layer = useFloatingLayer(open, list);\n  let mounted = false;\n  let disposed = false;\n  let initialOpening = open.value;\n  let focusRevision = 0;\n  let animation: ReturnType<typeof animate> | undefined;\n  let typed = { text: \"\", timestamp: 0 };\n  function register(\n    id: string,\n    label: string,\n    disabled: boolean,\n    token: symbol,\n  ) {\n    const entry = registry.value.get(id)?.get(token);\n    if (entry?.label === label && entry.disabled === disabled) return;\n    const tokens = new Map(registry.value.get(id));\n    tokens.set(token, { label, disabled });\n    registry.value = new Map([...registry.value, [id, tokens]]);\n  }\n  function unregister(id: string, token: symbol) {\n    const tokens = new Map(registry.value.get(id));\n    if (!tokens.delete(token)) return;\n    const next = new Map(registry.value);\n    if (tokens.size) next.set(id, tokens);\n    else next.delete(id);\n    registry.value = next;\n  }\n  async function focusActive() {\n    const revision = ++focusRevision;\n    await nextTick();\n    if (disposed || !open.value || revision !== focusRevision) return;\n    const surface = resolveElement<HTMLElement>(list.value);\n    const option = [\n      ...(surface?.querySelectorAll<HTMLElement>(\"[data-listbox-id]\") ?? []),\n    ].find((element) => element.dataset.listboxId === activeId.value);\n    option?.focus({ preventScroll: false });\n  }\n  function close() {\n    const source = root.value?.ownerDocument.activeElement;\n    const restore =\n      source &&\n      root.value?.contains(source) &&\n      source !== resolveElement(trigger.value);\n    ++focusRevision;\n    open.value = false;\n    if (!restore) return;\n    if (!morph) resolveElement<HTMLElement>(trigger.value)?.focus();\n    else\n      void nextTick(() => {\n        if (!disposed && !open.value)\n          resolveElement<HTMLElement>(trigger.value)?.focus();\n      });\n  }\n  function select(id: string) {\n    if (disabled.value || !enabled.value.some((row) => row.id === id)) return;\n    value.value = id;\n    close();\n  }\n  function keydown(event: KeyboardEvent) {\n    if (\n      event.defaultPrevented ||\n      event.isComposing ||\n      disabled.value ||\n      !enabled.value.length\n    )\n      return;\n    const choices = enabled.value;\n    const current = Math.max(\n      0,\n      choices.findIndex((row) => row.id === activeId.value),\n    );\n    const delta =\n      event.key === \"ArrowDown\" ? 1 : event.key === \"ArrowUp\" ? -1 : 0;\n    if (delta || event.key === \"Home\" || event.key === \"End\") {\n      event.preventDefault();\n      const next =\n        event.key === \"Home\"\n          ? 0\n          : event.key === \"End\"\n            ? choices.length - 1\n            : (current + delta + choices.length) % choices.length;\n      active.value = choices[next]!.id;\n      return;\n    }\n    if (\n      event.key.length !== 1 ||\n      event.key === \" \" ||\n      event.metaKey ||\n      event.ctrlKey ||\n      event.altKey\n    )\n      return;\n    const timestamp = Date.now();\n    const text =\n      timestamp - typed.timestamp < 500\n        ? typed.text + event.key.toLocaleLowerCase()\n        : event.key.toLocaleLowerCase();\n    typed = { timestamp, text };\n    const start = text.length === 1 ? current + 1 : current;\n    const found = Array.from(\n      { length: choices.length },\n      (_, offset) => choices[(start + offset) % choices.length]!,\n    ).find((row) => row.label.toLocaleLowerCase().startsWith(text));\n    if (found) active.value = found.id;\n  }\n  function animateToState() {\n    animation?.stop();\n    if (mounted)\n      animation = animate(\n        progress,\n        open.value ? 1 : 0,\n        reduce.value\n          ? { duration: 0.12 }\n          : open.value\n            ? UNFOLD_SPRING\n            : UNFOLD_EXIT,\n      );\n  }\n  watch(\n    open,\n    (next, previous) => {\n      if (!next) {\n        initialOpening = false;\n        ++focusRevision;\n        return;\n      }\n      if (!previous)\n        active.value =\n          enabled.value.find((row) => row.id === value.value)?.id ?? null;\n      if (!initialOpening) void focusActive();\n    },\n    { flush: \"post\" },\n  );\n  watch(\n    activeId,\n    () => {\n      const surface = resolveElement<HTMLElement>(list.value);\n      if (\n        open.value &&\n        (!initialOpening ||\n          surface?.contains(surface.ownerDocument.activeElement))\n      )\n        void focusActive();\n    },\n    { flush: \"post\" },\n  );\n  watch([open, reduce], animateToState, { flush: \"post\" });\n  const outside = (event: PointerEvent) => {\n    if (\n      open.value &&\n      !layer.containsHigher(event.target) &&\n      event.target instanceof Node &&\n      !root.value?.contains(event.target)\n    )\n      open.value = false;\n  };\n  const escape = (event: KeyboardEvent) => {\n    if (layer.claimEscape(event)) close();\n  };\n  onMounted(() => {\n    mounted = true;\n    animateToState();\n    window.addEventListener(\"pointerdown\", outside);\n    window.addEventListener(\"keydown\", escape);\n  });\n  onBeforeUnmount(() => {\n    disposed = true;\n    mounted = false;\n    ++focusRevision;\n    animation?.stop();\n    progress.destroy();\n    window.removeEventListener(\"pointerdown\", outside);\n    window.removeEventListener(\"keydown\", escape);\n  });\n  return {\n    root,\n    trigger,\n    list,\n    value,\n    open,\n    progress,\n    reduce,\n    rows,\n    enabled,\n    activeId,\n    active,\n    register,\n    unregister,\n    close,\n    select,\n    keydown,\n    focusActive,\n    placeholder,\n    placement,\n    morph,\n    disabled,\n    labelFor: (id: string | undefined) =>\n      rows.value.find((row) => row.id === id)?.label,\n    triggerId: `${instance}-trigger`,\n    listId: `${instance}-list`,\n    headerId: `${instance}-header`,\n    layoutId: `${instance}-surface`,\n  };\n}\nexport const selectKey: InjectionKey<ReturnType<typeof createSelect>> =\n  Symbol(\"orvui-select\");\nexport const registrarKey: InjectionKey<boolean> = Symbol(\n  \"orvui-select-registrar\",\n);\nexport function useSelect() {\n  const state = inject(selectKey);\n  if (!state) throw Error(\"Select parts must be inside Select or MorphSelect.\");\n  return state;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/MorphSelect.vue",
+      "target": "~/src/components/orvui/motion/select/src/MorphSelect.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport { createSelect, selectKey, type SelectProps } from \"./context\";\nconst props = withDefaults(defineProps<SelectProps>(), { open: undefined });\nconst emit = defineEmits([\n  \"update:modelValue\",\n  \"valueChange\",\n  \"change\",\n  \"update:open\",\n  \"openChange\",\n]);\nconst state = createSelect(props, emit, true);\nprovide(selectKey, state);\nconst root = state.root;\n</script>\n<template>\n  <div ref=\"root\" :class=\"['relative', className]\">\n    <slot :value=\"state.value.value\" :open=\"state.open.value\" />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/MorphSelectContent.vue",
+      "target": "~/src/components/orvui/motion/select/src/MorphSelectContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { computed } from \"vue\";\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { MORPH, ROW, useSelect } from \"./context\";\nimport SelectRegistrar from \"./SelectRegistrar.vue\";\ndefineProps<{ className?: string }>();\nconst state = useSelect();\nconst list = state.list;\nconst label = computed(() => state.labelFor(state.value.value));\nconst variants = computed(() =>\n  state.reduce.value\n    ? undefined\n    : {\n        hidden: {},\n        show: { transition: { staggerChildren: 0.035, delayChildren: 0.08 } },\n      },\n);\nfunction key(event: KeyboardEvent) {\n  if (event.key === \"Tab\") {\n    event.preventDefault();\n    state.close();\n  } else state.keydown(event);\n}\n</script>\n<template>\n  <SelectRegistrar><slot /></SelectRegistrar\n  ><AnimatePresence :initial=\"false\" mode=\"popLayout\"\n    ><motion.div\n      v-if=\"state.open.value\"\n      key=\"panel\"\n      v-bind=\"$attrs\"\n      :layout-id=\"state.layoutId\"\n      :transition=\"state.reduce.value ? { duration: 0 } : MORPH\"\n      :style=\"{ borderRadius: '12px' }\"\n      :class=\"[\n        'absolute inset-x-0 top-0 z-30 overflow-hidden border border-border bg-background shadow-lg',\n        className,\n      ]\"\n      ><motion.button\n        type=\"button\"\n        :id=\"state.headerId\"\n        layout=\"position\"\n        aria-haspopup=\"listbox\"\n        aria-expanded=\"true\"\n        :aria-controls=\"state.listId\"\n        @click=\"state.close\"\n        :class=\"[ROW, 'outline-none']\"\n        ><span\n          class=\"min-w-0 truncate\"\n          :class=\"label ? 'text-foreground' : 'text-muted-foreground'\"\n          >{{ label ?? state.placeholder.value }}</span\n        ><motion.span\n          aria-hidden=\"true\"\n          :animate=\"{ rotate: 180 }\"\n          :transition=\"state.reduce.value ? { duration: 0 } : MORPH\"\n          class=\"text-muted-foreground\"\n          ><ChevronDown class=\"h-4 w-4\" /></motion.span\n      ></motion.button>\n      <div class=\"h-px bg-border\" />\n      <motion.ul\n        ref=\"list\"\n        :id=\"state.listId\"\n        role=\"listbox\"\n        :aria-labelledby=\"state.headerId\"\n        initial=\"hidden\"\n        animate=\"show\"\n        :variants=\"variants\"\n        @keydown=\"key\"\n        class=\"p-1\"\n        ><slot /></motion.ul></motion.div\n  ></AnimatePresence>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/MorphSelectItem.vue",
+      "target": "~/src/components/orvui/motion/select/src/MorphSelectItem.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport SelectItem from \"./SelectItem.vue\";\nconst props = defineProps<{\n  value: string;\n  disabled?: boolean;\n  label?: string;\n  className?: string;\n}>();\n</script>\n<template>\n  <SelectItem v-bind=\"props\"><slot /></SelectItem>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/MorphSelectTrigger.vue",
+      "target": "~/src/components/orvui/motion/select/src/MorphSelectTrigger.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport { motion, AnimatePresence } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { MORPH, ROW, useSelect } from \"./context\";\ndefineProps<{ className?: string }>();\nconst state = useSelect();\nconst trigger = state.trigger;\nfunction open() {\n  if (!state.disabled.value) state.open.value = true;\n}\nfunction key(event: KeyboardEvent) {\n  if (!event.defaultPrevented && [\"ArrowDown\", \"ArrowUp\"].includes(event.key)) {\n    event.preventDefault();\n    open();\n  }\n}\n</script>\n<template>\n  <div\n    aria-hidden=\"true\"\n    inert\n    :class=\"[ROW, 'invisible rounded-xl border border-border']\"\n  >\n    <slot /><ChevronDown class=\"h-4 w-4\" />\n  </div>\n  <AnimatePresence :initial=\"false\" mode=\"popLayout\"\n    ><motion.button\n      v-if=\"!state.open.value\"\n      key=\"trigger\"\n      ref=\"trigger\"\n      v-bind=\"$attrs\"\n      :layout-id=\"state.layoutId\"\n      type=\"button\"\n      :id=\"state.triggerId\"\n      :disabled=\"state.disabled.value\"\n      aria-haspopup=\"listbox\"\n      :aria-expanded=\"state.open.value\"\n      :aria-controls=\"state.listId\"\n      @click=\"open\"\n      @keydown=\"key\"\n      :transition=\"state.reduce.value ? { duration: 0 } : MORPH\"\n      :style=\"{ borderRadius: '12px' }\"\n      :class=\"[\n        ROW,\n        'absolute inset-x-0 top-0 z-10 border border-border bg-background text-foreground outline-none transition-colors hover:border-(--color-border-strong) focus-visible:ring-2 focus-visible:ring-foreground/20 disabled:pointer-events-none disabled:opacity-50',\n        className,\n      ]\"\n      ><motion.span layout=\"position\" class=\"min-w-0 truncate\"\n        ><slot /></motion.span\n      ><motion.span layout=\"position\" class=\"text-muted-foreground\"\n        ><ChevronDown class=\"h-4 w-4\" /></motion.span></motion.button\n  ></AnimatePresence>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/MorphSelectValue.vue",
+      "target": "~/src/components/orvui/motion/select/src/MorphSelectValue.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, watch } from \"vue\";\nimport { useSelect } from \"./context\";\nconst props = defineProps<{ placeholder?: string; className?: string }>();\nconst state = useSelect();\nconst label = computed(() => state.labelFor(state.value.value));\nwatch(\n  () => props.placeholder,\n  (value) => {\n    if (value) state.placeholder.value = value;\n  },\n  { immediate: true },\n);\n</script>\n<template>\n  <span\n    :class=\"[label ? 'text-foreground' : 'text-muted-foreground', className]\"\n    >{{ label ?? placeholder ?? \"Select\" }}</span\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/Select.vue",
+      "target": "~/src/components/orvui/motion/select/src/Select.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { provide } from \"vue\";\nimport { createSelect, selectKey, type SelectProps } from \"./context\";\nconst props = withDefaults(defineProps<SelectProps>(), { open: undefined });\nconst emit = defineEmits([\n  \"update:modelValue\",\n  \"valueChange\",\n  \"change\",\n  \"update:open\",\n  \"openChange\",\n]);\nconst state = createSelect(props, emit, false);\nprovide(selectKey, state);\nconst root = state.root;\n</script>\n<template>\n  <div ref=\"root\" :class=\"['relative', className]\">\n    <slot :value=\"state.value.value\" :open=\"state.open.value\" />\n  </div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/SelectContent.vue",
+      "target": "~/src/components/orvui/motion/select/src/SelectContent.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { nextTick, onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { motion, useTransform } from \"motion-v\";\nimport { resolveElement } from \"../../../lib/composables\";\nimport { useSelect } from \"./context\";\nimport { unfoldGeometry } from \"./unfold\";\ndefineProps<{ className?: string }>();\nconst state = useSelect();\nconst panel = state.list;\nconst height = ref(0);\nconst exiting = ref(false);\nlet disposed = false;\nlet measureRevision = 0;\nlet observer: ResizeObserver | undefined;\nlet unsubscribe: (() => void) | undefined;\nasync function measure() {\n  const revision = ++measureRevision;\n  await nextTick();\n  if (disposed || revision !== measureRevision) return;\n  const element = resolveElement<HTMLElement>(panel.value);\n  if (!element) return;\n  height.value = element.offsetHeight;\n  const trigger = resolveElement<HTMLElement>(state.trigger.value);\n  if (state.open.value && trigger) {\n    const rect = trigger.getBoundingClientRect();\n    const room = window.innerHeight - rect.bottom;\n    state.placement.value =\n      room < height.value + 16 && rect.top > room ? \"top\" : \"bottom\";\n  }\n}\nwatch(\n  state.open,\n  (open, previous) => {\n    if (!open && previous) exiting.value = true;\n    if (open) void measure();\n  },\n  { flush: \"post\" },\n);\nonMounted(() => {\n  void measure();\n  const node = resolveElement<HTMLElement>(panel.value);\n  if (node && typeof ResizeObserver !== \"undefined\") {\n    observer = new ResizeObserver(() => void measure());\n    observer.observe(node);\n  }\n  unsubscribe = state.progress.on(\"animationComplete\", () => {\n    if (state.progress.get() === 0) exiting.value = false;\n  });\n  window.addEventListener(\"resize\", measure);\n});\nonBeforeUnmount(() => {\n  disposed = true;\n  ++measureRevision;\n  observer?.disconnect();\n  unsubscribe?.();\n  window.removeEventListener(\"resize\", measure);\n});\nconst geometry = () =>\n  unfoldGeometry(\n    state.progress.get(),\n    height.value,\n    state.placement.value === \"top\",\n    state.reduce.value,\n  );\nconst y = useTransform(() => geometry().y);\nconst borderRadius = useTransform(() => geometry().radius);\nconst clipPath = useTransform(() => geometry().clip);\nconst opacity = useTransform(() => geometry().opacity);\nfunction keydown(event: KeyboardEvent) {\n  if (event.key === \"Tab\") state.close();\n  else state.keydown(event);\n}\n</script>\n<template>\n  <motion.div\n    ref=\"panel\"\n    :id=\"state.listId\"\n    role=\"listbox\"\n    :aria-labelledby=\"state.triggerId\"\n    :aria-hidden=\"!state.open.value\"\n    :inert=\"!state.open.value\"\n    @keydown=\"keydown\"\n    :style=\"{\n      visibility: state.open.value || exiting ? 'visible' : 'hidden',\n      maxHeight: state.open.value || exiting ? undefined : 0,\n      borderWidth: state.open.value || exiting ? undefined : 0,\n      y,\n      clipPath,\n      borderRadius,\n      opacity,\n      pointerEvents: state.open.value ? 'auto' : 'none',\n      marginTop: state.placement.value === 'top' ? '0px' : '8px',\n      marginBottom: state.placement.value === 'top' ? '8px' : '0px',\n    }\"\n    :class=\"[\n      'absolute inset-x-0 z-20 overflow-hidden border border-border bg-background shadow-lg',\n      state.placement.value === 'top' ? 'bottom-full' : 'top-full',\n      className,\n    ]\"\n    ><motion.div\n      :initial=\"false\"\n      :animate=\"state.open.value ? 'show' : 'hidden'\"\n      class=\"p-1\"\n      ><slot /></motion.div\n  ></motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/SelectItem.vue",
+      "target": "~/src/components/orvui/motion/select/src/SelectItem.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\ndefineOptions({ inheritAttrs: false });\nimport {\n  computed,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  onUpdated,\n  ref,\n} from \"vue\";\nimport { motion } from \"motion-v\";\nimport { Check } from \"lucide-vue-next\";\nimport { useSelect, registrarKey, ITEM_VARIANTS, MORPH_ITEM } from \"./context\";\nconst props = withDefaults(\n  defineProps<{\n    value: string;\n    disabled?: boolean;\n    label?: string;\n    className?: string;\n  }>(),\n  { disabled: false },\n);\nconst state = useSelect();\nconst hidden = inject(registrarKey, false);\nconst element = ref<HTMLElement | null>(null);\nconst token = Symbol(\"select-option-instance\");\nlet registered: string | undefined;\nfunction synchronize() {\n  if (registered !== undefined && registered !== props.value)\n    state.unregister(registered, token);\n  state.register(\n    props.value,\n    props.label ?? element.value?.textContent?.trim() ?? props.value,\n    props.disabled,\n    token,\n  );\n  registered = props.value;\n}\nonMounted(synchronize);\nonUpdated(synchronize);\nonBeforeUnmount(() => {\n  if (registered !== undefined) state.unregister(registered, token);\n});\nconst selected = computed(() => state.value.value === props.value);\nconst variants = computed(() =>\n  state.reduce.value ? undefined : state.morph ? MORPH_ITEM : ITEM_VARIANTS,\n);\n</script>\n<template>\n  <span v-if=\"hidden\" ref=\"element\" hidden\n    ><slot>{{ label ?? value }}</slot></span\n  ><motion.div\n    v-else\n    :role=\"state.morph ? 'none' : undefined\"\n    :variants=\"variants\"\n    ><button\n      ref=\"element\"\n      v-bind=\"$attrs\"\n      type=\"button\"\n      role=\"option\"\n      :aria-selected=\"selected\"\n      :disabled=\"disabled\"\n      :tabindex=\"state.activeId.value === value ? 0 : -1\"\n      :data-listbox-id=\"value\"\n      @click=\"state.select(value)\"\n      :class=\"[\n        'flex w-full items-center justify-between gap-2 rounded-lg px-2.5 py-1.5 text-left text-sm outline-none transition-colors',\n        selected\n          ? 'bg-muted text-foreground'\n          : 'text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:bg-muted',\n        'disabled:pointer-events-none disabled:opacity-50',\n        className,\n      ]\"\n    >\n      <slot>{{ label ?? value }}</slot\n      ><Check v-if=\"selected\" class=\"h-3.5 w-3.5 shrink-0\" :stroke-width=\"2.5\" /></button\n  ></motion.div>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/SelectRegistrar.vue",
+      "target": "~/src/components/orvui/motion/select/src/SelectRegistrar.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { h, mergeProps, provide, renderSlot, useAttrs } from \"vue\";\nimport { registrarKey } from \"./context\";\ndefineOptions({ inheritAttrs: false });\nconst slots = defineSlots<{ default?(props: {}): any }>();\nconst attrs = useAttrs();\nprovide(registrarKey, true);\n// Registration descendants stay mounted inside this injection boundary.\nconst RenderFrame = () =>\n  h(\"div\", mergeProps({ hidden: true }, attrs), [renderSlot(slots, \"default\")]);\n</script>\n<template><RenderFrame /></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/SelectTrigger.vue",
+      "target": "~/src/components/orvui/motion/select/src/SelectTrigger.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { motion, useTransform } from \"motion-v\";\nimport { ChevronDown } from \"lucide-vue-next\";\nimport { useSelect } from \"./context\";\ndefineProps<{ className?: string }>();\nconst state = useSelect();\nconst trigger = state.trigger;\nconst nearRadius = useTransform(\n  state.progress,\n  [0, 0.2, 0.4, 1],\n  [\"12px\", \"0px\", \"0px\", \"12px\"],\n);\nconst rotate = useTransform(\n  () =>\n    (state.reduce.value\n      ? Number(state.open.value)\n      : Math.max(0, Math.min(1, state.progress.get()))) * 180,\n);\nfunction openWithArrow(event: KeyboardEvent) {\n  if (\n    event.defaultPrevented ||\n    state.disabled.value ||\n    state.open.value ||\n    ![\"ArrowDown\", \"ArrowUp\"].includes(event.key)\n  )\n    return;\n  event.preventDefault();\n  state.open.value = true;\n}\n</script>\n<template>\n  <motion.button\n    ref=\"trigger\"\n    type=\"button\"\n    data-trigger\n    :id=\"state.triggerId\"\n    :disabled=\"state.disabled.value\"\n    aria-haspopup=\"listbox\"\n    :aria-expanded=\"state.open.value\"\n    :aria-controls=\"state.listId\"\n    @click=\"!state.disabled.value && (state.open.value = !state.open.value)\"\n    @keydown=\"openWithArrow\"\n    :style=\"{\n      borderTopLeftRadius:\n        state.reduce.value || state.placement.value !== 'top'\n          ? '12px'\n          : nearRadius,\n      borderTopRightRadius:\n        state.reduce.value || state.placement.value !== 'top'\n          ? '12px'\n          : nearRadius,\n      borderBottomLeftRadius:\n        state.reduce.value || state.placement.value === 'top'\n          ? '12px'\n          : nearRadius,\n      borderBottomRightRadius:\n        state.reduce.value || state.placement.value === 'top'\n          ? '12px'\n          : nearRadius,\n    }\"\n    :class=\"[\n      'relative z-10 flex w-full items-center justify-between gap-2 border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors hover:border-(--color-border-strong) focus-visible:ring-2 focus-visible:ring-foreground/20 disabled:pointer-events-none disabled:opacity-50',\n      className,\n    ]\"\n    ><slot /><motion.span\n      aria-hidden=\"true\"\n      :style=\"{ rotate }\"\n      class=\"text-muted-foreground\"\n      ><ChevronDown class=\"h-4 w-4\" /></motion.span\n  ></motion.button>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/SelectValue.vue",
+      "target": "~/src/components/orvui/motion/select/src/SelectValue.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, watch } from \"vue\";\nimport { useSelect } from \"./context\";\nconst props = withDefaults(\n  defineProps<{ placeholder?: string; className?: string }>(),\n  { placeholder: \"Select\" },\n);\nconst state = useSelect();\nconst label = computed(() => state.labelFor(state.value.value));\n</script>\n<template>\n  <span\n    :class=\"[label ? 'text-foreground' : 'text-muted-foreground', className]\"\n    >{{ label ?? placeholder }}</span\n  >\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/select/src/unfold.ts",
+      "target": "~/src/components/orvui/motion/select/src/unfold.ts",
+      "type": "registry:lib",
+      "content": "export function unfoldGeometry(\n  progress: number,\n  height: number,\n  top: boolean,\n  reduced: boolean,\n) {\n  const bounded = (value: number) => Math.min(1, Math.max(0, value));\n  const phase = bounded(progress);\n  const separation = bounded((phase - 0.4) / 0.6);\n  const moving = height > 0 && !reduced;\n  const near = moving ? 12 * separation : 12;\n  const radius = top\n    ? `12px 12px ${near}px ${near}px`\n    : `${near}px ${near}px 12px 12px`;\n  const hidden = Math.max(0, (height - 8) * (1 - phase));\n  return {\n    y: moving ? (top ? 8 : -8) * (1 - separation) : 0,\n    radius,\n    clip:\n      !moving || phase === 1\n        ? \"none\"\n        : `inset(${top ? `${hidden}px 0 0 0` : `0 0 ${hidden}px 0`} round ${radius})`,\n    opacity: bounded(progress / (reduced ? 1 : 0.12)),\n  };\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/shared-layout-bg/index.ts",
+      "target": "~/src/components/orvui/motion/shared-layout-bg/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as SharedLayoutBg } from \"./src/SharedLayoutBg.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/shared-layout-bg/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/shared-layout-bg/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type SharedLayoutBgProps = InstanceType<\n  (typeof import(\"./SharedLayoutBg.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/shared-layout-bg/src/SharedLayoutBg.vue",
+      "target": "~/src/components/orvui/motion/shared-layout-bg/src/SharedLayoutBg.vue",
+      "type": "registry:component",
+      "content": "<script lang=\"ts\">\nimport { Comment, Fragment, cloneVNode, defineComponent, h, isVNode, mergeProps, ref, useId, type PropType, type VNode, type VNodeChild } from \"vue\";\nimport { AnimatePresence, motion } from \"motion-v\";\nimport { cn } from \"../../../lib/utils\";\nimport { SPRING_LAYOUT } from \"../../../lib/ease\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nexport interface SharedLayoutBgProps { as?: \"div\" | \"ul\"; pillClassName?: string; inset?: number; pillContainerClassName?: string }\nfunction children(nodes: unknown[]): VNode[] {\n  return nodes.flatMap(node => !isVNode(node) || node.type === Comment ? [] : node.type === Fragment && Array.isArray(node.children) ? children(node.children) : typeof node.type === \"symbol\" ? [] : [node]);\n}\nfunction replaceContents(child: VNode, additions: Record<string, unknown>, contents: VNode[]) {\n  const result = cloneVNode(child, additions, true);\n  const component = (child.shapeFlag & 6) !== 0;\n  result.children = component ? { ...(child.children && typeof child.children === \"object\" && !Array.isArray(child.children) ? child.children : {}), default: () => contents } : contents;\n  result.shapeFlag = (result.shapeFlag & ~(8 | 16 | 32)) | (component ? 32 : 16);\n  result.patchFlag = -2;\n  return result;\n}\nexport default defineComponent({\n  name: \"SharedLayoutBg\", inheritAttrs: false,\n  props: { as: { type: String as PropType<\"div\" | \"ul\">, default: \"div\" }, pillClassName: String, inset: { type: Number, default: 20 }, pillContainerClassName: String },\n  setup(props, { attrs, slots }) {\n    const active = ref<string | null>(null), id = useId(), reduced = useReducedMotion();\n    let pointerInside = false;\n    function leave(event: MouseEvent) {\n      pointerInside = false;\n      const root = event.currentTarget as HTMLElement;\n      if (!root.contains(root.ownerDocument.activeElement)) active.value = null;\n    }\n    function blur(event: FocusEvent) {\n      if (!pointerInside && !(event.currentTarget as HTMLElement).contains(event.relatedTarget as Node | null)) active.value = null;\n    }\n    function presence() {\n      const rest = reduced.value ? { opacity: 1 } : { opacity: 1, filter: \"blur(0px)\" };\n      const hidden = reduced.value ? { opacity: 0 } : { opacity: 0, filter: \"blur(6px)\" };\n      return { initial: hidden, animate: rest, exit: (another: unknown) => another ? {} : hidden };\n    }\n    function row(child: VNode, index: number) {\n      const key = child.key == null ? `item-${index}` : String(child.key);\n      const slots = child.children && typeof child.children === \"object\" && !Array.isArray(child.children) ? child.children as { default?: () => VNodeChild } : undefined;\n      const body = slots ? slots.default?.() : child.children;\n      const pill = h(AnimatePresence, { custom: active.value !== null ? 1 : 0 }, () => active.value === null ? null : h(motion.div, {\n        key: \"pill-wrapper\", variants: presence(), initial: \"initial\", animate: \"animate\", exit: \"exit\", custom: active.value !== null ? 1 : 0,\n        class: cn(\"pointer-events-none absolute inset-y-0\", props.pillContainerClassName), style: { left: `${-props.inset}px`, right: `${-props.inset}px` },\n      }, () => active.value !== key ? null : h(motion.div, { layoutId: `shared-bg-${id}`, transition: reduced.value ? { duration: 0 } : SPRING_LAYOUT, class: cn(\"pointer-events-none h-full w-full rounded-2xl bg-muted/80\", props.pillClassName) })));\n      return replaceContents(child, {\n        key, class: cn(\"relative\", child.props?.class), onMouseenter() { pointerInside = true; active.value = key; }, onFocusin() { active.value = key; },\n      }, [pill, h(\"div\", { class: \"relative z-10\" }, body as any)]);\n    }\n    return () => h(props.as === \"ul\" ? motion.ul : motion.div,\n      mergeProps(attrs, { layoutRoot: true, class: cn(\"flex w-full flex-col\", attrs.class), onMouseleave: leave, onFocusout: blur }),\n      () => children(slots.default?.() ?? []).map(row));\n  },\n});\n</script>\n"
+    },
+    {
+      "path": "registry/orvui/motion/state.ts",
+      "target": "~/src/components/orvui/motion/state.ts",
+      "type": "registry:lib",
+      "content": "import { computed, ref, type Ref, type WritableComputedRef } from \"vue\";\n\n/** A value may move between parent control and local ownership during its life. */\nexport function useMotionState<T>(\n  props: Record<string, any>,\n  emit: (...args: any[]) => void,\n  key: string,\n  fallback: T,\n): WritableComputedRef<T> {\n  const memory = ref(fallback) as Ref<T>;\n  return computed({\n    get(): T {\n      const supplied = props[key];\n      return supplied === undefined ? memory.value : supplied;\n    },\n    set(requested: T) {\n      memory.value = requested;\n      emit(`update:${key}`, requested);\n      if (key === \"modelValue\") emit(\"change\", requested);\n    },\n  });\n}\n\n/** Rove focus within the event surface, using its own document. */\nexport function focusList(event: KeyboardEvent, selector = \"button:not(:disabled)\") {\n  const direction = new Map<string, number>([\n    [\"ArrowDown\", 1], [\"ArrowRight\", 1], [\"ArrowUp\", -1], [\"ArrowLeft\", -1],\n  ]).get(event.key);\n  if (direction === undefined && event.key !== \"Home\" && event.key !== \"End\") return;\n  const surface = event.currentTarget as HTMLElement | null;\n  if (!surface) return;\n  const candidates = [...surface.querySelectorAll<HTMLElement>(selector)];\n  if (!candidates.length) return;\n  const current = candidates.indexOf(surface.ownerDocument.activeElement as HTMLElement);\n  const index = event.key === \"Home\" ? 0\n    : event.key === \"End\" ? candidates.length - 1\n    : current === -1 ? (direction === -1 ? candidates.length - 1 : 0)\n    : (current + direction! + candidates.length) % candidates.length;\n  event.preventDefault();\n  candidates[index]?.focus();\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/index.ts",
+      "target": "~/src/components/orvui/motion/text-animation/index.ts",
+      "type": "registry:lib",
+      "content": "export { default as TextReveal } from \"./src/TextReveal.vue\";\nexport { default as TextScramble } from \"./src/TextScramble.vue\";\nexport { default as TextShimmer } from \"./src/TextShimmer.vue\";\nexport { default as TextCascade } from \"./src/TextCascade.vue\";\nexport { default as ChromaticTextReveal } from \"./src/ChromaticTextReveal.vue\";\n\nexport type * from \"./src/api-types\";\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/api-types.ts",
+      "target": "~/src/components/orvui/motion/text-animation/src/api-types.ts",
+      "type": "registry:lib",
+      "content": "// Vue public prop types, derived from the actual components.\nexport type ChromaticTextRevealProps = InstanceType<\n  (typeof import(\"./ChromaticTextReveal.vue\"))[\"default\"]\n>[\"$props\"];\nexport type TextCascadeProps = InstanceType<\n  (typeof import(\"./TextCascade.vue\"))[\"default\"]\n>[\"$props\"];\nexport type TextRevealProps = InstanceType<\n  (typeof import(\"./TextReveal.vue\"))[\"default\"]\n>[\"$props\"];\nexport type TextScrambleProps = InstanceType<\n  (typeof import(\"./TextScramble.vue\"))[\"default\"]\n>[\"$props\"];\nexport type TextShimmerProps = InstanceType<\n  (typeof import(\"./TextShimmer.vue\"))[\"default\"]\n>[\"$props\"];\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/ChromaticTextReveal.vue",
+      "target": "~/src/components/orvui/motion/text-animation/src/ChromaticTextReveal.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watch, type CSSProperties } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_IN_OUT, EASE_OUT } from \"../../../lib/ease\";\nimport { chromaticGradient } from \"./reveal-sequence\";\nconst props = withDefaults(defineProps<{ prefix: string; words: string[]; colors?: string[]; foregroundColor?: string; duration?: number; delay?: number; pauseDuration?: number; loop?: boolean; startOnView?: boolean; once?: boolean; inViewMargin?: string }>(), { colors: () => [\"#60a5fa\", \"#818cf8\", \"#c084fc\", \"#fb7185\", \"#fbbf24\"], foregroundColor: \"var(--foreground)\", duration: 1.2, delay: 0, pauseDuration: .8, loop: true, startOnView: true, once: true });\nconst root = ref<HTMLElement | null>(null);\nconst cycle = ref(0);\nconst intersecting = ref(false);\nconst reduced = useReducedMotion();\nconst index = computed(() => props.words.length ? cycle.value % props.words.length : 0);\nconst word = computed(() => props.words[index.value] ?? \"\");\nconst widths = computed(() => Array.from(new Set(props.words)));\nconst visible = computed(() => !props.startOnView || intersecting.value || reduced.value);\nconst gradient = computed(() => chromaticGradient(props.colors, props.foregroundColor));\nconst timing = computed(() => ({ \"--chromatic-sweep\": reduced.value ? { duration: 0 } : { duration: props.duration, delay: props.delay, ease: EASE_IN_OUT }, opacity: { duration: reduced.value ? 0 : .28, ease: EASE_OUT }, filter: { duration: reduced.value ? 0 : .36, ease: EASE_OUT }, transform: { duration: reduced.value ? 0 : .36, ease: EASE_OUT } }));\nlet mounted = false;\nlet timer: ReturnType<typeof setTimeout> | undefined;\nlet observer: IntersectionObserver | undefined;\nfunction clear() { clearTimeout(timer); timer = undefined; }\nfunction next() { clear(); if (!mounted || reduced.value || !visible.value || props.words.length < 2 || !props.loop && index.value === props.words.length - 1) return; timer = setTimeout(() => { cycle.value = (cycle.value + 1) % props.words.length; }, props.pauseDuration * 1000); }\nfunction observe() { observer?.disconnect(); if (!mounted || !root.value || !props.startOnView) return; if (typeof IntersectionObserver === \"undefined\") { intersecting.value = true; return; } observer = new IntersectionObserver(entries => { intersecting.value = !!entries[0]?.isIntersecting; if (intersecting.value && props.once) observer?.disconnect(); }, { threshold: .4, rootMargin: props.inViewMargin }); observer.observe(root.value); }\nwatch([() => props.words, () => props.loop, () => props.pauseDuration, reduced], clear);\nwatch([() => props.startOnView, () => props.once, () => props.inViewMargin], observe);\nonMounted(() => { mounted = true; observe(); });\nonBeforeUnmount(() => { mounted = false; clear(); observer?.disconnect(); });\n</script>\n<template>\n  <span ref=\"root\" class=\"inline-flex items-baseline\"><span class=\"whitespace-nowrap\">{{ prefix }}{{ words.length ? '\\u00a0' : '' }}</span><span v-if=\"words.length\" class=\"relative inline-grid\"><span v-for=\"sizing in widths\" :key=\"sizing\" aria-hidden=\"true\" class=\"invisible col-start-1 row-start-1 whitespace-nowrap\">{{ sizing }}</span><motion.span :key=\"`${word}-${index}`\" aria-hidden=\"true\" :initial=\"reduced ? false : { opacity: .56, filter: 'blur(6px)', transform: 'translateY(5px)' }\" :animate=\"{ '--chromatic-sweep': visible ? '114%' : '-14%', opacity: 1, filter: 'blur(0px)', transform: 'translateY(0px)' }\" :transition=\"timing\" @animation-complete=\"next\" class=\"absolute start-0 top-0 whitespace-nowrap bg-clip-text text-transparent [background-image:var(--chromatic-gradient)] [contain:paint]\" :style=\"{ '--chromatic-sweep': reduced ? '114%' : '-14%', '--chromatic-gradient': gradient, backgroundSize: '100% 100%', backgroundRepeat: 'no-repeat' } as CSSProperties\">{{ word }}</motion.span><span class=\"sr-only\">{{ word }}</span></span></span>\n</template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/reveal-sequence.ts",
+      "target": "~/src/components/orvui/motion/text-animation/src/reveal-sequence.ts",
+      "type": "registry:lib",
+      "content": "export interface RevealUnit { text: string; index: number }\nexport function revealSequence(input: string | string[], mode: \"word\" | \"char\"): RevealUnit[][][] {\n  let ordinal = 0;\n  return (typeof input === \"string\" ? [input] : input).map(line => {\n    const chunks = line.match(/\\S+\\s*|\\s+/g) ?? [];\n    return chunks.map(chunk => (mode === \"word\" ? [chunk] : Array.from(chunk)).map(text => ({ text, index: ordinal++ })));\n  });\n}\nexport function chromaticGradient(colors: string[], foreground: string) {\n  const palette = colors.length ? colors : [\"#60a5fa\", \"#818cf8\", \"#c084fc\", \"#fb7185\", \"#fbbf24\"];\n  const stops = palette.map((color, index) => { const offset = palette.length === 1 ? 0 : 28 * index / (palette.length - 1) - 14; return `${color} calc(var(--chromatic-sweep) ${offset < 0 ? \"-\" : \"+\"} ${Number(Math.abs(offset).toFixed(2))}%)`; });\n  return `linear-gradient(90deg,${foreground} 0%,${foreground} calc(var(--chromatic-sweep) - 14%),${stops.join(\",\")},transparent calc(var(--chromatic-sweep) + 14%),transparent 100%)`;\n}\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/TextCascade.vue",
+      "target": "~/src/components/orvui/motion/text-animation/src/TextCascade.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport ActionSwapText from \"../../action-swap/src/ActionSwapText.vue\";\nconst props = defineProps<{ text: string }>();\nconst current = computed(() => props.text);\n</script>\n<template><ActionSwapText :value=\"current\" animation=\"cascade\">{{ current }}</ActionSwapText></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/TextReveal.vue",
+      "target": "~/src/components/orvui/motion/text-animation/src/TextReveal.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { motion } from \"motion-v\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nimport { EASE_OUT } from \"../../../lib/ease\";\nimport { revealSequence } from \"./reveal-sequence\";\nconst props = withDefaults(defineProps<{ text: string | string[]; as?: string; split?: \"word\" | \"char\"; stagger?: number; delay?: number; blur?: number; yOffset?: string | number; spring?: { stiffness?: number; damping?: number; mass?: number }; once?: boolean; whileInView?: boolean }>(), { as: \"span\", split: \"word\", stagger: .09, delay: 0, blur: 12, yOffset: \"40%\", once: true, whileInView: false });\nconst reduced = useReducedMotion();\nconst sequence = computed(() => revealSequence(props.text, props.split));\nconst concealed = computed(() => reduced.value ? { opacity: 0 } : { y: props.yOffset, opacity: 0, filter: `blur(${props.blur}px)` });\nconst revealed = computed(() => reduced.value ? { opacity: 1 } : { y: 0, opacity: 1, filter: \"blur(0px)\" });\nfunction timing(index: number) { const delay = props.delay + index * props.stagger; return reduced.value ? { opacity: { duration: .25, ease: EASE_OUT, delay: delay * .3 } } : { y: { type: \"spring\" as const, stiffness: props.spring?.stiffness ?? 140, damping: props.spring?.damping ?? 26, mass: props.spring?.mass ?? 1.2, delay }, opacity: { duration: .7, ease: EASE_OUT, delay }, filter: { duration: .9, ease: EASE_OUT, delay } }; }\nfunction animation(index: number) { return { initial: concealed.value, animate: props.whileInView ? undefined : revealed.value, whileInView: props.whileInView ? revealed.value : undefined, inViewOptions: { once: props.once, amount: .4 }, transition: timing(index) }; }\n</script>\n<template><component :is=\"as\" class=\"block\"><span v-for=\"(line, lineIndex) in sequence\" :key=\"lineIndex\" class=\"block\"><template v-for=\"(word, wordIndex) in line\" :key=\"wordIndex\"><span v-if=\"split === 'char'\" class=\"inline-block whitespace-pre\"><motion.span v-for=\"unit in word\" :key=\"unit.index\" v-bind=\"animation(unit.index)\" class=\"inline-block whitespace-pre will-change-transform\">{{ unit.text }}</motion.span></span><motion.span v-else v-bind=\"animation(word[0].index)\" class=\"inline-block whitespace-pre will-change-transform\">{{ word[0].text }}</motion.span></template></span><slot /></component></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/TextScramble.vue",
+      "target": "~/src/components/orvui/motion/text-animation/src/TextScramble.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { onBeforeUnmount, onMounted, ref, watch } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ text: string; duration?: number; glyphs?: string; trigger?: string | number }>(), { glyphs: \"ABCDEFGHJKLMNPQRSTUVWXYZ0123456789#%&@$?/\" });\nconst display = ref(props.text);\nconst reduced = useReducedMotion();\nlet frame = 0;\nlet mounted = false;\nlet revision = 0;\nfunction cancel() { ++revision; cancelAnimationFrame(frame); frame = 0; }\nfunction scramble() {\n  cancel();\n  const target = props.text;\n  if (!mounted || reduced.value || !props.glyphs.length) { display.value = target; return; }\n  const run = revision;\n  const duration = props.duration ?? Math.min(760, Math.max(420, target.length * 32));\n  const started = performance.now();\n  let painted = 0;\n  function tick(now: number) {\n    if (!mounted || run !== revision) return;\n    if (now - started >= duration) { display.value = target; frame = 0; return; }\n    if (now - painted >= 40) { painted = now; const locked = Math.floor((now - started) / duration * target.length); let text = \"\"; for (let index = 0; index < target.length; index++) text += index < locked || target[index] === \" \" ? target[index] : props.glyphs[Math.floor(Math.random() * props.glyphs.length)]; display.value = text; }\n    frame = requestAnimationFrame(tick);\n  }\n  frame = requestAnimationFrame(tick);\n}\nwatch([() => props.text, () => props.duration, () => props.glyphs, () => props.trigger, reduced], scramble);\nonMounted(() => { mounted = true; });\nonBeforeUnmount(() => { mounted = false; cancel(); });\n</script>\n<template><span class=\"inline-block whitespace-pre\"><span class=\"sr-only\">{{ text }}</span><span aria-hidden=\"true\">{{ reduced ? text : display }}</span></span></template>\n"
+    },
+    {
+      "path": "registry/orvui/motion/text-animation/src/TextShimmer.vue",
+      "target": "~/src/components/orvui/motion/text-animation/src/TextShimmer.vue",
+      "type": "registry:component",
+      "content": "<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { useReducedMotion } from \"../../../lib/composables\";\nconst props = withDefaults(defineProps<{ as?: string; duration?: number; spread?: number }>(), { as: \"span\", duration: 2, spread: 2 });\nconst reduced = useReducedMotion();\nconst style = computed(() => ({ animationDuration: `${props.duration}s`, animation: reduced.value ? \"none\" : `orvui-shimmer ${props.duration}s linear infinite` }));\n</script>\n<template><component :is=\"as\" class=\"orvui-text-shimmer\" :style=\"style\"><slot /></component></template>\n<style scoped>\n.orvui-text-shimmer { background-image: linear-gradient(110deg, var(--muted-foreground) 30%, var(--foreground) 50%, var(--muted-foreground) 70%); background-size: 200% 100%; background-clip: text; color: transparent; animation: orvui-shimmer 2s linear infinite; }\n@keyframes orvui-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }\n@media (prefers-reduced-motion: reduce) { .orvui-text-shimmer { animation: none !important; } }\n</style>\n"
+    },
+    {
+      "path": "registry/orvui/styles.css.txt",
+      "target": "~/src/components/orvui/styles.css",
+      "type": "registry:file",
+      "content": "@import \"tailwindcss\";\n@import \"./tokens.css\";\n@source \"./**/*.{vue,ts}\";\n@source not \"./**/tests/**\";\n@custom-variant dark (&:where(.dark, .dark *));\n\n:root { --announcement-h: 2.5rem; }\n\n@theme {\n  --background-image-brand-bg: var(--gradient-bg);\n  --background-image-brand-accent: var(--gradient-accent);\n  --animate-marquee: marquee 30s linear infinite;\n  --animate-marquee-vertical: marquee-vertical 30s linear infinite;\n  --animate-rainbow-border: rainbow-border 3s linear infinite;\n  --animate-shimmer: shimmer 2.5s linear infinite;\n  --animate-action-send: action-send 520ms var(--ease-out) both;\n  --animate-action-copy: action-copy 520ms var(--ease-out) both;\n  --animate-action-download: action-download 540ms var(--ease-out) both;\n  --animate-action-archive: action-archive 520ms var(--ease-out) both;\n  --animate-action-bell: action-bell 680ms var(--ease-out) both;\n  --animate-action-settings: action-settings 720ms var(--ease-out) both;\n}\n\n/* Named motion tracks are part of the public styling contract. */\n@keyframes marquee { to { transform: translateX(calc(-100% - var(--gap, 1rem))); } }\n@keyframes marquee-vertical { to { transform: translateY(calc(-100% - var(--gap, 1rem))); } }\n@keyframes rainbow-border {\n  from { background-position: 0% 50%; }\n  to { background-position: 100% 50%; }\n}\n@keyframes shimmer {\n  from { background-position: 200% 0; }\n  to { background-position: -200% 0; }\n}\n@keyframes action-send {\n  0%, 100% { transform: translate(0, 0); }\n  45% { transform: translate(2px, -2px); }\n}\n@keyframes action-copy {\n  0%, 100% { transform: translate(0, 0); }\n  40% { transform: translate(1.5px, -1.5px); }\n  70% { transform: translate(-1px, 1px); }\n}\n@keyframes action-download {\n  0%, 100% { transform: translateY(0); }\n  42% { transform: translateY(2.5px); }\n}\n@keyframes action-archive {\n  0%, 100% { transform: scale(1); }\n  45% { transform: scale(0.9); }\n}\n@keyframes action-bell {\n  0%, 100% { transform: rotate(0deg); }\n  18% { transform: rotate(14deg); }\n  36% { transform: rotate(-12deg); }\n  54% { transform: rotate(8deg); }\n  72% { transform: rotate(-5deg); }\n}\n@keyframes action-settings {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(90deg); }\n}\n\n@layer base {\n  html, body { overflow-x: clip; }\n  html { color-scheme: light dark; }\n  body {\n    font-family: var(--font-sans);\n    color: var(--foreground);\n    background: var(--background);\n    text-rendering: optimizeLegibility;\n    -webkit-font-smoothing: antialiased;\n  }\n  a, button:not(:disabled), [role=\"button\"]:not(:disabled) { cursor: pointer; }\n  ::selection {\n    color: var(--foreground);\n    background: color-mix(in oklch, var(--accent) 30%, transparent);\n  }\n  .shiki, .shiki span { color: var(--shiki-light); }\n  .dark .shiki, .dark .shiki span { color: var(--shiki-dark); }\n}\n\n@layer utilities {\n  .text-balance { text-wrap: balance; }\n  .text-pretty { text-wrap: pretty; }\n  .scrollbar-hide { scrollbar-width: none; }\n  .scrollbar-hide::-webkit-scrollbar { display: none; }\n  .mask-b-fade { mask-image: linear-gradient(to bottom, black 60%, transparent); }\n  .mask-radial-fade { mask-image: radial-gradient(ellipse at center, black 40%, transparent 75%); }\n  .grid-noise {\n    background-size: 32px 32px;\n    background-image: linear-gradient(to right, color-mix(in oklch, var(--foreground) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--foreground) 6%, transparent) 1px, transparent 1px);\n  }\n  .glass {\n    background: var(--glass-bg);\n    border: 1px solid var(--glass-border);\n    backdrop-filter: blur(20px) saturate(160%);\n    box-shadow: inset 0 1px 0 0 rgb(255 255 255 / 0.06), 0 24px 60px -24px rgb(0 0 0 / 0.45);\n  }\n  .glass-strong { background: var(--glass-strong-bg); backdrop-filter: blur(16px); }\n  .glass-thin { background: var(--glass-thin-bg); backdrop-filter: blur(12px); border: 1px solid var(--glass-border); }\n  .press { transition: transform 120ms var(--ease-out); }\n  .press:active { transform: scale(0.97); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n"
+    },
+    {
+      "path": "registry/orvui/tokens.css.txt",
+      "target": "~/src/components/orvui/tokens.css",
+      "type": "registry:file",
+      "content": "/* Generated from the orvui theme compatibility contract. */\n\n:root {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: #0285f7;\n  --primary-foreground: #ffffff;\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(72% 0.18 195);\n  --accent-foreground: var(--accent-fg);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: var(--border-strong);\n}\n\n.dark {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: #0285f7;\n  --primary-foreground: #ffffff;\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(80% 0.18 195);\n  --accent-foreground: var(--accent-fg);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: var(--border-strong);\n}\n\n[data-theme=\"violet\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.2 290);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.2 290);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.2 290 / 0.5);\n}\n.dark[data-theme=\"violet\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.16 290);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.16 290);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.16 290 / 0.55);\n}\n\n[data-theme=\"blue\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.18 255);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.18 255);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.18 255 / 0.5);\n}\n.dark[data-theme=\"blue\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(70% 0.15 255);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(70% 0.15 255);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(70% 0.15 255 / 0.55);\n}\n\n[data-theme=\"green\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(56% 0.14 150);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(56% 0.14 150);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(56% 0.14 150 / 0.5);\n}\n.dark[data-theme=\"green\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.15 150);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.15 150);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.15 150 / 0.55);\n}\n\n[data-theme=\"amber\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(74% 0.15 70);\n  --primary-foreground: oklch(20% 0.02 70);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(74% 0.15 70);\n  --accent-foreground: oklch(20% 0.02 70);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(74% 0.15 70 / 0.5);\n}\n.dark[data-theme=\"amber\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(80% 0.15 75);\n  --primary-foreground: oklch(18% 0.02 75);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(80% 0.15 75);\n  --accent-foreground: oklch(18% 0.02 75);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(80% 0.15 75 / 0.55);\n}\n\n[data-theme=\"blood-orange\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(60% 0.19 40);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(60% 0.19 40);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(60% 0.19 40 / 0.5);\n}\n.dark[data-theme=\"blood-orange\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.17 42);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.17 42);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.17 42 / 0.55);\n}\n\n[data-theme=\"rose\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(58% 0.2 12);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(58% 0.2 12);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(58% 0.2 12 / 0.5);\n}\n.dark[data-theme=\"rose\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(70% 0.17 12);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(70% 0.17 12);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(70% 0.17 12 / 0.55);\n}\n\n[data-theme=\"red\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.22 25);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.22 25);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.22 25 / 0.5);\n}\n.dark[data-theme=\"red\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(68% 0.19 25);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(68% 0.19 25);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(68% 0.19 25 / 0.55);\n}\n\n[data-theme=\"teal\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(55% 0.12 185);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(55% 0.12 185);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(55% 0.12 185 / 0.5);\n}\n.dark[data-theme=\"teal\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.13 185);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(72% 0.13 185);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(72% 0.13 185 / 0.55);\n}\n\n[data-theme=\"indigo\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(50% 0.2 275);\n  --primary-foreground: oklch(99% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(50% 0.2 275);\n  --accent-foreground: oklch(99% 0 0);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(50% 0.2 275 / 0.5);\n}\n.dark[data-theme=\"indigo\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(70% 0.16 275);\n  --primary-foreground: oklch(15% 0 0);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(70% 0.16 275);\n  --accent-foreground: oklch(15% 0 0);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(70% 0.16 275 / 0.55);\n}\n\n[data-theme=\"lime\"] {\n  --border-strong: oklch(15% 0 0 / 0.12);\n  --accent-fg: oklch(15% 0 0);\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: oklch(99% 0 0 / 0.55);\n  --glass-border: oklch(15% 0 0 / 0.08);\n  --glass-strong-bg: rgb(255 255 255 / 0.7);\n  --glass-thin-bg: rgb(255 255 255 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(99% 0 0) 0%, oklch(96% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(72% 0.18 195) 0%, oklch(68% 0.22 295) 100%);\n  --background: oklch(99% 0 0);\n  --foreground: oklch(15% 0 0);\n  --card: oklch(97% 0 0);\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(72% 0.18 130);\n  --primary-foreground: oklch(20% 0.04 130);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(50% 0 0);\n  --accent: oklch(72% 0.18 130);\n  --accent-foreground: oklch(20% 0.04 130);\n  --destructive: var(--danger);\n  --border: oklch(15% 0 0 / 0.06);\n  --input: var(--border);\n  --ring: oklch(72% 0.18 130 / 0.5);\n}\n.dark[data-theme=\"lime\"] {\n  --border-strong: rgb(255 255 255 / 0.1);\n  --accent-fg: #151515;\n  --neon: oklch(80% 0.22 145);\n  --violet: oklch(68% 0.22 295);\n  --danger: oklch(62% 0.22 25);\n  --success: oklch(70% 0.18 155);\n  --warning: oklch(78% 0.18 75);\n  --glass-bg: rgb(28 28 28 / 0.55);\n  --glass-border: rgb(255 255 255 / 0.08);\n  --glass-strong-bg: rgb(28 28 28 / 0.6);\n  --glass-thin-bg: rgb(21 21 21 / 0.45);\n  --gradient-bg: linear-gradient(135deg, oklch(19% 0 0) 0%, oklch(22% 0.008 210) 100%);\n  --gradient-accent: linear-gradient(to right, oklch(80% 0.18 195) 0%, oklch(72% 0.18 295) 100%);\n  --background: #151515;\n  --foreground: oklch(96% 0 0);\n  --card: #1c1c1c;\n  --card-foreground: var(--foreground);\n  --popover: var(--card);\n  --popover-foreground: var(--foreground);\n  --primary: oklch(80% 0.18 130);\n  --primary-foreground: oklch(18% 0.04 130);\n  --secondary: var(--card);\n  --secondary-foreground: var(--foreground);\n  --muted: var(--card);\n  --muted-foreground: oklch(62% 0 0);\n  --accent: oklch(80% 0.18 130);\n  --accent-foreground: oklch(18% 0.04 130);\n  --destructive: var(--danger);\n  --border: rgb(255 255 255 / 0.05);\n  --input: var(--border);\n  --ring: oklch(80% 0.18 130 / 0.55);\n}\n\n@theme inline {\n  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);\n  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);\n  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);\n  --color-border: var(--border);\n  --color-border-strong: var(--border-strong);\n  --color-neon: var(--neon);\n  --color-violet: var(--violet);\n  --color-success: var(--success);\n  --color-warning: var(--warning);\n  --color-background: var(--background);\n  --color-foreground: var(--foreground);\n  --color-card: var(--card);\n  --color-card-foreground: var(--card-foreground);\n  --color-popover: var(--popover);\n  --color-popover-foreground: var(--popover-foreground);\n  --color-primary: var(--primary);\n  --color-primary-foreground: var(--primary-foreground);\n  --color-secondary: var(--secondary);\n  --color-secondary-foreground: var(--secondary-foreground);\n  --color-muted: var(--muted);\n  --color-muted-foreground: var(--muted-foreground);\n  --color-accent: var(--accent);\n  --color-accent-foreground: var(--accent-foreground);\n  --color-destructive: var(--destructive);\n  --color-input: var(--input);\n  --color-ring: var(--ring);\n  --font-sans: var(--font-geist-sans, Geist), ui-sans-serif, system-ui, sans-serif;\n  --font-mono: var(--font-geist-mono, \"Geist Mono\"), ui-monospace, monospace;\n  --font-display: var(--font-geist-sans, Geist), ui-sans-serif, system-ui, sans-serif;\n}\n\n"
+    },
+    {
+      "path": "registry/orvui/agents/agent-activity/LICENSE.simple-icons.txt",
+      "target": "~/src/components/orvui/agents/agent-activity/LICENSE.simple-icons.txt",
+      "type": "registry:file",
+      "content": "# CC0 1.0 Universal\n\n## Statement of Purpose\n\nThe laws of most jurisdictions throughout the world automatically confer exclusive Copyright and Related Rights (defined below) upon the creator and subsequent owner(s) (each and all, an “owner”) of an original work of authorship and/or a database (each, a “Work”).\n\nCertain owners wish to permanently relinquish those rights to a Work for the purpose of contributing to a commons of creative, cultural and scientific works (“Commons”) that the public can reliably and without fear of later claims of infringement build upon, modify, incorporate in other works, reuse and redistribute as freely as possible in any form whatsoever and for any purposes, including without limitation commercial purposes. These owners may contribute to the Commons to promote the ideal of a free culture and the further production of creative, cultural and scientific works, or to gain reputation or greater distribution for their Work in part through the use and efforts of others.\n\nFor these and/or other purposes and motivations, and without any expectation of additional consideration or compensation, the person associating CC0 with a Work (the “Affirmer”), to the extent that he or she is an owner of Copyright and Related Rights in the Work, voluntarily elects to apply CC0 to the Work and publicly distribute the Work under its terms, with knowledge of his or her Copyright and Related Rights in the Work and the meaning and intended legal effect of CC0 on those rights.\n\n1. Copyright and Related Rights. A Work made available under CC0 may be protected by copyright and related or neighboring rights (“Copyright and Related Rights”). Copyright and Related Rights include, but are not limited to, the following:\n    1. the right to reproduce, adapt, distribute, perform, display, communicate, and translate a Work;\n    2. moral rights retained by the original author(s) and/or performer(s);\n    3. publicity and privacy rights pertaining to a person’s image or likeness depicted in a Work;\n    4. rights protecting against unfair competition in regards to a Work, subject to the limitations in paragraph 4(i), below;\n    5. rights protecting the extraction, dissemination, use and reuse of data in a Work;\n    6. database rights (such as those arising under Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, and under any national implementation thereof, including any amended or successor version of such directive); and\n    7. other similar, equivalent or corresponding rights throughout the world based on applicable law or treaty, and any national implementations thereof.\n\n2. Waiver. To the greatest extent permitted by, but not in contravention of, applicable law, Affirmer hereby overtly, fully, permanently, irrevocably and unconditionally waives, abandons, and surrenders all of Affirmer’s Copyright and Related Rights and associated claims and causes of action, whether now known or unknown (including existing as well as future claims and causes of action), in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the “Waiver”). Affirmer makes the Waiver for the benefit of each member of the public at large and to the detriment of Affirmer’s heirs and successors, fully intending that such Waiver shall not be subject to revocation, rescission, cancellation, termination, or any other legal or equitable action to disrupt the quiet enjoyment of the Work by the public as contemplated by Affirmer’s express Statement of Purpose.\n\n3. Public License Fallback. Should any part of the Waiver for any reason be judged legally invalid or ineffective under applicable law, then the Waiver shall be preserved to the maximum extent permitted taking into account Affirmer’s express Statement of Purpose. In addition, to the extent the Waiver is so judged Affirmer hereby grants to each affected person a royalty-free, non transferable, non sublicensable, non exclusive, irrevocable and unconditional license to exercise Affirmer’s Copyright and Related Rights in the Work (i) in all territories worldwide, (ii) for the maximum duration provided by applicable law or treaty (including future time extensions), (iii) in any current or future medium and for any number of copies, and (iv) for any purpose whatsoever, including without limitation commercial, advertising or promotional purposes (the “License”). The License shall be deemed effective as of the date CC0 was applied by Affirmer to the Work. Should any part of the License for any reason be judged legally invalid or ineffective under applicable law, such partial invalidity or ineffectiveness shall not invalidate the remainder of the License, and in such case Affirmer hereby affirms that he or she will not (i) exercise any of his or her remaining Copyright and Related Rights in the Work or (ii) assert any associated claims and causes of action with respect to the Work, in either case contrary to Affirmer’s express Statement of Purpose.\n\n4. Limitations and Disclaimers.\n    1. No trademark or patent rights held by Affirmer are waived, abandoned, surrendered, licensed or otherwise affected by this document.\n    2. Affirmer offers the Work as-is and makes no representations or warranties of any kind concerning the Work, express, implied, statutory or otherwise, including without limitation warranties of title, merchantability, fitness for a particular purpose, non infringement, or the absence of latent or other defects, accuracy, or the present or absence of errors, whether or not discoverable, all to the greatest extent permissible under applicable law.\n    3. Affirmer disclaims responsibility for clearing rights of other persons that may apply to the Work or any use thereof, including without limitation any person’s Copyright and Related Rights in the Work. Further, Affirmer disclaims responsibility for obtaining any necessary consents, permissions or other rights required for any use of the Work.\n    4. Affirmer understands and acknowledges that Creative Commons is not a party to this document and has no duty or obligation with respect to this CC0 or use of the Work.\n\nFor more information, please see <https://creativecommons.org/publicdomain/zero/1.0>.\n"
+    },
+    {
+      "path": "registry/orvui/LICENSE.txt",
+      "target": "~/src/components/orvui/LICENSE.txt",
+      "type": "registry:file",
+      "content": "MIT License\n\nCopyright (c) 2026 everfu\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
+    },
+    {
+      "path": "registry/orvui/NOTICE.txt",
+      "target": "~/src/components/orvui/NOTICE.txt",
+      "type": "registry:file",
+      "content": "orvui component library\n\nCopyright (c) 2026 everfu. orvui source is distributed under MIT.\nPublic signatures, numeric palette values and visual compatibility inputs are\nmaintained as the product contract. Third-party material remains separately\nlicensed; the orvui MIT license does not replace the terms below.\n\nThe documentation hero uses the framework-neutral border-beam 1.4.1 generator,\nCopyright (c) 2026 Jakub Antalik, MIT licensed. Its license is retained at\napps/docs/public/licenses/border-beam-MIT.txt.\n\nPaper Design GPU programs and @paper-design/shaders remain under PolyForm\nShield 1.0.0. See src/motion/shader-background/LICENSE.paper-design in the\npackage and /licenses/paper-design-PolyForm-Shield.txt in the documentation.\n\nGeist and Geist Mono come from installed Fontsource packages. Their SIL Open\nFont License texts are retained in the documentation licenses directory.\nLucide icons retain their ISC license. Simple Icons brand assets come from\n@iconify-json/simple-icons 1.2.100 and retain CC0 1.0 Universal; see the\nadjacent LICENSE.simple-icons files and /licenses/simple-icons-CC0.txt.\n\nDemo photography is separate third-party material served by Unsplash and\nLorem Picsum, under the provider's terms: https://unsplash.com/license .\nDiceBear Glass avatars are CC0: https://www.dicebear.com/styles/glass/ .\nCountry flag images come from Flagpedia's documented CDN service:\nhttps://flagpedia.net/download/api . These media are not relicensed as orvui code.\nConsumer-level source records are in tools/catalog/media-provenance.json;\nthe documentation serves a copy at /media-provenance.json.\n\nSynthetic club badges, terrain illustrations and demonstration copy authored\nin this implementation use the orvui MIT license. No institutional or sports\nteam marks are bundled with the synthetic market-card example.\n"
+    }
+  ],
+  "dependencies": [
+    "clsx@^2.1.1",
+    "lucide-vue-next@^0.468.0",
+    "motion-v@^1.10.0",
+    "shiki@^3.0.0",
+    "tailwind-merge@^3.0.0",
+    "tailwindcss@^4.0.0"
+  ],
+  "meta": {
+    "product": "orvui",
+    "version": "0.1.0",
+    "package": "@orvui/vue",
+    "category": "agents",
+    "registry": "https://orvui.efu.me/r/chat-app.json"
+  }
+}